@coveord/plasma-mantine 54.3.0 → 54.4.0

package/dist/esm/components/table/table-predicate/TablePredicate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {\n    BoxProps,\n    ComboboxData,\n    CompoundStylesApiProps,\n    factory,\n    Factory,\n    Grid,\n    Group,\n    Select,\n    Text,\n    useProps,\n} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: ComboboxData;\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport type TablePredicateFactory = Factory<{\n    props: TablePredicateProps;\n    ref: HTMLDivElement;\n    stylesNames: TablePredicateStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TablePredicateProps> = {};\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\n\n    const handleChange = (newValue: string) => {\n        store.setPredicates((prev) => ({...prev, [id]: newValue}));\n        store.setPagination((prev) => ({...prev, pageIndex: 0}));\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={store.state.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    {...getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["factory","Grid","Group","Select","Text","useProps","TableComponentsOrder","useTableContext","defaultProps","TablePredicate","props","ref","store","getStyles","id","data","label","classNames","className","styles","style","vars","others","handleChange","newValue","setPredicates","prev","setPagination","pageIndex","stylesApiProps","Col","span","order","Predicate","gap","comboboxProps","withinPortal","value","state","predicates","onChange","aria-label","searchable","length"],"mappings":";AAAA,SAIIA,OAAO,EAEPC,IAAI,EACJC,KAAK,EACLC,MAAM,EACNC,IAAI,EACJC,QAAQ,QACL,gBAAgB;AAGvB,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AA4BhD,MAAMC,eAA6C,CAAC;AAEpD,OAAO,MAAMC,iBAAyDT,QAA+B,CAACU,OAAOC;IACzG,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGN;IAC3B,MAAM,EAACO,EAAE,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGjB,SAC7E,wBACAG,cACAE;IAGJ,MAAMa,eAAe,CAACC;QAClBZ,MAAMa,aAAa,CAAC,CAACC,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAE,CAACZ,GAAG,EAAEU;YAAQ,CAAA;QACvDZ,MAAMe,aAAa,CAAC,CAACD,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAEE,WAAW;YAAC,CAAA;IACzD;IAEA,MAAMC,iBAAiB;QAACZ;QAAYE;IAAM;IAE1C,qBACI,KAAClB,KAAK6B,GAAG;QACLC,MAAK;QACLC,OAAO1B,qBAAqB2B,SAAS;QACrCtB,KAAKA;QACJ,GAAGE,UAAU,aAAa;YAACK;YAAWE;YAAO,GAAGS,cAAc;QAAA,EAAE;QAChE,GAAGP,MAAM;kBAEV,cAAA,MAACpB;YAAMgC,KAAI;YAAM,GAAGrB,UAAU,oBAAoBgB,eAAe;;gBAC5Db,sBAAQ,MAACZ;oBAAM,GAAGS,UAAU,kBAAkBgB,eAAe;;wBAAGb;wBAAM;;qBAAW;8BAClF,KAACb;oBACGgC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAOzB,MAAM0B,KAAK,CAACC,UAAU,CAACzB,GAAG;oBACjC0B,UAAUjB;oBACVR,MAAMA;oBACN0B,cAAYzB,SAASF;oBACrB4B,YAAY3B,KAAK4B,MAAM,GAAG;oBACzB,GAAG9B,UAAU,mBAAmBgB,eAAe;;;;;AAKpE,GAAG"}
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {\n    BoxProps,\n    ComboboxData,\n    CompoundStylesApiProps,\n    factory,\n    Factory,\n    Grid,\n    Group,\n    Select,\n    SelectProps,\n    Text,\n    useProps,\n} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps\n    extends BoxProps,\n        Pick<SelectProps, 'renderOption'>,\n        CompoundStylesApiProps<TablePredicateFactory> {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: ComboboxData;\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport type TablePredicateFactory = Factory<{\n    props: TablePredicateProps;\n    ref: HTMLDivElement;\n    stylesNames: TablePredicateStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TablePredicateProps> = {};\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {id, data, label, classNames, className, styles, style, renderOption, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\n\n    const handleChange = (newValue: string) => {\n        store.setPredicates((prev) => ({...prev, [id]: newValue}));\n        store.setPagination((prev) => ({...prev, pageIndex: 0}));\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={store.state.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    renderOption={renderOption}\n                    {...getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["factory","Grid","Group","Select","Text","useProps","TableComponentsOrder","useTableContext","defaultProps","TablePredicate","props","ref","store","getStyles","id","data","label","classNames","className","styles","style","renderOption","vars","others","handleChange","newValue","setPredicates","prev","setPagination","pageIndex","stylesApiProps","Col","span","order","Predicate","gap","comboboxProps","withinPortal","value","state","predicates","onChange","aria-label","searchable","length"],"mappings":";AAAA,SAIIA,OAAO,EAEPC,IAAI,EACJC,KAAK,EACLC,MAAM,EAENC,IAAI,EACJC,QAAQ,QACL,gBAAgB;AAGvB,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AA+BhD,MAAMC,eAA6C,CAAC;AAEpD,OAAO,MAAMC,iBAAyDT,QAA+B,CAACU,OAAOC;IACzG,MAAM,EAACC,KAAK,EAAEC,SAAS,EAAC,GAAGN;IAC3B,MAAM,EAACO,EAAE,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGlB,SAC3F,wBACAG,cACAE;IAGJ,MAAMc,eAAe,CAACC;QAClBb,MAAMc,aAAa,CAAC,CAACC,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAE,CAACb,GAAG,EAAEW;YAAQ,CAAA;QACvDb,MAAMgB,aAAa,CAAC,CAACD,OAAU,CAAA;gBAAC,GAAGA,IAAI;gBAAEE,WAAW;YAAC,CAAA;IACzD;IAEA,MAAMC,iBAAiB;QAACb;QAAYE;IAAM;IAE1C,qBACI,KAAClB,KAAK8B,GAAG;QACLC,MAAK;QACLC,OAAO3B,qBAAqB4B,SAAS;QACrCvB,KAAKA;QACJ,GAAGE,UAAU,aAAa;YAACK;YAAWE;YAAO,GAAGU,cAAc;QAAA,EAAE;QAChE,GAAGP,MAAM;kBAEV,cAAA,MAACrB;YAAMiC,KAAI;YAAM,GAAGtB,UAAU,oBAAoBiB,eAAe;;gBAC5Dd,sBAAQ,MAACZ;oBAAM,GAAGS,UAAU,kBAAkBiB,eAAe;;wBAAGd;wBAAM;;qBAAW;8BAClF,KAACb;oBACGiC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAO1B,MAAM2B,KAAK,CAACC,UAAU,CAAC1B,GAAG;oBACjC2B,UAAUjB;oBACVT,MAAMA;oBACN2B,cAAY1B,SAASF;oBACrB6B,YAAY5B,KAAK6B,MAAM,GAAG;oBAC1BvB,cAAcA;oBACb,GAAGR,UAAU,mBAAmBiB,eAAe;;;;;AAKpE,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "54.3.0",
+  "version": "54.4.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -33,7 +33,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.22",
     "@monaco-editor/react": "4.6.0",
-    "@swc/helpers": "0.5.12",
+    "@swc/helpers": "0.5.13",
     "@tanstack/react-table": "8.20.5",
     "@tanstack/table-core": "8.20.5",
     "clsx": "2.1.1",
@@ -41,43 +41,43 @@
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.51.0",
-    "@coveord/plasma-react-icons": "54.3.0",
-    "@coveord/plasma-tokens": "54.3.0"
+    "monaco-editor": "0.52.0",
+    "@coveord/plasma-react-icons": "54.4.0",
+    "@coveord/plasma-tokens": "54.4.0"
   },
   "devDependencies": {
-    "@mantine/carousel": "7.12.1",
-    "@mantine/code-highlight": "7.12.1",
-    "@mantine/core": "7.12.1",
-    "@mantine/dates": "7.12.1",
-    "@mantine/form": "7.12.1",
-    "@mantine/hooks": "7.12.1",
-    "@mantine/modals": "7.12.1",
-    "@mantine/notifications": "7.12.1",
+    "@mantine/carousel": "7.13.2",
+    "@mantine/code-highlight": "7.13.2",
+    "@mantine/core": "7.13.2",
+    "@mantine/dates": "7.13.2",
+    "@mantine/form": "7.13.2",
+    "@mantine/hooks": "7.13.2",
+    "@mantine/modals": "7.13.2",
+    "@mantine/notifications": "7.13.2",
     "@swc/cli": "0.4.0",
-    "@swc/core": "1.7.21",
+    "@swc/core": "1.7.28",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.5.0",
     "@testing-library/react": "16.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.defaultsdeep": "4.6.9",
-    "@types/react": "18.3.4",
+    "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
     "embla-carousel-react": "7.1.0",
     "identity-obj-proxy": "3.0.0",
-    "jsdom": "24.1.3",
-    "postcss": "8.4.41",
+    "jsdom": "25.0.1",
+    "postcss": "8.4.47",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.2.10",
+    "publint": "0.2.11",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "sass": "1.77.8",
+    "sass": "1.79.4",
     "tslib": "2.7.0",
-    "typescript": "5.5.4",
-    "vitest": "2.0.5"
+    "typescript": "5.6.2",
+    "vitest": "2.1.2"
   },
   "peerDependencies": {
     "@mantine/carousel": "^7.6.1",

package/src/components/collection/enhanceWithCollectionProps.ts

@@ -1,8 +1,12 @@
 import {UseFormInput} from '@mantine/form';
+import {_TransformValues} from '@mantine/form/lib/types';
 import {CollectionProps} from './Collection';
 
-export const enhanceWithCollectionProps = <FormValues>(
-    payload: Parameters<UseFormInput<FormValues>['enhanceGetInputProps']>[0],
+export const enhanceWithCollectionProps = <
+    FormValues,
+    TransformValues extends _TransformValues<FormValues> = (values: FormValues) => FormValues,
+>(
+    payload: Parameters<UseFormInput<FormValues, TransformValues>['enhanceGetInputProps']>[0],
     field: (typeof payload)['field'],
 ): Pick<CollectionProps<unknown>, 'onReorderItem' | 'onInsertItem' | 'onRemoveItem'> => {
     if (payload.field === field) {

package/src/components/table/index.ts

@@ -1,5 +1,6 @@
 export {flexRender as renderTableCell} from '@tanstack/react-table';
 export * from './Table';
-export {type TableLayout, type TableProps, type TableLayoutProps, type TableAction} from './Table.types';
-export {useTable, type TableState, type TableStore, type UseTableOptions} from './use-table';
+export {TablePredicateProps} from './table-predicate/TablePredicate';
+export {type TableAction, type TableLayout, type TableLayoutProps, type TableProps} from './Table.types';
 export {useTableContext} from './TableContext';
+export {useTable, type TableState, type TableStore, type UseTableOptions} from './use-table';

package/src/components/table/table-predicate/TablePredicate.tsx

@@ -7,6 +7,7 @@ import {
     Grid,
     Group,
     Select,
+    SelectProps,
     Text,
     useProps,
 } from '@mantine/core';
@@ -17,7 +18,10 @@ import {useTableContext} from '../TableContext';
 
 export type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';
 
-export interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {
+export interface TablePredicateProps
+    extends BoxProps,
+        Pick<SelectProps, 'renderOption'>,
+        CompoundStylesApiProps<TablePredicateFactory> {
     /**
      * Unique identifier for this predicate. Will be used to access the selected value in the table state
      */
@@ -45,7 +49,7 @@ const defaultProps: Partial<TablePredicateProps> = {};
 
 export const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {
     const {store, getStyles} = useTableContext();
-    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(
+    const {id, data, label, classNames, className, styles, style, renderOption, vars, ...others} = useProps(
         'PlasmaTablePredicate',
         defaultProps,
         props,
@@ -75,6 +79,7 @@ export const TablePredicate: FunctionComponent<TablePredicateProps> = factory<Ta
                     data={data}
                     aria-label={label ?? id}
                     searchable={data.length > 7}
+                    renderOption={renderOption}
                     {...getStyles('predicateSelect', stylesApiProps)}
                 />
             </Group>