@coveord/plasma-react-icons - npm Package Versions

53.0.0 (2024-04-16)

• feat!: mantine 7 support (#3678) 51d463c, closes #3678 #3679 #3623

BREAKING CHANGES

• Mantine version 7 support

From now on, plasma-mantine package will only work with Mantine version 7. You can follow the migration guide available on the Mantine website to migrate your app.

All our custom components like the Table, Collection, Header, etc. now follow the CSS modules paradigm introduced by Mantine components. So expect changes around how styles are loaded into components.

Header component variants

<Header> component variants have changed name:

• 'page' is now called 'primary'
• 'modal' is now called 'secondary'

StickyFooter classNames changed

StickyFooter component no longer has a divider class name available. You can still use the borderTop prop so that the footer has a top border.

ModalWizard no longer exists

The modal wizard component was removed from the plasma codebase, because it can easily be reproduced using a Stepper component inside a Modal.

Collection enhanceWithCollectionProps utility

Better integration of the Collection within mantine forms can now be achieved using the enhanceWithCollectionProps utility. If you use the Collection component with a Mantine form, it is recommended to use that utility. See mantine documentation to learn more.

Before

const form = useForm({initialValues: {fruits: ['banana', 'orange']}});

<Collection {...form.getInputProps('fruits', {type: 'collection'})}>
   ...
</Collection>

After

const form = useForm({
    initialValues: {fruits: ['banana', 'orange']}
    enhanceGetInputProps: (payload) => ({...enhanceWithCollectionProps(payload, 'fruits')}),
});

<Collection {...form.getInputProps('fruits')}>
   ...
</Collection>

InlineConfirm renaming

InlineConfirm is a bit different to use:

• InlineConfirm.Button changed to InlineConfirm.Target
• Removed the necessity to pass a label
• InlineConfirm.Target and InlineConfirm.Prompt will throw an error if there's no parent InlineConfirm
• InlineConfirm.MenuItem was removed, use <InlineConfirm.Target component={MenuItem}> instead

Before:

<InlineConfirm>
  <InlineConfirm.Button id="a">Remove</InlineConfirm.Button>
  <InlineConfirm.Prompt id="a" label="Are you sure?" onConfirm={onConfirm} />

  <InlineConfirm.Button id="b">Remove</InlineConfirm.Button>
  <InlineConfirm.Prompt
    id="b"
    label="Remove?"
    confirmLabel="I confirm"
    cancelLabel="I changed my mind"
  />
</InlineConfirm>

After:

<InlineConfirm>
  <InlineConfirm.Target id="my-button-id">Remove</InlineConfirm.Button>
  <InlineConfirm.Prompt id="my-button-id" onConfirm={onConfirm} />

  <InlineConfirm.Target id="b">Remove</InlineConfirm.Target>
  <InlineConfirm.Prompt
    id="b"
    label="Remove?"
    confirm={<Button onClick={confirmSpy}>I confirm</Button>}
    cancel={<Button>I changed my mind</Button>}
  />
</InlineConfirm>

Icons changes

• CartNew icon was renamed to Cart

New features

Plasmantine is now extensible

const theme = createTheme({
    ...
});

<Plasmantine theme={theme}>
    <App />
</Plasmantine>

52.27.2-next.12 (2024-04-11)

Bug Fixes

• datepicker: removed label to (#3679) bb82a1e, closes #3679
• deps: replace dependency redux-devtools-extension with @redux-devtools/extension 3.0.0 (#3615) 2e390f5, closes #3615
• mantine, code editor: scrollbar z-index (#3675) 9f45807, closes #3675
• mantine, table: automatically update page when needed (#3652) 1115971, closes #3652
• stepper: border color (#3666) f5ae6ce, closes #3666
• style: add missing reset rules to reset.css (#3677) 8a2c264, closes #3677

Features

• header: +content variant +example (#3676) d750c55, closes #3676
• next: merge master in next (#3672) 97b5600, closes #3672
• table: visual update on datepicker (#3673) 14e6d4d, closes #3673

52.27.4 (2024-03-22)

Bug Fixes

• mantine, combobox: add small margin under Combobox.Search (#3669) 9118de5, closes #3669

52.27.2-next.3 (2024-03-08)

Bug Fixes

• mantine, header: change HeaderDocAnchor label type to ReactNode (#3625) 909913e, closes #3625
• mantine: add null to table data prop type (#3623) 5cdac8c, closes #3623

Features

• mantine: factorize header component (#3632) ca5f56e, closes #3632
• theme: combobox options (#3629) 50d97e6, closes #3629
• tokens: extract design tokens from figma libraries (#3500) 8ccdd72, closes #3500

BREAKING CHANGES

• tokens: CartNew icon renamed to Cart

Co-authored-by: Jenkins CI jenkins@coveo.com

• deps: replace dependency redux-devtools-extension with @redux-devtools/extension 3.0.0 (#3615) 2e390f5, closes #3615
• mantine, table: automatically update page when needed (#3652) 1115971, closes #3652
• plasma react table: pagination style (#3631) 207a3ec, closes #3631
• style: lintfix (#3630) 3f5b0b6, closes #3630

52.26.1 (2023-11-15)

Bug Fixes

• WEB-6600: add error outline in CodeEditor when form is in error and fix windows build process (#3585) 5e92372, closes #3585

52.23.1 (2023-10-26)

Bug Fixes

• website: update @coveo/atomic-react (#3579) 4e26c9e, closes #3579

52.23.0 (2023-10-25)

Features

• mantine, code editor: allow dev to use more language (#3574) 2b939f4, closes #3574

52.21.0 (2023-10-18)

Features

• mantine: set tooltip default max width of 300 px (#3566) cf2204b, closes #3566
• MLX: allow possibility to override classnames in prompt (#3570) a9d7a0f, closes #3570

52.16.0 (2023-08-30)

Features

• mantine, header: make component theme-able (#3530) 22ad0d9, closes #3530

52.15.0 (2023-08-21)

Bug Fixes

• deps: update dependency eslint-config-prettier to v9 (#3503) 65e39bc, closes #3503

Features

• mantine, prompt: add word wrap to header object (#3520) a661f21, closes #3520