@coveord/plasma-mantine 52.13.0 → 52.13.1

package/src/components/table/layouts/__tests__/RowLayout.spec.tsx

@@ -19,7 +19,7 @@ describe('RowLayout', () => {
                 getRowId={({id}) => id}
                 data={[{id: '🆔', firstName: 'first', lastName: 'last'}]}
                 columns={columns}
-            />
+            />,
         );
 
         expect(screen.getByRole('columnheader', {name: 'firstName'})).toBeVisible();
@@ -28,12 +28,12 @@ describe('RowLayout', () => {
         expect(
             screen.getByRole('cell', {
                 name: /first/i,
-            })
+            }),
         ).toBeVisible();
         expect(
             screen.getByRole('cell', {
                 name: /last/i,
-            })
+            }),
         ).toBeVisible();
     });
 
@@ -72,7 +72,7 @@ describe('RowLayout', () => {
                     {id: 'gary', firstName: 'Gary', lastName: 'Oak'},
                 ]}
                 columns={customColumns}
-            />
+            />,
         );
 
         expect(screen.getByTestId('ash')).toBeVisible();
@@ -99,7 +99,7 @@ describe('RowLayout', () => {
                 data={[{id: '🆔', firstName: 'first', lastName: 'last'}]}
                 getExpandChildren={(row: RowData) => <Fixture row={row} />}
                 columns={customColumns}
-            />
+            />,
         );
 
         // wait for the collapsible icon to show
@@ -135,7 +135,7 @@ describe('RowLayout', () => {
                 ]}
                 getExpandChildren={(row: RowData) => (row.lastName === 'Skywalker' ? <Fixture row={row} /> : null)}
                 columns={customColumns}
-            />
+            />,
         );
 
         // wait for the collapsible icon to show
@@ -163,7 +163,7 @@ describe('RowLayout', () => {
                 ]}
                 getExpandChildren={(row: RowData) => <Fixture row={row} />}
                 columns={customColumns}
-            />
+            />,
         );
 
         // wait for the collapsible icon to show
@@ -198,7 +198,7 @@ describe('RowLayout', () => {
                 ]}
                 columns={columns}
                 doubleClickAction={doubleClickSpy}
-            ></Table>
+            ></Table>,
         );
         await user.dblClick(screen.getByRole('cell', {name: 'Mario'}));
         expect(doubleClickSpy).toHaveBeenCalledTimes(1);
@@ -218,7 +218,7 @@ describe('RowLayout', () => {
                     ]}
                     columns={columns}
                 />
-            </div>
+            </div>,
         );
 
         await user.click(screen.getByRole('row', {name: /patate king/i}));
@@ -249,7 +249,7 @@ describe('RowLayout', () => {
                         },
                     ]}
                 />
-            </div>
+            </div>,
         );
 
         await user.click(screen.getByRole('row', {name: /patate king/i}));
@@ -280,7 +280,7 @@ describe('RowLayout', () => {
                         },
                     ]}
                 />
-            </div>
+            </div>,
         );
 
         await user.click(screen.getByRole('row', {name: /patate king/i}));
@@ -305,7 +305,7 @@ describe('RowLayout', () => {
                     ]}
                     columns={columns}
                     multiRowSelectionEnabled
-                />
+                />,
             );
 
             expect(screen.getByRole('columnheader', {name: /select all from this page/i})).toBeInTheDocument();
@@ -329,7 +329,7 @@ describe('RowLayout', () => {
                     initialState={{
                         rowSelection: {'🆔-2': {id: '🆔-2', firstName: 'Jane', lastName: 'Doe'}},
                     }}
-                />
+                />,
             );
 
             expect(screen.getByRole('row', {name: /jane doe/i, selected: true})).toBeInTheDocument();
@@ -346,7 +346,7 @@ describe('RowLayout', () => {
                     ]}
                     columns={columns}
                     multiRowSelectionEnabled
-                />
+                />,
             );
 
             const selectAll = screen.getByRole('checkbox', {name: /select all from this page/i});
