Skip to content

Add mantine theme#1287

Draft
ErnestTeluk wants to merge 10 commits into
masterfrom
add_mantine_theme
Draft

Add mantine theme#1287
ErnestTeluk wants to merge 10 commits into
masterfrom
add_mantine_theme

Conversation

@ErnestTeluk
Copy link
Copy Markdown
Contributor

No description provided.

@github-actions github-actions Bot added the Area: Infra Affects the repository itself (e.g., CI, dependencies) label Oct 10, 2023
Comment thread package.json Outdated
Comment thread packages/uniforms-mantine/README.md
Comment thread packages/uniforms-mantine/__tests__/index.ts
Comment thread packages/uniforms-mantine/package.json Outdated
Comment thread packages/uniforms-mantine/src/AutoField.tsx Outdated
@github-actions github-actions Bot added the Area: Docs Affects the documentation or reproductions seed label Oct 10, 2023
@MDrooker
Copy link
Copy Markdown

MDrooker commented Mar 7, 2024

Was this abandoned?

@ErnestTeluk
Copy link
Copy Markdown
Contributor Author

ErnestTeluk commented Mar 8, 2024

No, I will get back to it next week. We must wait for the bump React to v18.

@ErnestTeluk ErnestTeluk self-assigned this Mar 15, 2024
Copy link
Copy Markdown
Collaborator

@piotrpospiech piotrpospiech left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. List items should be full width.
image
  1. Delete button in the ListField has weird position.
image
  1. NestField label is <p> tag. We usually use label there. Only in the material and MUI we used a different tag - legend.

Comment thread packages/uniforms-mantine/src/BaseForm.tsx Outdated
Comment thread packages/uniforms-mantine/src/ListDelField.tsx Outdated
Comment thread packages/uniforms-mantine/src/ListField.tsx
Comment thread packages/uniforms-mantine/src/SelectField.tsx Outdated
Comment thread packages/uniforms-mantine/src/SelectField.tsx Outdated
Comment thread packages/uniforms-mantine/src/SubmitField.tsx Outdated
Comment thread packages/uniforms-mantine/src/TextField.tsx Outdated
Comment thread packages/uniforms-mantine/src/TextField.tsx Outdated
Comment thread packages/uniforms-mantine/src/TextField.tsx
Comment thread packages/uniforms-mantine/src/NestField.tsx
@github-actions github-actions Bot added Area: Theme Affects some of the theme packages Theme: MUI Affects the uniforms-mui package labels Jun 14, 2024
<Group mt="xs" align="flex-start" w="100%">
{children}
<Box mt={20}>
<Box pos="absolute" right={0} top={10}>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can those styles be moved to the ListDelField component? We can avoid additional nesting with Box.


function ListItem({
children = <AutoField label={null} name="" />,
children = <AutoField label={null} name="" style={{ width: '100%' }} />,
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you test it with custom children? We don't want to pass width manually to every child component.

return (
<div {...filterDOMProps(props)}>
{label && <Text>{label}</Text>}
{label && <Label>{label}</Label>}
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think, it should be updated also in other fields e.g. RadioField.

@kestarumper kestarumper added this to the v4.x milestone Aug 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area: Docs Affects the documentation or reproductions seed Area: Infra Affects the repository itself (e.g., CI, dependencies) Area: Theme Affects some of the theme packages Theme: MUI Affects the uniforms-mui package

Projects

Status: In progress

Development

Successfully merging this pull request may close these issues.

6 participants