@coveord/plasma-mantine 48.9.3 → 48.10.1

package/dist/cjs/components/table/TableDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize24Px} from '@coveord/plasma-react-icons';\nimport {Popover, Button} from '@mantine/core';\nimport {DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from '../date-range-picker';\nimport {DateRangePickerPreset} from '../date-range-picker/DateRangePickerPresetSelect';\nimport {useTable} from './useTable';\n\ninterface TableDateRangePickerProps\n    extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps> = ({\n    presets = {},\n    rangeCalendarProps,\n}) => {\n    const [opened, setOpened] = useState(false);\n    const {form} = useTable();\n\n    const onApply = (dates: DateRangePickerValue) => {\n        form.setFieldValue('dateRange', dates);\n        setOpened(false);\n    };\n    const onCancel = () => {\n        setOpened(false);\n    };\n\n    const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n    const formatedRange = `${formatDate(form.values.dateRange[0])} - ${formatDate(form.values.dateRange[1])}`;\n\n    return (\n        <>\n            {formatedRange}\n            <Popover opened={opened} onChange={setOpened}>\n                <Popover.Target>\n                    <Button variant=\"outline\" color=\"gray\" onClick={() => setOpened(true)} px=\"xs\">\n                        <CalendarSize24Px width={24} height={24} />\n                    </Button>\n                </Popover.Target>\n                <Popover.Dropdown p={0}>\n                    <DateRangePickerInlineCalendar\n                        initialRange={form.values.dateRange}\n                        onApply={onApply}\n                        onCancel={onCancel}\n                        presets={presets}\n                        rangeCalendarProps={rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["TableDateRangePicker","presets","rangeCalendarProps","useState","opened","setOpened","form","useTable","onApply","dates","setFieldValue","onCancel","formatDate","date","dayjs","format","formatedRange","values","dateRange","Popover","onChange","Target","Button","variant","color","onClick","px","CalendarSize24Px","width","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":"AAAA;;;;+BAyBaA,sBAAoB;;;eAApBA,oBAAoB;;;;;;gCAzBF,6BAA6B;oBAC9B,eAAe;0DAE3B,OAAO;qBACiB,OAAO;+BAC+B,sBAAsB;wBAE/E,YAAY;AAkB5B,IAAMA,oBAAoB,GAAiD,gBAG5E;yBAFFC,OAAO,EAAPA,OAAO,yBAAG,EAAE,WAAA,EACZC,kBAAkB,SAAlBA,kBAAkB;IAElB,IAA4BC,GAAe,kBAAfA,IAAAA,MAAQ,SAAA,EAAC,KAAK,CAAC,IAAA,EAApCC,MAAM,GAAeD,GAAe,GAA9B,EAAEE,SAAS,GAAIF,GAAe,GAAnB,AAAoB;IAC5C,IAAM,AAACG,IAAI,GAAIC,IAAAA,SAAQ,SAAA,GAAE,CAAlBD,IAAI,AAAc,AAAC;IAE1B,IAAME,OAAO,GAAG,SAACC,KAA2B,EAAK;QAC7CH,IAAI,CAACI,aAAa,CAAC,WAAW,EAAED,KAAK,CAAC,CAAC;QACvCJ,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,AAAC;IACF,IAAMM,QAAQ,GAAG,WAAM;QACnBN,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,AAAC;IAEF,IAAMO,UAAU,GAAG,SAACC,IAAU;eAAKC,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACE,MAAM,CAAC,cAAc,CAAC;KAAA,AAAC;IACtE,IAAMC,aAAa,GAAG,AAAC,EAAA,CAA4CJ,MAAoC,CAA9EA,UAAU,CAACN,IAAI,CAACW,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAC,KAAG,CAAuC,CAAA,MAAA,CAArCN,UAAU,CAACN,IAAI,CAACW,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAE,AAAC;IAE1G,qBACI;;YACKF,aAAa;0BACd,sBAACG,KAAO,QAAA;gBAACf,MAAM,EAAEA,MAAM;gBAAEgB,QAAQ,EAAEf,SAAS;;kCACxC,qBAACc,KAAO,QAAA,CAACE,MAAM;kCACX,cAAA,qBAACC,KAAM,OAAA;4BAACC,OAAO,EAAC,SAAS;4BAACC,KAAK,EAAC,MAAM;4BAACC,OAAO,EAAE;uCAAMpB,SAAS,CAAC,IAAI,CAAC;6BAAA;4BAAEqB,EAAE,EAAC,IAAI;sCAC1E,cAAA,qBAACC,iBAAgB,iBAAA;gCAACC,KAAK,EAAE,EAAE;gCAAEC,MAAM,EAAE,EAAE;8BAAI;0BACtC;sBACI;kCACjB,qBAACV,KAAO,QAAA,CAACW,QAAQ;wBAACC,CAAC,EAAE,CAAC;kCAClB,cAAA,qBAACC,gBAA6B,8BAAA;4BAC1BC,YAAY,EAAE3B,IAAI,CAACW,MAAM,CAACC,SAAS;4BACnCV,OAAO,EAAEA,OAAO;4BAChBG,QAAQ,EAAEA,QAAQ;4BAClBV,OAAO,EAAEA,OAAO;4BAChBC,kBAAkB,EAAEA,kBAAkB;0BACxC;sBACa;;cACb;;MACX,CACL;AACN,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize24Px} from '@coveord/plasma-react-icons';\nimport {Popover, Button} from '@mantine/core';\nimport {DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {FunctionComponent, useState} from 'react';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from '../date-range-picker';\nimport {DateRangePickerPreset} from '../date-range-picker/DateRangePickerPresetSelect';\nimport {useTable} from './useTable';\n\ninterface TableDateRangePickerProps\n    extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'> {\n    /**\n     * An object containing date presets.\n     * If empty the preset dropdown won't be shown\n     *\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     * @default {}\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps> = ({\n    presets = {},\n    rangeCalendarProps,\n}) => {\n    const [opened, setOpened] = useState(false);\n    const {form} = useTable();\n\n    const onApply = (dates: DateRangePickerValue) => {\n        form.setFieldValue('dateRange', dates);\n        setOpened(false);\n    };\n    const onCancel = () => {\n        setOpened(false);\n    };\n\n    const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n    const formatedRange = `${formatDate(form.values.dateRange[0])} - ${formatDate(form.values.dateRange[1])}`;\n\n    return (\n        <>\n            {formatedRange}\n            <Popover opened={opened} onChange={setOpened}>\n                <Popover.Target>\n                    <Button variant=\"outline\" color=\"gray\" onClick={() => setOpened(true)} px=\"xs\">\n                        <CalendarSize24Px width={24} height={24} />\n                    </Button>\n                </Popover.Target>\n                <Popover.Dropdown p={0}>\n                    <DateRangePickerInlineCalendar\n                        initialRange={form.values.dateRange}\n                        onApply={onApply}\n                        onCancel={onCancel}\n                        presets={presets}\n                        rangeCalendarProps={rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["TableDateRangePicker","presets","rangeCalendarProps","useState","opened","setOpened","form","useTable","onApply","dates","setFieldValue","onCancel","formatDate","date","dayjs","format","formatedRange","values","dateRange","Popover","onChange","Target","Button","variant","color","onClick","px","CalendarSize24Px","width","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":"AAAA;;;;+BAyBaA;;;eAAAA;;;;;;gCAzBkB;oBACD;0DAEZ;qBACwB;+BACsC;wBAEzD;AAkBhB,IAAMA,uBAAqE,gBAG5E;+BAFFC,SAAAA,sCAAU,CAAC,oBACXC,2BAAAA;IAEA,IAA4BC,2BAAAA,IAAAA,eAAQ,EAAC,KAAK,OAAnCC,SAAqBD,cAAbE,YAAaF;IAC5B,IAAM,AAACG,OAAQC,IAAAA,kBAAQ,IAAhBD;IAEP,IAAME,UAAU,SAACC,OAAgC;QAC7CH,KAAKI,aAAa,CAAC,aAAaD;QAChCJ,UAAU,KAAK;IACnB;IACA,IAAMM,WAAW,WAAM;QACnBN,UAAU,KAAK;IACnB;IAEA,IAAMO,aAAa,SAACC;eAAeC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACtD,IAAMC,gBAAgB,AAAC,GAA4CJ,OAA1CA,WAAWN,KAAKW,MAAM,CAACC,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCN,WAAWN,KAAKW,MAAM,CAACC,SAAS,CAAC,EAAE;IAEtG,qBACI;;YACKF;0BACD,sBAACG,aAAO;gBAACf,QAAQA;gBAAQgB,UAAUf;;kCAC/B,qBAACc,aAAO,CAACE,MAAM;kCACX,cAAA,qBAACC,YAAM;4BAACC,SAAQ;4BAAUC,OAAM;4BAAOC,SAAS;uCAAMpB,UAAU,IAAI;;4BAAGqB,IAAG;sCACtE,cAAA,qBAACC,kCAAgB;gCAACC,OAAO;gCAAIC,QAAQ;;;;kCAG7C,qBAACV,aAAO,CAACW,QAAQ;wBAACC,GAAG;kCACjB,cAAA,qBAACC,8CAA6B;4BAC1BC,cAAc3B,KAAKW,MAAM,CAACC,SAAS;4BACnCV,SAASA;4BACTG,UAAUA;4BACVV,SAASA;4BACTC,oBAAoBA;;;;;;;AAM5C"}

package/dist/cjs/components/table/TableFilter.js

@@ -26,9 +26,9 @@ var useStyles = (0, _core.createStyles)(function(theme) {
     };
 });
 var TableFilter = function(param) {
-    var _placeholder = param.placeholder, placeholder = _placeholder === void 0 ? "Search by any field" : _placeholder;
-    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
-    var ref1 = (0, _useTable.useTable)(), state = ref1.state, setState = ref1.setState;
+    var _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Search by any field" : _param_placeholder;
+    var _useStyles = useStyles(), classes = _useStyles.classes, cx = _useStyles.cx;
+    var _useTable1 = (0, _useTable.useTable)(), state = _useTable1.state, setState = _useTable1.setState;
     var handleSearchChange = function(event) {
         var value = event.currentTarget.value;
         setState(function(prevState) {

package/dist/cjs/components/table/TableFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableFilter.tsx"],"sourcesContent":["import {SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {createStyles, TextInput} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {ChangeEvent, FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\nconst useStyles = createStyles((theme) => ({\n    wrapper: {\n        marginBottom: '0 !important',\n    },\n    empty: {\n        color: theme.colors.gray[4],\n    },\n}));\n\ninterface TableFilterProps {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport const TableFilter: FunctionComponent<TableFilterProps> = ({placeholder = 'Search by any field'}) => {\n    const {classes, cx} = useStyles();\n    const {state, setState} = useTable();\n\n    const handleSearchChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const {value} = event.currentTarget;\n        setState((prevState: TableState) => ({...prevState, globalFilter: value}));\n    };\n\n    return (\n        <TextInput\n            className={classes.wrapper}\n            placeholder={placeholder}\n            mb=\"md\"\n            rightSection={<SearchSize16Px height={14} className={cx({[classes.empty]: !state.globalFilter})} />}\n            value={state.globalFilter}\n            onChange={handleSearchChange}\n        />\n    );\n};\n"],"names":["TableFilter","useStyles","createStyles","theme","wrapper","marginBottom","empty","color","colors","gray","placeholder","classes","cx","useTable","state","setState","handleSearchChange","event","value","currentTarget","prevState","globalFilter","TextInput","className","mb","rightSection","SearchSize16Px","height","onChange"],"mappings":"AAAA;;;;+BAwBaA,aAAW;;;eAAXA,WAAW;;;;;;;gCAxBK,6BAA6B;oBACpB,eAAe;wBAG9B,YAAY;AAEnC,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC,SAACC,KAAK;WAAM;QACvCC,OAAO,EAAE;YACLC,YAAY,EAAE,cAAc;SAC/B;QACDC,KAAK,EAAE;YACHC,KAAK,EAAEJ,KAAK,CAACK,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;SAC9B;KACJ;CAAC,CAAC,AAAC;AAWG,IAAMT,WAAW,GAAwC,gBAA2C;6BAAzCU,WAAW,EAAXA,WAAW,6BAAG,qBAAqB,eAAA;IACjG,IAAsBT,GAAW,GAAXA,SAAS,EAAE,EAA1BU,OAAO,GAAQV,GAAW,CAA1BU,OAAO,EAAEC,EAAE,GAAIX,GAAW,CAAjBW,EAAE,AAAgB;IAClC,IAA0BC,IAAU,GAAVA,IAAAA,SAAQ,SAAA,GAAE,EAA7BC,KAAK,GAAcD,IAAU,CAA7BC,KAAK,EAAEC,QAAQ,GAAIF,IAAU,CAAtBE,QAAQ,AAAe;IAErC,IAAMC,kBAAkB,GAAG,SAACC,KAAoC,EAAK;QACjE,IAAM,AAACC,KAAK,GAAID,KAAK,CAACE,aAAa,CAA5BD,KAAK,AAAuB,AAAC;QACpCH,QAAQ,CAAC,SAACK,SAAqB;mBAAM,qCAAIA,SAAS;gBAAEC,YAAY,EAAEH,KAAK;cAAC;SAAC,CAAC,CAAC;IAC/E,CAAC,AAAC;IAEF,qBACI,qBAACI,KAAS,UAAA;QACNC,SAAS,EAAEZ,OAAO,CAACP,OAAO;QAC1BM,WAAW,EAAEA,WAAW;QACxBc,EAAE,EAAC,IAAI;QACPC,YAAY,gBAAE,qBAACC,iBAAc,eAAA;YAACC,MAAM,EAAE,EAAE;YAAEJ,SAAS,EAAEX,EAAE,CAAE,oBAACD,OAAO,CAACL,KAAK,EAAG,CAACQ,KAAK,CAACO,YAAY,CAAA,CAAE;UAAI;QACnGH,KAAK,EAAEJ,KAAK,CAACO,YAAY;QACzBO,QAAQ,EAAEZ,kBAAkB;MAC9B,CACJ;AACN,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/TableFilter.tsx"],"sourcesContent":["import {SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {createStyles, TextInput} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {ChangeEvent, FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\nconst useStyles = createStyles((theme) => ({\n    wrapper: {\n        marginBottom: '0 !important',\n    },\n    empty: {\n        color: theme.colors.gray[4],\n    },\n}));\n\ninterface TableFilterProps {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport const TableFilter: FunctionComponent<TableFilterProps> = ({placeholder = 'Search by any field'}) => {\n    const {classes, cx} = useStyles();\n    const {state, setState} = useTable();\n\n    const handleSearchChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const {value} = event.currentTarget;\n        setState((prevState: TableState) => ({...prevState, globalFilter: value}));\n    };\n\n    return (\n        <TextInput\n            className={classes.wrapper}\n            placeholder={placeholder}\n            mb=\"md\"\n            rightSection={<SearchSize16Px height={14} className={cx({[classes.empty]: !state.globalFilter})} />}\n            value={state.globalFilter}\n            onChange={handleSearchChange}\n        />\n    );\n};\n"],"names":["TableFilter","useStyles","createStyles","theme","wrapper","marginBottom","empty","color","colors","gray","placeholder","classes","cx","useTable","state","setState","handleSearchChange","event","value","currentTarget","prevState","globalFilter","TextInput","className","mb","rightSection","SearchSize16Px","height","onChange"],"mappings":"AAAA;;;;+BAwBaA;;;eAAAA;;;;;;;gCAxBgB;oBACS;wBAGf;AAEvB,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,SAAS;YACLC,cAAc;QAClB;QACAC,OAAO;YACHC,OAAOJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ;;AAWO,IAAMT,cAAmD,gBAA2C;mCAAzCU,aAAAA,8CAAc;IAC5E,IAAsBT,aAAAA,aAAfU,UAAeV,WAAfU,SAASC,KAAMX,WAANW;IAChB,IAA0BC,aAAAA,IAAAA,kBAAQ,KAA3BC,QAAmBD,WAAnBC,OAAOC,WAAYF,WAAZE;IAEd,IAAMC,qBAAqB,SAACC,OAAyC;QACjE,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPH,SAAS,SAACK;mBAA2B,qCAAIA;gBAAWC,cAAcH;;;IACtE;IAEA,qBACI,qBAACI,eAAS;QACNC,WAAWZ,QAAQP,OAAO;QAC1BM,aAAaA;QACbc,IAAG;QACHC,4BAAc,qBAACC,gCAAc;YAACC,QAAQ;YAAIJ,WAAWX,GAAI,oBAACD,QAAQL,KAAK,EAAG,CAACQ,MAAMO,YAAY;;QAC7FH,OAAOJ,MAAMO,YAAY;QACzBO,UAAUZ;;AAGtB"}

package/dist/cjs/components/table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nexport const TableFooter: FunctionComponent<PropsWithChildren> = ({children}) => (\n    <Group position=\"apart\" px=\"md\" py=\"sm\">\n        {children}\n    </Group>\n);\n"],"names":["TableFooter","children","Group","position","px","py"],"mappings":"AAAA;;;;+BAGaA,aAAW;;;eAAXA,WAAW;;;;oBAHJ,eAAe;AAG5B,IAAMA,WAAW,GAAyC;QAAEC,QAAQ,SAARA,QAAQ;yBACvE,qBAACC,KAAK,MAAA;QAACC,QAAQ,EAAC,OAAO;QAACC,EAAE,EAAC,IAAI;QAACC,EAAE,EAAC,IAAI;kBAClCJ,QAAQ;MACL;CACX,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nexport const TableFooter: FunctionComponent<PropsWithChildren> = ({children}) => (\n    <Group position=\"apart\" px=\"md\" py=\"sm\">\n        {children}\n    </Group>\n);\n"],"names":["TableFooter","children","Group","position","px","py"],"mappings":"AAAA;;;;+BAGaA;;;eAAAA;;;;oBAHO;AAGb,IAAMA,cAAoD;QAAEC,iBAAAA;yBAC/D,qBAACC,WAAK;QAACC,UAAS;QAAQC,IAAG;QAAKC,IAAG;kBAC9BJ"}

package/dist/cjs/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","children","classes","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAaaA,aAAW;;;eAAXA,WAAW;;;;oBAbU,eAAe;AAGjD,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC,SAACC,KAAK;WAAM;QACvCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,GAAG,EAAE,CAAC;YACNC,MAAM,EAAE,EAAE;YACVC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;YACrCC,YAAY,EAAE,AAAC,YAAU,CAAuB,MAAA,CAArBR,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC,CAAE;SACpD;KACJ;CAAC,CAAC,AAAC;AAEG,IAAMV,WAAW,GAAyC,gBAAgB;QAAdY,QAAQ,SAARA,QAAQ;IACvE,IAAM,AAACC,OAAO,GAAIZ,SAAS,EAAE,CAAtBY,OAAO,AAAe,AAAC;IAC9B,qBACI,qBAACC,KAAK,MAAA;QAACT,QAAQ,EAAC,OAAO;QAACU,OAAO,EAAC,IAAI;QAACC,SAAS,EAAEH,OAAO,CAACT,MAAM;QAAEa,EAAE,EAAC,IAAI;QAACC,EAAE,EAAC,IAAI;kBAC1EN,QAAQ;MACL,CACV;AACN,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","children","classes","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAaaA;;;eAAAA;;;;oBAbqB;AAGlC,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEO,IAAMV,cAAoD,gBAAgB;QAAdY,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,qBAACC,WAAK;QAACT,UAAS;QAAQU,SAAQ;QAAKC,WAAWH,QAAQT,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEN;;AAGb"}

package/dist/cjs/components/table/TablePagination.js

@@ -15,7 +15,7 @@ var _core = require("@mantine/core");
 var _useTable = require("./useTable");
 var TablePagination = function(param) {
     var totalPages = param.totalPages;
-    var ref = (0, _useTable.useTable)(), state = ref.state, setState = ref.setState, containerRef = ref.containerRef;
+    var _useTable1 = (0, _useTable.useTable)(), state = _useTable1.state, setState = _useTable1.setState, containerRef = _useTable1.containerRef;
     var updatePage = function(newPage) {
         setState(function(prevState) {
             return _objectSpreadProps(_objectSpread({}, prevState), {

package/dist/cjs/components/table/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\ninterface TablePaginationProps {\n    /**\n     * The total number of page\n     */\n    totalPages: number;\n}\n\nexport const TablePagination: FunctionComponent<TablePaginationProps> = ({totalPages}) => {\n    const {state, setState, containerRef} = useTable();\n    const updatePage = (newPage: number) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageIndex: newPage - 1},\n        }));\n        containerRef.current.scrollIntoView({behavior: 'smooth'});\n    };\n\n    return (\n        <Pagination\n            page={state.pagination.pageIndex + 1}\n            onChange={updatePage}\n            total={totalPages}\n            boundaries={0}\n            size=\"md\"\n            getItemAriaLabel={(label) => {\n                switch (label) {\n                    case 'prev':\n                        return 'previous page';\n                    case 'next':\n                        return 'next page';\n                    default:\n                        return `${label}`;\n                }\n            }}\n        />\n    );\n};\n"],"names":["TablePagination","totalPages","useTable","state","setState","containerRef","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","Pagination","page","onChange","total","boundaries","size","getItemAriaLabel","label"],"mappings":"AAAA;;;;+BAYaA,iBAAe;;;eAAfA,eAAe;;;;;;oBAZH,eAAe;wBAGjB,YAAY;AAS5B,IAAMA,eAAe,GAA4C,gBAAkB;QAAhBC,UAAU,SAAVA,UAAU;IAChF,IAAwCC,GAAU,GAAVA,IAAAA,SAAQ,SAAA,GAAE,EAA3CC,KAAK,GAA4BD,GAAU,CAA3CC,KAAK,EAAEC,QAAQ,GAAkBF,GAAU,CAApCE,QAAQ,EAAEC,YAAY,GAAIH,GAAU,CAA1BG,YAAY,AAAe;IACnD,IAAMC,UAAU,GAAG,SAACC,OAAe,EAAK;QACpCH,QAAQ,CAAC,SAACI,SAAqB;mBAAM,qCAC9BA,SAAS;gBACZC,UAAU,EAAE,qCAAID,SAAS,CAACC,UAAU;oBAAEC,SAAS,EAAEH,OAAO,GAAG,CAAC;kBAAC;cAChE;SAAC,CAAC,CAAC;QACJF,YAAY,CAACM,OAAO,CAACC,cAAc,CAAC;YAACC,QAAQ,EAAE,QAAQ;SAAC,CAAC,CAAC;IAC9D,CAAC,AAAC;IAEF,qBACI,qBAACC,KAAU,WAAA;QACPC,IAAI,EAAEZ,KAAK,CAACM,UAAU,CAACC,SAAS,GAAG,CAAC;QACpCM,QAAQ,EAAEV,UAAU;QACpBW,KAAK,EAAEhB,UAAU;QACjBiB,UAAU,EAAE,CAAC;QACbC,IAAI,EAAC,IAAI;QACTC,gBAAgB,EAAE,SAACC,KAAK,EAAK;YACzB,OAAQA,KAAK;gBACT,KAAK,MAAM;oBACP,OAAO,eAAe,CAAC;gBAC3B,KAAK,MAAM;oBACP,OAAO,WAAW,CAAC;gBACvB;oBACI,OAAO,AAAC,EAAA,CAAQ,MAAA,CAANA,KAAK,CAAE,CAAC;aACzB;QACL,CAAC;MACH,CACJ;AACN,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/TablePagination.tsx"],"sourcesContent":["import {Pagination} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\ninterface TablePaginationProps {\n    /**\n     * The total number of page\n     */\n    totalPages: number;\n}\n\nexport const TablePagination: FunctionComponent<TablePaginationProps> = ({totalPages}) => {\n    const {state, setState, containerRef} = useTable();\n    const updatePage = (newPage: number) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageIndex: newPage - 1},\n        }));\n        containerRef.current.scrollIntoView({behavior: 'smooth'});\n    };\n\n    return (\n        <Pagination\n            page={state.pagination.pageIndex + 1}\n            onChange={updatePage}\n            total={totalPages}\n            boundaries={0}\n            size=\"md\"\n            getItemAriaLabel={(label) => {\n                switch (label) {\n                    case 'prev':\n                        return 'previous page';\n                    case 'next':\n                        return 'next page';\n                    default:\n                        return `${label}`;\n                }\n            }}\n        />\n    );\n};\n"],"names":["TablePagination","totalPages","useTable","state","setState","containerRef","updatePage","newPage","prevState","pagination","pageIndex","current","scrollIntoView","behavior","Pagination","page","onChange","total","boundaries","size","getItemAriaLabel","label"],"mappings":"AAAA;;;;+BAYaA;;;eAAAA;;;;;;oBAZY;wBAGF;AAShB,IAAMA,kBAA2D,gBAAkB;QAAhBC,mBAAAA;IACtE,IAAwCC,aAAAA,IAAAA,kBAAQ,KAAzCC,QAAiCD,WAAjCC,OAAOC,WAA0BF,WAA1BE,UAAUC,eAAgBH,WAAhBG;IACxB,IAAMC,aAAa,SAACC,SAAoB;QACpCH,SAAS,SAACI;mBAA2B,qCAC9BA;gBACHC,YAAY,qCAAID,UAAUC,UAAU;oBAAEC,WAAWH,UAAU;;;;QAE/DF,aAAaM,OAAO,CAACC,cAAc,CAAC;YAACC,UAAU;QAAQ;IAC3D;IAEA,qBACI,qBAACC,gBAAU;QACPC,MAAMZ,MAAMM,UAAU,CAACC,SAAS,GAAG;QACnCM,UAAUV;QACVW,OAAOhB;QACPiB,YAAY;QACZC,MAAK;QACLC,kBAAkB,SAACC,OAAU;YACzB,OAAQA;gBACJ,KAAK;oBACD,OAAO;gBACX,KAAK;oBACD,OAAO;gBACX;oBACI,OAAO,AAAC,GAAQ,OAANA;YAClB;QACJ;;AAGZ"}

package/dist/cjs/components/table/TablePerPage.js

@@ -14,12 +14,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _useTable = require("./useTable");
 var TablePerPage = function(param) {
-    var _label = param.label, label = _label === void 0 ? "Results per page" : _label, _values = param.values, values = _values === void 0 ? [
+    var _param_label = param.label, label = _param_label === void 0 ? "Results per page" : _param_label, _param_values = param.values, values = _param_values === void 0 ? [
         25,
         50,
         100
-    ] : _values;
-    var ref = (0, _useTable.useTable)(), state = ref.state, setState = ref.setState;
+    ] : _param_values;
+    var _useTable1 = (0, _useTable.useTable)(), state = _useTable1.state, setState = _useTable1.setState;
     var updatePerPage = function(newPerPage) {
         setState(function(prevState) {
             return _objectSpreadProps(_objectSpread({}, prevState), {
@@ -29,14 +29,14 @@ var TablePerPage = function(param) {
             });
         });
     };
-    var ref1;
+    var _state_pagination_pageSize_toString;
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Group, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Text, {
                 children: label
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.SegmentedControl, {
-                value: (ref1 = state.pagination.pageSize.toString()) !== null && ref1 !== void 0 ? ref1 : values === null || values === void 0 ? void 0 : values[1].toString(),
+                value: (_state_pagination_pageSize_toString = state.pagination.pageSize.toString()) !== null && _state_pagination_pageSize_toString !== void 0 ? _state_pagination_pageSize_toString : values === null || values === void 0 ? void 0 : values[1].toString(),
                 onChange: updatePerPage,
                 data: values.map(function(value) {
                     return value.toString();

package/dist/cjs/components/table/TablePerPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from './useTable';\n\ninterface TablePerPageProps {\n    /**\n     * The label displayed before the control\n     *\n     * @default Results per page\n     */\n    label?: string;\n    /**\n     * The per page choices to display\n     *\n     * @default [25, 50, 100]\n     */\n    values?: number[];\n}\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n}) => {\n    const {state, setState} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return (\n        <Group>\n            <Text>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                color=\"action\"\n                size=\"md\"\n            />\n        </Group>\n    );\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["TablePerPage","label","values","useTable","state","setState","updatePerPage","newPerPage","prevState","pagination","pageSize","parseInt","Group","Text","SegmentedControl","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":"AAAA;;;;+BAqBaA,cAAY;;;eAAZA,YAAY;;;;;;oBArBmB,eAAe;wBAIpC,YAAY;AAiB5B,IAAMA,YAAY,GAAkE,gBAGrF;uBAFFC,KAAK,EAALA,KAAK,uBAAG,kBAAkB,SAAA,kBAC1BC,MAAM,EAANA,MAAM,wBAAG;AAAC,UAAE;AAAE,UAAE;AAAE,WAAG;KAAC,UAAA;IAEtB,IAA0BC,GAAU,GAAVA,IAAAA,SAAQ,SAAA,GAAE,EAA7BC,KAAK,GAAcD,GAAU,CAA7BC,KAAK,EAAEC,QAAQ,GAAIF,GAAU,CAAtBE,QAAQ,AAAe;IAErC,IAAMC,aAAa,GAAG,SAACC,UAAkB,EAAK;QAC1CF,QAAQ,CAAC,SAACG,SAAqB;mBAAM,qCAC9BA,SAAS;gBACZC,UAAU,EAAE,qCAAID,SAAS,CAACC,UAAU;oBAAEC,QAAQ,EAAEC,QAAQ,CAACJ,UAAU,EAAE,EAAE,CAAC;kBAAC;cAC5E;SAAC,CAAC,CAAC;IACR,CAAC,AAAC;QAMiBH,IAAoC;IAJvD,qBACI,sBAACQ,KAAK,MAAA;;0BACF,qBAACC,KAAI,KAAA;0BAAEZ,KAAK;cAAQ;0BACpB,qBAACa,KAAgB,iBAAA;gBACbC,KAAK,EAAEX,CAAAA,IAAoC,GAApCA,KAAK,CAACK,UAAU,CAACC,QAAQ,CAACM,QAAQ,EAAE,cAApCZ,IAAoC,cAApCA,IAAoC,GAAIF,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,AAAE,CAAC,CAAC,CAAC,CAACc,QAAQ,EAAE;gBACrEC,QAAQ,EAAEX,aAAa;gBACvBY,IAAI,EAAEhB,MAAM,CAACiB,GAAG,CAAC,SAACJ,KAAK;2BAAKA,KAAK,CAACC,QAAQ,EAAE;iBAAA,CAAC;gBAC7CI,KAAK,EAAC,QAAQ;gBACdC,IAAI,EAAC,IAAI;cACX;;MACE,CACV;AACN,CAAC,AAAC;AAEFrB,YAAY,CAACsB,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/table/TablePerPage.tsx"],"sourcesContent":["import {Group, SegmentedControl, Text} from '@mantine/core';\nimport {TableState} from '@tanstack/react-table';\nimport {FunctionComponent} from 'react';\n\nimport {useTable} from './useTable';\n\ninterface TablePerPageProps {\n    /**\n     * The label displayed before the control\n     *\n     * @default Results per page\n     */\n    label?: string;\n    /**\n     * The per page choices to display\n     *\n     * @default [25, 50, 100]\n     */\n    values?: number[];\n}\n\nexport const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({\n    label = 'Results per page',\n    values = [25, 50, 100],\n}) => {\n    const {state, setState} = useTable();\n\n    const updatePerPage = (newPerPage: string) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageSize: parseInt(newPerPage, 10)},\n        }));\n    };\n\n    return (\n        <Group>\n            <Text>{label}</Text>\n            <SegmentedControl\n                value={state.pagination.pageSize.toString() ?? values?.[1].toString()}\n                onChange={updatePerPage}\n                data={values.map((value) => value.toString())}\n                color=\"action\"\n                size=\"md\"\n            />\n        </Group>\n    );\n};\n\nTablePerPage.DEFAULT_SIZE = 50;\n"],"names":["TablePerPage","label","values","useTable","state","setState","updatePerPage","newPerPage","prevState","pagination","pageSize","parseInt","Group","Text","SegmentedControl","value","toString","onChange","data","map","color","size","DEFAULT_SIZE"],"mappings":"AAAA;;;;+BAqBaA;;;eAAAA;;;;;;oBArB+B;wBAIrB;AAiBhB,IAAMA,eAA8E,gBAGrF;6BAFFC,OAAAA,kCAAQ,yDACRC,QAAAA,oCAAS;QAAC;QAAI;QAAI;KAAI;IAEtB,IAA0BC,aAAAA,IAAAA,kBAAQ,KAA3BC,QAAmBD,WAAnBC,OAAOC,WAAYF,WAAZE;IAEd,IAAMC,gBAAgB,SAACC,YAAuB;QAC1CF,SAAS,SAACG;mBAA2B,qCAC9BA;gBACHC,YAAY,qCAAID,UAAUC,UAAU;oBAAEC,UAAUC,SAASJ,YAAY;;;;IAE7E;QAMmBH;IAJnB,qBACI,sBAACQ,WAAK;;0BACF,qBAACC,UAAI;0BAAEZ;;0BACP,qBAACa,sBAAgB;gBACbC,OAAOX,CAAAA,sCAAAA,MAAMK,UAAU,CAACC,QAAQ,CAACM,QAAQ,gBAAlCZ,iDAAAA,sCAAwCF,mBAAAA,oBAAAA,KAAAA,IAAAA,MAAQ,CAAC,EAAE,CAACc,QAAQ,EAAE;gBACrEC,UAAUX;gBACVY,MAAMhB,OAAOiB,GAAG,CAAC,SAACJ;2BAAUA,MAAMC,QAAQ;;gBAC1CI,OAAM;gBACNC,MAAK;;;;AAIrB;AAEArB,aAAasB,YAAY,GAAG"}

package/dist/cjs/components/table/TablePredicate.js

@@ -16,7 +16,7 @@ var _core = require("@mantine/core");
 var _useTable = require("./useTable");
 var TablePredicate = function(param) {
     var id = param.id, data = param.data, label = param.label;
-    var ref = (0, _useTable.useTable)(), onChange = ref.onChange, form = ref.form;
+    var _useTable1 = (0, _useTable.useTable)(), onChange = _useTable1.onChange, form = _useTable1.form;
     var onUpdate = function(newValue) {
         form.setFieldValue("predicates", _objectSpreadProps(_objectSpread({}, form.values.predicates), _defineProperty({}, id, newValue)));
         onChange === null || onChange === void 0 ? void 0 : onChange();

package/dist/cjs/components/table/TablePredicate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TablePredicate.tsx"],"sourcesContent":["import {Select, SelectItem, Group, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\ninterface TablePredicateProps {\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: SelectItem[];\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = ({id, data, label}) => {\n    const {onChange, form} = useTable();\n\n    const onUpdate = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        onChange?.();\n    };\n\n    return (\n        <Group spacing=\"xs\">\n            {label ? <Text>{label}:</Text> : null}\n            <Select\n                withinPortal\n                value={form.values.predicates[id]}\n                onChange={onUpdate}\n                data={data}\n                aria-label={label ?? id}\n                searchable={data.length > 7}\n            />\n        </Group>\n    );\n};\n"],"names":["TablePredicate","id","data","label","useTable","onChange","form","onUpdate","newValue","setFieldValue","values","predicates","Group","spacing","Text","Select","withinPortal","value","aria-label","searchable","length"],"mappings":"AAAA;;;;+BAqBaA,gBAAc;;;eAAdA,cAAc;;;;;;;oBArBmB,eAAe;wBAEtC,YAAY;AAmB5B,IAAMA,cAAc,GAA2C,gBAAuB;QAArBC,EAAE,SAAFA,EAAE,EAAEC,IAAI,SAAJA,IAAI,EAAEC,KAAK,SAALA,KAAK;IACnF,IAAyBC,GAAU,GAAVA,IAAAA,SAAQ,SAAA,GAAE,EAA5BC,QAAQ,GAAUD,GAAU,CAA5BC,QAAQ,EAAEC,IAAI,GAAIF,GAAU,CAAlBE,IAAI,AAAe;IAEpC,IAAMC,QAAQ,GAAG,SAACC,QAAgB,EAAK;QACnCF,IAAI,CAACG,aAAa,CAAC,YAAY,EAAE,qCAAIH,IAAI,CAACI,MAAM,CAACC,UAAU,GAAE,oBAACV,EAAE,EAAGO,QAAQ,CAAA,CAAC,CAAC,CAAC;QAC9EH,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAC;IACjB,CAAC,AAAC;IAEF,qBACI,sBAACO,KAAK,MAAA;QAACC,OAAO,EAAC,IAAI;;YACdV,KAAK,iBAAG,sBAACW,KAAI,KAAA;;oBAAEX,KAAK;oBAAC,GAAC;;cAAO,GAAG,IAAI;0BACrC,qBAACY,KAAM,OAAA;gBACHC,YAAY;gBACZC,KAAK,EAAEX,IAAI,CAACI,MAAM,CAACC,UAAU,CAACV,EAAE,CAAC;gBACjCI,QAAQ,EAAEE,QAAQ;gBAClBL,IAAI,EAAEA,IAAI;gBACVgB,YAAU,EAAEf,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIF,EAAE;gBACvBkB,UAAU,EAAEjB,IAAI,CAACkB,MAAM,GAAG,CAAC;cAC7B;;MACE,CACV;AACN,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/TablePredicate.tsx"],"sourcesContent":["import {Select, SelectItem, Group, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {useTable} from './useTable';\n\ninterface TablePredicateProps {\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: SelectItem[];\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = ({id, data, label}) => {\n    const {onChange, form} = useTable();\n\n    const onUpdate = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        onChange?.();\n    };\n\n    return (\n        <Group spacing=\"xs\">\n            {label ? <Text>{label}:</Text> : null}\n            <Select\n                withinPortal\n                value={form.values.predicates[id]}\n                onChange={onUpdate}\n                data={data}\n                aria-label={label ?? id}\n                searchable={data.length > 7}\n            />\n        </Group>\n    );\n};\n"],"names":["TablePredicate","id","data","label","useTable","onChange","form","onUpdate","newValue","setFieldValue","values","predicates","Group","spacing","Text","Select","withinPortal","value","aria-label","searchable","length"],"mappings":"AAAA;;;;+BAqBaA;;;eAAAA;;;;;;;oBArBiC;wBAEvB;AAmBhB,IAAMA,iBAAyD,gBAAuB;QAArBC,WAAAA,IAAIC,aAAAA,MAAMC,cAAAA;IAC9E,IAAyBC,aAAAA,IAAAA,kBAAQ,KAA1BC,WAAkBD,WAAlBC,UAAUC,OAAQF,WAARE;IAEjB,IAAMC,WAAW,SAACC,UAAqB;QACnCF,KAAKG,aAAa,CAAC,cAAc,qCAAIH,KAAKI,MAAM,CAACC,UAAU,GAAE,oBAACV,IAAKO;QACnEH,qBAAAA,sBAAAA,KAAAA,IAAAA;IACJ;IAEA,qBACI,sBAACO,WAAK;QAACC,SAAQ;;YACVV,sBAAQ,sBAACW,UAAI;;oBAAEX;oBAAM;;iBAAW,IAAI;0BACrC,qBAACY,YAAM;gBACHC,YAAY;gBACZC,OAAOX,KAAKI,MAAM,CAACC,UAAU,CAACV,GAAG;gBACjCI,UAAUE;gBACVL,MAAMA;gBACNgB,cAAYf,kBAAAA,mBAAAA,QAASF,EAAE;gBACvBkB,YAAYjB,KAAKkB,MAAM,GAAG;;;;AAI1C"}

package/dist/cjs/components/table/Th.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/Th.tsx"],"sourcesContent":["import {ArrowHeadDownSize16Px, ArrowHeadUpSize16Px} from '@coveord/plasma-react-icons';\nimport {Center, createStyles, Group, Text, UnstyledButton} from '@mantine/core';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\n\nconst useStyles = createStyles((theme) => ({\n    th: {\n        padding: '0 !important',\n        fontWeight: '400 !important' as any,\n        color: theme.black + '!important',\n        button: {\n            padding: '8px 16px',\n            div: {\n                padding: '0px !important',\n            },\n        },\n        div: {\n            padding: '8px 16px',\n        },\n    },\n\n    noSort: {\n        padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    },\n\n    control: {\n        width: '100%',\n        padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n\n        '&:hover': {\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[6] : theme.colors.gray[2],\n        },\n    },\n}));\n\ninterface ThProps<T> {\n    header: Header<T, unknown>;\n}\n\nconst SortingIcons = {\n    asc: ArrowHeadDownSize16Px,\n    desc: ArrowHeadUpSize16Px,\n};\n\nconst SortingLabels = {\n    asc: 'ascending',\n    desc: 'descending',\n} as const;\n\nexport const Th = <T,>({header}: ThProps<T>) => {\n    const {classes} = useStyles();\n    const size = header.column.getSize();\n    const width = size !== defaultColumnSizing.size ? size : undefined;\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th className={classes.th} style={{width}}>\n                <Text className={classes.noSort} size=\"xs\">\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Text>\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted();\n    const Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];\n\n    return (\n        <th className={classes.th} style={{width}} aria-sort={sortingOrder ? SortingLabels[sortingOrder] : 'none'}>\n            <UnstyledButton onClick={onSort} className={classes.control}>\n                <Group position=\"apart\">\n                    <Text size=\"xs\">{flexRender(header.column.columnDef.header, header.getContext())}</Text>\n                    <Center sx={(theme) => ({color: sortingOrder ? theme.colors.action[8] : undefined})}>\n                        <Icon height={14} />\n                    </Center>\n                </Group>\n            </UnstyledButton>\n        </th>\n    );\n};\n"],"names":["Th","useStyles","createStyles","theme","th","padding","fontWeight","color","black","button","div","noSort","spacing","xs","md","control","width","backgroundColor","colorScheme","colors","gray","SortingIcons","asc","ArrowHeadDownSize16Px","desc","ArrowHeadUpSize16Px","SortingLabels","header","classes","size","column","getSize","defaultColumnSizing","undefined","isPlaceholder","getCanSort","className","style","Text","flexRender","columnDef","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","getFirstSortDir","aria-sort","UnstyledButton","onClick","Group","position","Center","sx","action","height"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/table/Th.tsx"],"sourcesContent":["import {ArrowHeadDownSize16Px, ArrowHeadUpSize16Px} from '@coveord/plasma-react-icons';\nimport {Center, createStyles, Group, Text, UnstyledButton} from '@mantine/core';\nimport {defaultColumnSizing, flexRender, Header} from '@tanstack/react-table';\n\nconst useStyles = createStyles((theme) => ({\n    th: {\n        padding: '0 !important',\n        fontWeight: '400 !important' as any,\n        color: theme.black + '!important',\n        button: {\n            padding: '8px 16px',\n            div: {\n                padding: '0px !important',\n            },\n        },\n        div: {\n            padding: '8px 16px',\n        },\n    },\n\n    noSort: {\n        padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    },\n\n    control: {\n        width: '100%',\n        padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n\n        '&:hover': {\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[6] : theme.colors.gray[2],\n        },\n    },\n}));\n\ninterface ThProps<T> {\n    header: Header<T, unknown>;\n}\n\nconst SortingIcons = {\n    asc: ArrowHeadDownSize16Px,\n    desc: ArrowHeadUpSize16Px,\n};\n\nconst SortingLabels = {\n    asc: 'ascending',\n    desc: 'descending',\n} as const;\n\nexport const Th = <T,>({header}: ThProps<T>) => {\n    const {classes} = useStyles();\n    const size = header.column.getSize();\n    const width = size !== defaultColumnSizing.size ? size : undefined;\n\n    if (header.isPlaceholder) {\n        return null;\n    }\n\n    if (!header.column.getCanSort()) {\n        return (\n            <th className={classes.th} style={{width}}>\n                <Text className={classes.noSort} size=\"xs\">\n                    {flexRender(header.column.columnDef.header, header.getContext())}\n                </Text>\n            </th>\n        );\n    }\n\n    const onSort = header.column.getToggleSortingHandler();\n    const sortingOrder = header.column.getIsSorted();\n    const Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];\n\n    return (\n        <th className={classes.th} style={{width}} aria-sort={sortingOrder ? SortingLabels[sortingOrder] : 'none'}>\n            <UnstyledButton onClick={onSort} className={classes.control}>\n                <Group position=\"apart\">\n                    <Text size=\"xs\">{flexRender(header.column.columnDef.header, header.getContext())}</Text>\n                    <Center sx={(theme) => ({color: sortingOrder ? theme.colors.action[8] : undefined})}>\n                        <Icon height={14} />\n                    </Center>\n                </Group>\n            </UnstyledButton>\n        </th>\n    );\n};\n"],"names":["Th","useStyles","createStyles","theme","th","padding","fontWeight","color","black","button","div","noSort","spacing","xs","md","control","width","backgroundColor","colorScheme","colors","gray","SortingIcons","asc","ArrowHeadDownSize16Px","desc","ArrowHeadUpSize16Px","SortingLabels","header","classes","size","column","getSize","defaultColumnSizing","undefined","isPlaceholder","getCanSort","className","style","Text","flexRender","columnDef","getContext","onSort","getToggleSortingHandler","sortingOrder","getIsSorted","Icon","getFirstSortDir","aria-sort","UnstyledButton","onClick","Group","position","Center","sx","action","height"],"mappings":"AAAA;;;;+BAgDaA;;;eAAAA;;;;gCAhD4C;oBACO;0BACV;AAEtD,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,IAAI;YACAC,SAAS;YACTC,YAAY;YACZC,OAAOJ,MAAMK,KAAK,GAAG;YACrBC,QAAQ;gBACJJ,SAAS;gBACTK,KAAK;oBACDL,SAAS;gBACb;YACJ;YACAK,KAAK;gBACDL,SAAS;YACb;QACJ;QAEAM,QAAQ;YACJN,SAAS,AAAC,GAAwBF,OAAtBA,MAAMS,OAAO,CAACC,EAAE,EAAC,OAAsB,OAAjBV,MAAMS,OAAO,CAACE,EAAE,EAAC;QACvD;QAEAC,SAAS;YACLC,OAAO;YACPX,SAAS,AAAC,GAAwBF,OAAtBA,MAAMS,OAAO,CAACC,EAAE,EAAC,OAAsB,OAAjBV,MAAMS,OAAO,CAACE,EAAE,EAAC;YAEnD,WAAW;gBACPG,iBAAiBd,MAAMe,WAAW,KAAK,SAASf,MAAMgB,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGjB,MAAMgB,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/F;QACJ;IACJ;;AAMA,IAAMC,eAAe;IACjBC,KAAKC,uCAAqB;IAC1BC,MAAMC,qCAAmB;AAC7B;AAEA,IAAMC,gBAAgB;IAClBJ,KAAK;IACLE,MAAM;AACV;AAEO,IAAMxB,KAAK,gBAA8B;QAAxB2B,eAAAA;IACpB,IAAM,AAACC,UAAW3B,YAAX2B;IACP,IAAMC,OAAOF,OAAOG,MAAM,CAACC,OAAO;IAClC,IAAMf,QAAQa,SAASG,+BAAmB,CAACH,IAAI,GAAGA,OAAOI,SAAS;IAElE,IAAIN,OAAOO,aAAa,EAAE;QACtB,OAAO,IAAI;IACf,CAAC;IAED,IAAI,CAACP,OAAOG,MAAM,CAACK,UAAU,IAAI;QAC7B,qBACI,qBAAC/B;YAAGgC,WAAWR,QAAQxB,EAAE;YAAEiC,OAAO;gBAACrB,OAAAA;YAAK;sBACpC,cAAA,qBAACsB,UAAI;gBAACF,WAAWR,QAAQjB,MAAM;gBAAEkB,MAAK;0BACjCU,IAAAA,sBAAU,EAACZ,OAAOG,MAAM,CAACU,SAAS,CAACb,MAAM,EAAEA,OAAOc,UAAU;;;IAI7E,CAAC;IAED,IAAMC,SAASf,OAAOG,MAAM,CAACa,uBAAuB;IACpD,IAAMC,eAAejB,OAAOG,MAAM,CAACe,WAAW;IAC9C,IAAMC,OAAOzB,YAAY,CAACuB,gBAAgBjB,OAAOG,MAAM,CAACiB,eAAe,GAAG;IAE1E,qBACI,qBAAC3C;QAAGgC,WAAWR,QAAQxB,EAAE;QAAEiC,OAAO;YAACrB,OAAAA;QAAK;QAAGgC,aAAWJ,eAAelB,aAAa,CAACkB,aAAa,GAAG,MAAM;kBACrG,cAAA,qBAACK,oBAAc;YAACC,SAASR;YAAQN,WAAWR,QAAQb,OAAO;sBACvD,cAAA,sBAACoC,WAAK;gBAACC,UAAS;;kCACZ,qBAACd,UAAI;wBAACT,MAAK;kCAAMU,IAAAA,sBAAU,EAACZ,OAAOG,MAAM,CAACU,SAAS,CAACb,MAAM,EAAEA,OAAOc,UAAU;;kCAC7E,qBAACY,YAAM;wBAACC,IAAI,SAACnD;mCAAW;gCAACI,OAAOqC,eAAezC,MAAMgB,MAAM,CAACoC,MAAM,CAAC,EAAE,GAAGtB,SAAS;4BAAA;;kCAC7E,cAAA,qBAACa;4BAAKU,QAAQ;;;;;;;AAMtC"}

package/dist/cjs/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export * from './Table';\nexport {type onTableChangeEvent} from './TableContext';\nexport * from './useTable';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,SAAS;oBAET,YAAY"}
+{"version":3,"sources":["../../../../src/components/table/index.ts"],"sourcesContent":["export * from './Table';\nexport {type onTableChangeEvent} from './TableContext';\nexport * from './useTable';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBAEA"}

package/dist/cjs/components/table/useTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/useTable.tsx"],"sourcesContent":["import {useContext} from 'react';\nimport {TableContext} from './TableContext';\n\nexport const useTable = () => {\n    const ctx = useContext(TableContext);\n    if (ctx === null) {\n        throw new Error('useTable must be used inside of a TableContext.Provider');\n    }\n\n    return ctx;\n};\n"],"names":["useTable","ctx","useContext","TableContext","Error"],"mappings":"AAAA;;;;+BAGaA,UAAQ;;;eAARA,QAAQ;;;qBAHI,OAAO;4BACL,gBAAgB;AAEpC,IAAMA,QAAQ,GAAG,WAAM;IAC1B,IAAMC,GAAG,GAAGC,IAAAA,MAAU,WAAA,EAACC,aAAY,aAAA,CAAC,AAAC;IACrC,IAAIF,GAAG,KAAK,IAAI,EAAE;QACd,MAAM,IAAIG,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC/E,CAAC;IAED,OAAOH,GAAG,CAAC;AACf,CAAC,AAAC"}
+{"version":3,"sources":["../../../../src/components/table/useTable.tsx"],"sourcesContent":["import {useContext} from 'react';\nimport {TableContext} from './TableContext';\n\nexport const useTable = () => {\n    const ctx = useContext(TableContext);\n    if (ctx === null) {\n        throw new Error('useTable must be used inside of a TableContext.Provider');\n    }\n\n    return ctx;\n};\n"],"names":["useTable","ctx","useContext","TableContext","Error"],"mappings":"AAAA;;;;+BAGaA;;;eAAAA;;;qBAHY;4BACE;AAEpB,IAAMA,WAAW,WAAM;IAC1B,IAAMC,MAAMC,IAAAA,iBAAU,EAACC,0BAAY;IACnC,IAAIF,QAAQ,IAAI,EAAE;QACd,MAAM,IAAIG,MAAM,2DAA2D;IAC/E,CAAC;IAED,OAAOH;AACX"}

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useParentHeight';\nexport * from './useControlledList';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,mBAAmB;oBACnB,qBAAqB"}
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useParentHeight';\nexport * from './useControlledList';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc;oBACA"}

package/dist/cjs/hooks/useControlledList.js

@@ -13,12 +13,12 @@ var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").def
 var _hooks = require("@mantine/hooks");
 var useControlledList = function(param) {
     var defaultValue = param.defaultValue, value = param.value, onChange = param.onChange;
-    var ref = _slicedToArray((0, _hooks.useUncontrolled)({
+    var _useUncontrolled = _slicedToArray((0, _hooks.useUncontrolled)({
         value: value,
         defaultValue: defaultValue,
         finalValue: [],
         onChange: onChange
-    }), 2), values = ref[0], handleChange = ref[1];
+    }), 2), values = _useUncontrolled[0], handleChange = _useUncontrolled[1];
     var remove = function(index) {
         var newValues = values.filter(function(_, i) {
             return i !== index;

package/dist/cjs/hooks/useControlledList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useControlledList.ts"],"sourcesContent":["import {useUncontrolled} from '@mantine/hooks';\n\ninterface UseControlledList<T> {\n    /** Initial value for uncontrolled state */\n    defaultValue?: T[];\n    /** Value for controlled state */\n    value?: T[];\n    /** Controlled state onChange handler */\n    onChange?: (values: T[]) => void;\n}\n\ninterface ListHandlers<T> {\n    /** Appends the item at the end of the list */\n    append: (item: T) => void;\n    /** Removes the item at the index from the list */\n    remove: (index: number) => void;\n    /** Moves the item at the \"from\" position to another position within the list  */\n    reorder: ({from, to}: {from: number; to: number}) => void;\n}\n\n/**\n * Manage a list of items in a controlled fashion, to be used with inputs\n */\nexport const useControlledList = <T>({defaultValue, value, onChange}: UseControlledList<T>): [T[], ListHandlers<T>] => {\n    const [values, handleChange] = useUncontrolled({\n        value,\n        defaultValue,\n        finalValue: [],\n        onChange,\n    });\n\n    const remove = (index: number) => {\n        const newValues = values.filter((_, i) => i !== index);\n        handleChange?.(newValues);\n    };\n\n    const append = (item: T) => {\n        const newValues = [...values, item];\n        handleChange?.(newValues);\n    };\n\n    const reorder = ({from, to}: {from: number; to: number}) => {\n        const newValues = [...values];\n        const item = values[from];\n\n        newValues.splice(from, 1);\n        newValues.splice(to, 0, item);\n\n        handleChange?.(newValues);\n    };\n\n    return [values, {remove, append, reorder}];\n};\n"],"names":["useControlledList","defaultValue","value","onChange","useUncontrolled","finalValue","values","handleChange","remove","index","newValues","filter","_","i","append","item","reorder","from","to","splice"],"mappings":"AAAA;;;;+BAuBaA,mBAAiB;;;eAAjBA,iBAAiB;;;;;qBAvBA,gBAAgB;AAuBvC,IAAMA,iBAAiB,GAAG,gBAAsF;QAAjFC,YAAY,SAAZA,YAAY,EAAEC,KAAK,SAALA,KAAK,EAAEC,QAAQ,SAARA,QAAQ;IAC/D,IAA+BC,GAK7B,kBAL6BA,IAAAA,MAAe,gBAAA,EAAC;QAC3CF,KAAK,EAALA,KAAK;QACLD,YAAY,EAAZA,YAAY;QACZI,UAAU,EAAE,EAAE;QACdF,QAAQ,EAARA,QAAQ;KACX,CAAC,IAAA,EALKG,MAAM,GAAkBF,GAK7B,GALW,EAAEG,YAAY,GAAIH,GAK7B,GALyB,AAKxB;IAEH,IAAMI,MAAM,GAAG,SAACC,KAAa,EAAK;QAC9B,IAAMC,SAAS,GAAGJ,MAAM,CAACK,MAAM,CAAC,SAACC,CAAC,EAAEC,CAAC;mBAAKA,CAAC,KAAKJ,KAAK;SAAA,CAAC,AAAC;QACvDF,YAAY,aAAZA,YAAY,WAAa,GAAzBA,KAAAA,CAAyB,GAAzBA,YAAY,CAAGG,SAAS,CAAC,CAAC;IAC9B,CAAC,AAAC;IAEF,IAAMI,MAAM,GAAG,SAACC,IAAO,EAAK;QACxB,IAAML,SAAS,GAAG,AAAC,mBAAGJ,MAAM,CAANA,QAAJ;YAAYS,IAAI;SAAC,CAAA,AAAC;QACpCR,YAAY,aAAZA,YAAY,WAAa,GAAzBA,KAAAA,CAAyB,GAAzBA,YAAY,CAAGG,SAAS,CAAC,CAAC;IAC9B,CAAC,AAAC;IAEF,IAAMM,OAAO,GAAG,gBAA4C;YAA1CC,IAAI,SAAJA,IAAI,EAAEC,EAAE,SAAFA,EAAE;QACtB,IAAMR,SAAS,GAAI,mBAAGJ,MAAM,CAANA,AAAO,AAAC;QAC9B,IAAMS,IAAI,GAAGT,MAAM,CAACW,IAAI,CAAC,AAAC;QAE1BP,SAAS,CAACS,MAAM,CAACF,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1BP,SAAS,CAACS,MAAM,CAACD,EAAE,EAAE,CAAC,EAAEH,IAAI,CAAC,CAAC;QAE9BR,YAAY,aAAZA,YAAY,WAAa,GAAzBA,KAAAA,CAAyB,GAAzBA,YAAY,CAAGG,SAAS,CAAC,CAAC;IAC9B,CAAC,AAAC;IAEF,OAAO;QAACJ,MAAM;QAAE;YAACE,MAAM,EAANA,MAAM;YAAEM,MAAM,EAANA,MAAM;YAAEE,OAAO,EAAPA,OAAO;SAAC;KAAC,CAAC;AAC/C,CAAC,AAAC"}
+{"version":3,"sources":["../../../src/hooks/useControlledList.ts"],"sourcesContent":["import {useUncontrolled} from '@mantine/hooks';\n\ninterface UseControlledList<T> {\n    /** Initial value for uncontrolled state */\n    defaultValue?: T[];\n    /** Value for controlled state */\n    value?: T[];\n    /** Controlled state onChange handler */\n    onChange?: (values: T[]) => void;\n}\n\ninterface ListHandlers<T> {\n    /** Appends the item at the end of the list */\n    append: (item: T) => void;\n    /** Removes the item at the index from the list */\n    remove: (index: number) => void;\n    /** Moves the item at the \"from\" position to another position within the list  */\n    reorder: ({from, to}: {from: number; to: number}) => void;\n}\n\n/**\n * Manage a list of items in a controlled fashion, to be used with inputs\n */\nexport const useControlledList = <T>({defaultValue, value, onChange}: UseControlledList<T>): [T[], ListHandlers<T>] => {\n    const [values, handleChange] = useUncontrolled({\n        value,\n        defaultValue,\n        finalValue: [],\n        onChange,\n    });\n\n    const remove = (index: number) => {\n        const newValues = values.filter((_, i) => i !== index);\n        handleChange?.(newValues);\n    };\n\n    const append = (item: T) => {\n        const newValues = [...values, item];\n        handleChange?.(newValues);\n    };\n\n    const reorder = ({from, to}: {from: number; to: number}) => {\n        const newValues = [...values];\n        const item = values[from];\n\n        newValues.splice(from, 1);\n        newValues.splice(to, 0, item);\n\n        handleChange?.(newValues);\n    };\n\n    return [values, {remove, append, reorder}];\n};\n"],"names":["useControlledList","defaultValue","value","onChange","useUncontrolled","finalValue","values","handleChange","remove","index","newValues","filter","_","i","append","item","reorder","from","to","splice"],"mappings":"AAAA;;;;+BAuBaA;;;eAAAA;;;;;qBAvBiB;AAuBvB,IAAMA,oBAAoB,gBAAsF;QAAjFC,qBAAAA,cAAcC,cAAAA,OAAOC,iBAAAA;IACvD,IAA+BC,kCAAAA,IAAAA,sBAAe,EAAC;QAC3CF,OAAAA;QACAD,cAAAA;QACAI,YAAY,EAAE;QACdF,UAAAA;IACJ,QALOG,SAAwBF,qBAAhBG,eAAgBH;IAO/B,IAAMI,SAAS,SAACC,OAAkB;QAC9B,IAAMC,YAAYJ,OAAOK,MAAM,CAAC,SAACC,GAAGC;mBAAMA,MAAMJ;;QAChDF,yBAAAA,0BAAAA,KAAAA,IAAAA,aAAeG;IACnB;IAEA,IAAMI,SAAS,SAACC,MAAY;QACxB,IAAML,YAAY,AAAC,mBAAGJ,eAAJ;YAAYS;SAAK;QACnCR,yBAAAA,0BAAAA,KAAAA,IAAAA,aAAeG;IACnB;IAEA,IAAMM,UAAU,gBAA4C;YAA1CC,aAAAA,MAAMC,WAAAA;QACpB,IAAMR,YAAa,mBAAGJ;QACtB,IAAMS,OAAOT,MAAM,CAACW,KAAK;QAEzBP,UAAUS,MAAM,CAACF,MAAM;QACvBP,UAAUS,MAAM,CAACD,IAAI,GAAGH;QAExBR,yBAAAA,0BAAAA,KAAAA,IAAAA,aAAeG;IACnB;IAEA,OAAO;QAACJ;QAAQ;YAACE,QAAAA;YAAQM,QAAAA;YAAQE,SAAAA;QAAO;KAAE;AAC9C"}

package/dist/cjs/hooks/useParentHeight.js

@@ -18,18 +18,18 @@ var getElementInnerHeight = function(el) {
     return fullHeight - padding - border;
 };
 var useParentHeight = function() {
-    var ref = _slicedToArray((0, _react.useState)(-1), 2), height = ref[0], setHeight = ref[1];
-    var ref1 = (0, _react.useRef)();
+    var _useState = _slicedToArray((0, _react.useState)(-1), 2), height = _useState[0], setHeight = _useState[1];
+    var ref = (0, _react.useRef)();
     (0, _react.useEffect)(function() {
-        if (ref1.current) {
-            setHeight(getElementInnerHeight(ref1.current.parentElement));
+        if (ref.current) {
+            setHeight(getElementInnerHeight(ref.current.parentElement));
         }
     }, [
-        ref1.current
+        ref.current
     ]);
     return [
         height,
-        ref1
+        ref
     ];
 };
 

package/dist/cjs/hooks/useParentHeight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useParentHeight.ts"],"sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\nconst getElementInnerHeight = (el: HTMLElement): number => {\n    const fullHeight = el.getBoundingClientRect().height;\n    const cs = getComputedStyle(el);\n    const padding = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);\n    const border = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);\n    return fullHeight - padding - border;\n};\n\n/**\n * Computes the available height of the parent element on mount\n */\nexport const useParentHeight = (): [number, React.MutableRefObject<HTMLDivElement>] => {\n    const [height, setHeight] = useState(-1);\n    const ref = useRef<HTMLDivElement>();\n\n    useEffect(() => {\n        if (ref.current) {\n            setHeight(getElementInnerHeight(ref.current.parentElement));\n        }\n    }, [ref.current]);\n\n    return [height, ref];\n};\n"],"names":["useParentHeight","getElementInnerHeight","el","fullHeight","getBoundingClientRect","height","cs","getComputedStyle","padding","parseFloat","paddingTop","paddingBottom","border","borderTopWidth","borderBottomWidth","useState","setHeight","ref","useRef","useEffect","current","parentElement"],"mappings":"AAAA;;;;+BAaaA,iBAAe;;;eAAfA,eAAe;;;;qBAbc,OAAO;AAEjD,IAAMC,qBAAqB,GAAG,SAACC,EAAe,EAAa;IACvD,IAAMC,UAAU,GAAGD,EAAE,CAACE,qBAAqB,EAAE,CAACC,MAAM,AAAC;IACrD,IAAMC,EAAE,GAAGC,gBAAgB,CAACL,EAAE,CAAC,AAAC;IAChC,IAAMM,OAAO,GAAGC,UAAU,CAACH,EAAE,CAACI,UAAU,CAAC,GAAGD,UAAU,CAACH,EAAE,CAACK,aAAa,CAAC,AAAC;IACzE,IAAMC,MAAM,GAAGH,UAAU,CAACH,EAAE,CAACO,cAAc,CAAC,GAAGJ,UAAU,CAACH,EAAE,CAACQ,iBAAiB,CAAC,AAAC;IAChF,OAAOX,UAAU,GAAGK,OAAO,GAAGI,MAAM,CAAC;AACzC,CAAC,AAAC;AAKK,IAAMZ,eAAe,GAAG,WAAwD;IACnF,IAA4Be,GAAY,kBAAZA,IAAAA,MAAQ,SAAA,EAAC,CAAC,CAAC,CAAC,IAAA,EAAjCV,MAAM,GAAeU,GAAY,GAA3B,EAAEC,SAAS,GAAID,GAAY,GAAhB,AAAiB;IACzC,IAAME,IAAG,GAAGC,IAAAA,MAAM,OAAA,GAAkB,AAAC;IAErCC,IAAAA,MAAS,UAAA,EAAC,WAAM;QACZ,IAAIF,IAAG,CAACG,OAAO,EAAE;YACbJ,SAAS,CAACf,qBAAqB,CAACgB,IAAG,CAACG,OAAO,CAACC,aAAa,CAAC,CAAC,CAAC;QAChE,CAAC;IACL,CAAC,EAAE;QAACJ,IAAG,CAACG,OAAO;KAAC,CAAC,CAAC;IAElB,OAAO;QAACf,MAAM;QAAEY,IAAG;KAAC,CAAC;AACzB,CAAC,AAAC"}
+{"version":3,"sources":["../../../src/hooks/useParentHeight.ts"],"sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\nconst getElementInnerHeight = (el: HTMLElement): number => {\n    const fullHeight = el.getBoundingClientRect().height;\n    const cs = getComputedStyle(el);\n    const padding = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);\n    const border = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);\n    return fullHeight - padding - border;\n};\n\n/**\n * Computes the available height of the parent element on mount\n */\nexport const useParentHeight = (): [number, React.MutableRefObject<HTMLDivElement>] => {\n    const [height, setHeight] = useState(-1);\n    const ref = useRef<HTMLDivElement>();\n\n    useEffect(() => {\n        if (ref.current) {\n            setHeight(getElementInnerHeight(ref.current.parentElement));\n        }\n    }, [ref.current]);\n\n    return [height, ref];\n};\n"],"names":["useParentHeight","getElementInnerHeight","el","fullHeight","getBoundingClientRect","height","cs","getComputedStyle","padding","parseFloat","paddingTop","paddingBottom","border","borderTopWidth","borderBottomWidth","useState","setHeight","ref","useRef","useEffect","current","parentElement"],"mappings":"AAAA;;;;+BAaaA;;;eAAAA;;;;qBAb6B;AAE1C,IAAMC,wBAAwB,SAACC,IAA4B;IACvD,IAAMC,aAAaD,GAAGE,qBAAqB,GAAGC,MAAM;IACpD,IAAMC,KAAKC,iBAAiBL;IAC5B,IAAMM,UAAUC,WAAWH,GAAGI,UAAU,IAAID,WAAWH,GAAGK,aAAa;IACvE,IAAMC,SAASH,WAAWH,GAAGO,cAAc,IAAIJ,WAAWH,GAAGQ,iBAAiB;IAC9E,OAAOX,aAAaK,UAAUI;AAClC;AAKO,IAAMZ,kBAAkB,WAAwD;IACnF,IAA4Be,2BAAAA,IAAAA,eAAQ,EAAC,CAAC,QAA/BV,SAAqBU,cAAbC,YAAaD;IAC5B,IAAME,MAAMC,IAAAA,aAAM;IAElBC,IAAAA,gBAAS,EAAC,WAAM;QACZ,IAAIF,IAAIG,OAAO,EAAE;YACbJ,UAAUf,sBAAsBgB,IAAIG,OAAO,CAACC,aAAa;QAC7D,CAAC;IACL,GAAG;QAACJ,IAAIG,OAAO;KAAC;IAEhB,OAAO;QAACf;QAAQY;KAAI;AACxB"}

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport {createColumnHelper, type ColumnDef} from '@tanstack/table-core';\nexport * from './components';\n// explicitly overriding mantine components\nexport {Header, Table} from './components';\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["createColumnHelper","Header","Table"],"mappings":"AAAA;;;;;;;;;;;IASQA,kBAAkB;eAAlBA,UAAkB,mBAAA;;IAGlBC,MAAM;eAANA,WAAM,OAAA;;IAAEC,KAAK;eAALA,WAAK,MAAA;;;;oBARP,mBAAmB;oBACnB,eAAe;oBACf,eAAe;oBAEf,gBAAgB;yBACmB,sBAAsB;sCACzD,cAAc;oBAGd,SAAS"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport * from '@mantine/form';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport {createColumnHelper, type ColumnDef} from '@tanstack/table-core';\nexport * from './components';\n// explicitly overriding mantine components\nexport {Header, Table} from './components';\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["createColumnHelper","Header","Table"],"mappings":"AAAA;;;;;;;;;;;IASQA,kBAAkB;eAAlBA,6BAAkB;;IAGlBC,MAAM;eAANA,kBAAM;;IAAEC,KAAK;eAALA,iBAAK;;;;oBARP;oBACA;oBACA;oBAEA;yBACmC;sCACnC;oBAGA"}

package/dist/cjs/theme/PlasmaColors.js

@@ -12,6 +12,22 @@ var _plasmaTokens = require("@coveord/plasma-tokens");
 var toMantineColor = function(plasmaColor) {
     return Object.values(plasmaColor);
 };
+var navy = toMantineColor(_plasmaTokens.color.primary.navy);
+var red = toMantineColor(_plasmaTokens.color.accent.red);
+var yellow = toMantineColor(_plasmaTokens.color.accent.yellow);
+var teal = toMantineColor(_plasmaTokens.color.accent.teal);
+var lime = [
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[6],
+    _plasmaTokens.color.secondary.lime[6],
+    _plasmaTokens.color.secondary.lime[6],
+    _plasmaTokens.color.secondary.lime[9],
+    _plasmaTokens.color.secondary.lime[9],
+    _plasmaTokens.color.secondary.lime[9]
+];
 var PlasmaColors = {
     // Primary
     gray: toMantineColor(_plasmaTokens.color.primary.gray),
@@ -27,27 +43,21 @@ var PlasmaColors = {
         _plasmaTokens.color.primary.action[8],
         _plasmaTokens.color.primary.action[9]
     ],
-    navy: toMantineColor(_plasmaTokens.color.primary.navy),
+    navy: navy,
+    info: navy,
     // Accent
     blue: toMantineColor(_plasmaTokens.color.accent.blue),
-    red: toMantineColor(_plasmaTokens.color.accent.red),
-    teal: toMantineColor(_plasmaTokens.color.accent.teal),
-    yellow: toMantineColor(_plasmaTokens.color.accent.yellow),
+    red: red,
+    critical: red,
+    teal: teal,
+    new: teal,
+    yellow: yellow,
+    warning: yellow,
     // Secondary
     green: toMantineColor(_plasmaTokens.color.secondary.green),
     indigo: toMantineColor(_plasmaTokens.color.secondary.indigo),
-    lime: [
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[6],
-        _plasmaTokens.color.secondary.lime[6],
-        _plasmaTokens.color.secondary.lime[6],
-        _plasmaTokens.color.secondary.lime[9],
-        _plasmaTokens.color.secondary.lime[9],
-        _plasmaTokens.color.secondary.lime[9]
-    ],
+    lime: lime,
+    success: lime,
     purple: toMantineColor(_plasmaTokens.color.secondary.purple)
 };
 

package/dist/cjs/theme/PlasmaColors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy: toMantineColor(color.primary.navy),\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red: toMantineColor(color.accent.red),\n    teal: toMantineColor(color.accent.teal),\n    yellow: toMantineColor(color.accent.yellow),\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime: [\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n    ] as Tuple<string, 10>,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","gray","color","primary","action","navy","blue","accent","red","teal","yellow","green","secondary","indigo","lime","purple"],"mappings":"AAAA;;;;+BAMaA,cAAY;;;eAAZA,YAAY;;;4BANL,wBAAwB;AAG5C,IAAMC,cAAc,GAAG,SAACC,WAAmC;WACvDC,MAAM,CAACC,MAAM,CAACF,WAAW,CAAC;CAAqB,AAAC;AAE7C,IAAMF,YAAY,GAAG;IACxB,UAAU;IACVK,IAAI,EAAEJ,cAAc,CAACK,aAAK,MAAA,CAACC,OAAO,CAACF,IAAI,CAAC;IACxCG,MAAM,EAAE;QACJF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;QACvBF,aAAK,MAAA,CAACC,OAAO,CAACC,MAAM,CAAC,CAAC,CAAC;KAC1B;IACDC,IAAI,EAAER,cAAc,CAACK,aAAK,MAAA,CAACC,OAAO,CAACE,IAAI,CAAC;IACxC,SAAS;IACTC,IAAI,EAAET,cAAc,CAACK,aAAK,MAAA,CAACK,MAAM,CAACD,IAAI,CAAC;IACvCE,GAAG,EAAEX,cAAc,CAACK,aAAK,MAAA,CAACK,MAAM,CAACC,GAAG,CAAC;IACrCC,IAAI,EAAEZ,cAAc,CAACK,aAAK,MAAA,CAACK,MAAM,CAACE,IAAI,CAAC;IACvCC,MAAM,EAAEb,cAAc,CAACK,aAAK,MAAA,CAACK,MAAM,CAACG,MAAM,CAAC;IAC3C,YAAY;IACZC,KAAK,EAAEd,cAAc,CAACK,aAAK,MAAA,CAACU,SAAS,CAACD,KAAK,CAAC;IAC5CE,MAAM,EAAEhB,cAAc,CAACK,aAAK,MAAA,CAACU,SAAS,CAACC,MAAM,CAAC;IAC9CC,IAAI,EAAE;QACFZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;QACvBZ,aAAK,MAAA,CAACU,SAAS,CAACE,IAAI,CAAC,CAAC,CAAC;KAC1B;IACDC,MAAM,EAAElB,cAAc,CAACK,aAAK,MAAA,CAACU,SAAS,CAACG,MAAM,CAAC;CACjD,AAAC"}
+{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[6],\n    color.secondary.lime[6],\n    color.secondary.lime[6],\n    color.secondary.lime[9],\n    color.secondary.lime[9],\n    color.secondary.lime[9],\n] as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy,\n    info: navy,\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red,\n    critical: red,\n    teal,\n    new: teal,\n    yellow,\n    warning: yellow,\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime,\n    success: lime,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","navy","color","primary","red","accent","yellow","teal","lime","secondary","gray","action","info","blue","critical","new","warning","green","indigo","success","purple"],"mappings":"AAAA;;;;+BAuBaA;;;eAAAA;;;4BAvBO;AAGpB,IAAMC,iBAAiB,SAACC;WACpBC,OAAOC,MAAM,CAACF;;AAElB,IAAMG,OAAOJ,eAAeK,mBAAK,CAACC,OAAO,CAACF,IAAI;AAC9C,IAAMG,MAAMP,eAAeK,mBAAK,CAACG,MAAM,CAACD,GAAG;AAC3C,IAAME,SAAST,eAAeK,mBAAK,CAACG,MAAM,CAACC,MAAM;AACjD,IAAMC,OAAOV,eAAeK,mBAAK,CAACG,MAAM,CAACE,IAAI;AAC7C,IAAMC,OAAO;IACTN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;CAC1B;AAEM,IAAMZ,eAAe;IACxB,UAAU;IACVc,MAAMb,eAAeK,mBAAK,CAACC,OAAO,CAACO,IAAI;IACvCC,QAAQ;QACJT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;KAC1B;IACDV,MAAAA;IACAW,MAAMX;IACN,SAAS;IACTY,MAAMhB,eAAeK,mBAAK,CAACG,MAAM,CAACQ,IAAI;IACtCT,KAAAA;IACAU,UAAUV;IACVG,MAAAA;IACAQ,KAAKR;IACLD,QAAAA;IACAU,SAASV;IACT,YAAY;IACZW,OAAOpB,eAAeK,mBAAK,CAACO,SAAS,CAACQ,KAAK;IAC3CC,QAAQrB,eAAeK,mBAAK,CAACO,SAAS,CAACS,MAAM;IAC7CV,MAAAA;IACAW,SAASX;IACTY,QAAQvB,eAAeK,mBAAK,CAACO,SAAS,CAACW,MAAM;AACjD"}

package/dist/cjs/theme/Plasmantine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nimport {plasmaTheme} from './Theme';\n\nexport const Plasmantine: FunctionComponent<PropsWithChildren> = ({children}) => (\n    <MantineProvider withGlobalStyles withNormalizeCSS theme={plasmaTheme}>\n        {children}\n    </MantineProvider>\n);\n"],"names":["Plasmantine","children","MantineProvider","withGlobalStyles","withNormalizeCSS","theme","plasmaTheme"],"mappings":"AAAA;;;;+BAKaA,aAAW;;;eAAXA,WAAW;;;;oBALM,eAAe;qBAGnB,SAAS;AAE5B,IAAMA,WAAW,GAAyC;QAAEC,QAAQ,SAARA,QAAQ;yBACvE,qBAACC,KAAe,gBAAA;QAACC,gBAAgB;QAACC,gBAAgB;QAACC,KAAK,EAAEC,MAAW,YAAA;kBAChEL,QAAQ;MACK;CACrB,AAAC"}
+{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nimport {plasmaTheme} from './Theme';\n\nexport const Plasmantine: FunctionComponent<PropsWithChildren> = ({children}) => (\n    <MantineProvider withGlobalStyles withNormalizeCSS theme={plasmaTheme}>\n        {children}\n    </MantineProvider>\n);\n"],"names":["Plasmantine","children","MantineProvider","withGlobalStyles","withNormalizeCSS","theme","plasmaTheme"],"mappings":"AAAA;;;;+BAKaA;;;eAAAA;;;;oBALiB;qBAGJ;AAEnB,IAAMA,cAAoD;QAAEC,iBAAAA;yBAC/D,qBAACC,qBAAe;QAACC,gBAAgB;QAACC,gBAAgB;QAACC,OAAOC,kBAAW;kBAChEL"}

package/dist/cjs/theme/Theme.js

@@ -210,6 +210,21 @@ var plasmaTheme = {
                     alignItems: "flex-start"
                 }
             }
+        },
+        Popover: {
+            defaultProps: {
+                shadow: "md",
+                withArrow: true
+            }
+        },
+        Badge: {
+            styles: {
+                root: {
+                    textTransform: "none",
+                    padding: "4px 8px",
+                    fontWeight: 500
+                }
+            }
         }
     }
 };

package/dist/cjs/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","ArrowHeadRightSize24Px","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n        Popover: {\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        },\n        Badge: {\n            styles: {\n                root: {\n                    textTransform: 'none',\n                    padding: '4px 8px',\n                    fontWeight: 500,\n                },\n            },\n        },\n    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","ArrowHeadRightSize24Px","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","padding"],"mappings":"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"}

package/dist/cjs/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './Plasmantine';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe"}
+{"version":3,"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './Plasmantine';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc"}

package/dist/definitions/theme/PlasmaColors.d.ts

@@ -2,13 +2,18 @@ export declare const PlasmaColors: {
     gray: [string, string, string, string, string, string, string, string, string, string];
     action: [string, string, string, string, string, string, string, string, string, string];
     navy: [string, string, string, string, string, string, string, string, string, string];
+    info: [string, string, string, string, string, string, string, string, string, string];
     blue: [string, string, string, string, string, string, string, string, string, string];
     red: [string, string, string, string, string, string, string, string, string, string];
+    critical: [string, string, string, string, string, string, string, string, string, string];
     teal: [string, string, string, string, string, string, string, string, string, string];
+    new: [string, string, string, string, string, string, string, string, string, string];
     yellow: [string, string, string, string, string, string, string, string, string, string];
+    warning: [string, string, string, string, string, string, string, string, string, string];
     green: [string, string, string, string, string, string, string, string, string, string];
     indigo: [string, string, string, string, string, string, string, string, string, string];
     lime: [string, string, string, string, string, string, string, string, string, string];
+    success: [string, string, string, string, string, string, string, string, string, string];
     purple: [string, string, string, string, string, string, string, string, string, string];
 };
 //# sourceMappingURL=PlasmaColors.d.ts.map

package/dist/definitions/theme/PlasmaColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;;;;;CAqCxB,CAAC"}
+{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CA+BxB,CAAC"}

package/dist/definitions/theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBAoJzB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBAmKzB,CAAC"}