@@ -373,7 +373,7 @@ describe('RowLayout', () => {
                         multiRowSelectionEnabled
                         disableRowSelection
                     />
-                </div>
+                </div>,
             );
 
             await user.click(screen.getByRole('row', {name: /patate king/i}));
@@ -396,7 +396,7 @@ describe('RowLayout', () => {
                     columns={columns}
                     multiRowSelectionEnabled
                     disableRowSelection
-                />
+                />,
             );
 
             expect(screen.getByRole('checkbox', {name: /select all/i})).toHaveStyle('pointerEvents: none');

package/src/components/table/useRowSelection.ts

@@ -11,7 +11,7 @@ export const useRowSelection = <T>(
         onRowSelectionChange,
         multiRowSelectionEnabled,
         additionalRootNodes = [],
-    }: Pick<TableProps<T>, 'onRowSelectionChange' | 'multiRowSelectionEnabled' | 'additionalRootNodes'>
+    }: Pick<TableProps<T>, 'onRowSelectionChange' | 'multiRowSelectionEnabled' | 'additionalRootNodes'>,
 ) => {
     const outsideClickRef = useRef<HTMLDivElement>();
     useClickOutside(
@@ -21,7 +21,7 @@ export const useRowSelection = <T>(
             }
         },
         null,
-        [outsideClickRef.current, ...additionalRootNodes]
+        [outsideClickRef.current, ...additionalRootNodes],
     );
 
     // Need to call this outside of the onRowSelectionChange of the table to avoid rendering conflicts if the callback queues an update in a parent component.
@@ -36,7 +36,7 @@ export const useRowSelection = <T>(
             table.setState((old) => {
                 const newRowSelection = functionalUpdate(
                     rowSelectionUpdater,
-                    old['rowSelection']
+                    old['rowSelection'],
                 ) as RowSelectionWithData<T>;
 
                 if (isEqual(old['rowSelection'], newRowSelection)) {
@@ -49,7 +49,7 @@ export const useRowSelection = <T>(
                     if (newRowSelection[rowId] === true) {
                         if (!rows[rowId]) {
                             console.error(
-                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.'
+                                'The table was not initialized properly, the rowSelection state should contain an object of type Record<string, TData>.',
                             );
                         }
                         newRowSelection[rowId] = rows[rowId]?.original ?? (true as T);

package/src/form/FormProvider.tsx

@@ -11,7 +11,7 @@ export interface FormProviderProps<Form> {
 
 export function createFormContext<
     Values,
-    TransformValues extends _TransformValues<Values> = (values: Values) => Values
+    TransformValues extends _TransformValues<Values> = (values: Values) => Values,
 >() {
     type Form = UseFormReturnType<Values, TransformValues>;
 
@@ -33,6 +33,6 @@ export function createFormContext<
     return [FormProvider, useFormContext, useForm] as [
         React.FC<FormProviderProps<Form>>,
         () => Form,
-        UseForm<Values, TransformValues>
+        UseForm<Values, TransformValues>,
     ];
 }

package/src/form/useForm.ts

@@ -6,7 +6,7 @@ export const useForm: typeof useMantineForm = (options) => {
 
     const getInputProps: GetInputProps<Record<string, unknown>> = (
         path,
-        {type = 'input', withError = type === 'input', withFocus = true} = {}
+        {type = 'input', withError = type === 'input', withFocus = true} = {},
     ) => {
         const originalPayload = form.getInputProps(path, {type, withError, withFocus});
         if (Array.isArray(originalPayload.value)) {

package/src/theme/Theme.tsx

@@ -141,6 +141,7 @@ export const plasmaTheme: MantineThemeOverride = {
                     fontSize: theme.fontSizes.sm,
                     color: theme.colors.gray[7],
                     marginBottom: theme.spacing.xs,
+                    lineHeight: theme.lineHeight,
                 },
                 invalid: {
                     color: theme.colors.red[9],
@@ -148,6 +149,7 @@ export const plasmaTheme: MantineThemeOverride = {
                 },
                 error: {
                     color: theme.colors.red[9],
+                    lineHeight: theme.lineHeight,
                 },
             }),
         },

package/src/utils/overrideComponent.ts

@@ -8,10 +8,10 @@
  */
 export const overrideComponent = <
     Component extends (...args: Parameters<Component>) => ReturnType<Component>,
-    StaticProperties = Record<keyof Component, never>
+    StaticProperties = Record<keyof Component, never>,
 >(
     component: Component,
-    properties: StaticProperties
+    properties: StaticProperties,
 ): ((...args: Parameters<Component>) => ReturnType<Component>) & Component & StaticProperties => {
     const componentClone = (...args: Parameters<Component>) => component(...args);
     return Object.assign(componentClone, component, properties);