@coveord/plasma-mantine 47.0.1-next.2

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableDateRangePicker", {
+    enumerable: true,
+    get: function() {
+        return TableDateRangePicker;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _dayjs = /*#__PURE__*/ _interopRequireDefault(require("dayjs"));
+var _react = require("react");
+var _dateRangePicker = require("../date-range-picker");
+var _useTable = require("./useTable");
+var TableDateRangePicker = function(param) {
+    var _presets = param.presets, presets = _presets === void 0 ? {} : _presets, rangeCalendarProps = param.rangeCalendarProps;
+    var ref = _slicedToArray((0, _react.useState)(false), 2), opened = ref[0], setOpened = ref[1];
+    var form = (0, _useTable.useTable)().form;
+    var onApply = function(dates) {
+        form.setFieldValue("dateRange", dates);
+        setOpened(false);
+    };
+    var onCancel = function() {
+        setOpened(false);
+    };
+    var formatDate = function(date) {
+        return (0, _dayjs.default)(date).format("MMM DD, YYYY");
+    };
+    var formatedRange = "".concat(formatDate(form.values.dateRange[0]), " - ").concat(formatDate(form.values.dateRange[1]));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            formatedRange,
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Popover, {
+                opened: opened,
+                onChange: setOpened,
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Popover.Target, {
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+                            variant: "outline",
+                            color: "gray",
+                            onClick: function() {
+                                return setOpened(true);
+                            },
+                            px: "xs",
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.CalendarSize24Px, {
+                                width: 24,
+                                height: 24
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Popover.Dropdown, {
+                        p: 0,
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dateRangePicker.DateRangePickerInlineCalendar, {
+                            initialRange: form.values.dateRange,
+                            onApply: onApply,
+                            onCancel: onCancel,
+                            presets: presets,
+                            rangeCalendarProps: rangeCalendarProps
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=TableDateRangePicker.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableFilter", {
+    enumerable: true,
+    get: function() {
+        return TableFilter;
+    }
+});
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _useTable = require("./useTable");
+var useStyles = (0, _core.createStyles)(function(theme) {
+    return {
+        wrapper: {
+            marginBottom: "0 !important"
+        },
+        empty: {
+            color: theme.colors.gray[4]
+        }
+    };
+});
+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 handleSearchChange = function(event) {
+        var value = event.currentTarget.value;
+        setState(function(prevState) {
+            return _objectSpreadProps(_objectSpread({}, prevState), {
+                globalFilter: value
+            });
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.TextInput, {
+        className: classes.wrapper,
+        placeholder: placeholder,
+        mb: "md",
+        rightSection: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.SearchSize16Px, {
+            height: 14,
+            className: cx(_defineProperty({}, classes.empty, !state.globalFilter))
+        }),
+        value: state.globalFilter,
+        onChange: handleSearchChange
+    });
+};
+
+//# sourceMappingURL=TableFilter.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableFooter", {
+    enumerable: true,
+    get: function() {
+        return TableFooter;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var TableFooter = function(param) {
+    var children = param.children;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+        position: "apart",
+        px: "md",
+        py: "sm",
+        children: children
+    });
+};
+
+//# sourceMappingURL=TableFooter.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableHeader", {
+    enumerable: true,
+    get: function() {
+        return TableHeader;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var useStyles = (0, _core.createStyles)(function(theme) {
+    return {
+        header: {
+            position: "sticky",
+            top: 0,
+            zIndex: 13,
+            backgroundColor: theme.colors.gray[1],
+            borderBottom: "1px solid ".concat(theme.colors.gray[4])
+        }
+    };
+});
+var TableHeader = function(param) {
+    var children = param.children;
+    var classes = useStyles().classes;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+        position: "right",
+        spacing: "lg",
+        className: classes.header,
+        px: "md",
+        py: "sm",
+        children: children
+    });
+};
+
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TablePagination", {
+    enumerable: true,
+    get: function() {
+        return TablePagination;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+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;
+    var updatePage = function(newPage) {
+        setState(function(prevState) {
+            return _objectSpreadProps(_objectSpread({}, prevState), {
+                pagination: _objectSpreadProps(_objectSpread({}, prevState.pagination), {
+                    pageIndex: newPage - 1
+                })
+            });
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Pagination, {
+        page: state.pagination.pageIndex + 1,
+        onChange: updatePage,
+        total: totalPages,
+        boundaries: 0,
+        size: "md",
+        getItemAriaLabel: function(label) {
+            switch(label){
+                case "prev":
+                    return "previous page";
+                case "next":
+                    return "next page";
+                default:
+                    return "".concat(label);
+            }
+        }
+    });
+};
+
+//# sourceMappingURL=TablePagination.js.map

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

@@ -0,0 +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} = useTable();\n    const updatePage = (newPage: number) => {\n        setState((prevState: TableState) => ({\n            ...prevState,\n            pagination: {...prevState.pagination, pageIndex: newPage - 1},\n        }));\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","updatePage","newPage","prevState","pagination","pageIndex","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,IAA0BC,GAAU,GAAVA,IAAAA,SAAQ,SAAA,GAAE,EAA7BC,KAAK,GAAcD,GAAU,CAA7BC,KAAK,EAAEC,QAAQ,GAAIF,GAAU,CAAtBE,QAAQ,AAAe;IACrC,IAAMC,UAAU,GAAG,SAACC,OAAe,EAAK;QACpCF,QAAQ,CAAC,SAACG,SAAqB;mBAAM,qCAC9BA,SAAS;gBACZC,UAAU,EAAE,qCAAID,SAAS,CAACC,UAAU;oBAAEC,SAAS,EAAEH,OAAO,GAAG,CAAC;kBAAC;cAChE;SAAC,CAAC,CAAC;IACR,CAAC,AAAC;IAEF,qBACI,qBAACI,KAAU,WAAA;QACPC,IAAI,EAAER,KAAK,CAACK,UAAU,CAACC,SAAS,GAAG,CAAC;QACpCG,QAAQ,EAAEP,UAAU;QACpBQ,KAAK,EAAEZ,UAAU;QACjBa,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"}

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TablePerPage", {
+    enumerable: true,
+    get: function() {
+        return TablePerPage;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+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 ? [
+        25,
+        50,
+        100
+    ] : _values;
+    var ref = (0, _useTable.useTable)(), state = ref.state, setState = ref.setState;
+    var updatePerPage = function(newPerPage) {
+        setState(function(prevState) {
+            return _objectSpreadProps(_objectSpread({}, prevState), {
+                pagination: _objectSpreadProps(_objectSpread({}, prevState.pagination), {
+                    pageSize: parseInt(newPerPage, 10)
+                })
+            });
+        });
+    };
+    var ref1;
+    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(),
+                onChange: updatePerPage,
+                data: values.map(function(value) {
+                    return value.toString();
+                }),
+                color: "action",
+                size: "md"
+            })
+        ]
+    });
+};
+TablePerPage.DEFAULT_SIZE = 50;
+
+//# sourceMappingURL=TablePerPage.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TablePredicate", {
+    enumerable: true,
+    get: function() {
+        return TablePredicate;
+    }
+});
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+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 onUpdate = function(newValue) {
+        form.setFieldValue("predicates", _objectSpreadProps(_objectSpread({}, form.values.predicates), _defineProperty({}, id, newValue)));
+        onChange === null || onChange === void 0 ? void 0 : onChange();
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Group, {
+        spacing: "xs",
+        children: [
+            label ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Text, {
+                children: [
+                    label,
+                    ":"
+                ]
+            }) : null,
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Select, {
+                withinPortal: true,
+                value: form.values.predicates[id],
+                onChange: onUpdate,
+                data: data,
+                "aria-label": label !== null && label !== void 0 ? label : id,
+                searchable: data.length > 7
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=TablePredicate.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Th", {
+    enumerable: true,
+    get: function() {
+        return Th;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _reactTable = require("@tanstack/react-table");
+var useStyles = (0, _core.createStyles)(function(theme) {
+    return {
+        th: {
+            padding: "0 !important",
+            fontWeight: "400 !important",
+            color: theme.black + "!important",
+            button: {
+                padding: "8px 16px",
+                div: {
+                    padding: "0px !important"
+                }
+            },
+            div: {
+                padding: "8px 16px"
+            }
+        },
+        noSort: {
+            padding: "".concat(theme.spacing.xs, "px ").concat(theme.spacing.md, "px")
+        },
+        control: {
+            width: "100%",
+            padding: "".concat(theme.spacing.xs, "px ").concat(theme.spacing.md, "px"),
+            "&:hover": {
+                backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[6] : theme.colors.gray[2]
+            }
+        }
+    };
+});
+var SortingIcons = {
+    asc: _plasmaReactIcons.ArrowHeadDownSize16Px,
+    desc: _plasmaReactIcons.ArrowHeadUpSize16Px
+};
+var SortingLabels = {
+    asc: "ascending",
+    desc: "descending"
+};
+var Th = function(param) {
+    var header = param.header;
+    var classes = useStyles().classes;
+    var size = header.column.getSize();
+    var width = size !== _reactTable.defaultColumnSizing.size ? size : undefined;
+    if (header.isPlaceholder) {
+        return null;
+    }
+    if (!header.column.getCanSort()) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("th", {
+            className: classes.th,
+            style: {
+                width: width
+            },
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Text, {
+                className: classes.noSort,
+                size: "xs",
+                children: (0, _reactTable.flexRender)(header.column.columnDef.header, header.getContext())
+            })
+        });
+    }
+    var onSort = header.column.getToggleSortingHandler();
+    var sortingOrder = header.column.getIsSorted();
+    var Icon = SortingIcons[sortingOrder || header.column.getFirstSortDir()];
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)("th", {
+        className: classes.th,
+        style: {
+            width: width
+        },
+        "aria-sort": sortingOrder ? SortingLabels[sortingOrder] : "none",
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.UnstyledButton, {
+            onClick: onSort,
+            className: classes.control,
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Group, {
+                position: "apart",
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Text, {
+                        size: "xs",
+                        children: (0, _reactTable.flexRender)(header.column.columnDef.header, header.getContext())
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Center, {
+                        sx: function(theme) {
+                            return {
+                                color: sortingOrder ? theme.colors.action[8] : undefined
+                            };
+                        },
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Icon, {
+                            height: 14
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=Th.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Table"), exports);
+_exportStar(require("./useTable"), exports);
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTable", {
+    enumerable: true,
+    get: function() {
+        return useTable;
+    }
+});
+var _react = require("react");
+var _tableContext = require("./TableContext");
+var useTable = function() {
+    var ctx = (0, _react.useContext)(_tableContext.TableContext);
+    if (ctx === null) {
+        throw new Error("useTable must be used inside of a TableContext.Provider");
+    }
+    return ctx;
+};
+
+//# sourceMappingURL=useTable.js.map

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

@@ -0,0 +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"}

package/dist/cjs/hooks/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./useParentHeight"), exports);
+_exportStar(require("./useControlledList"), exports);
+
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/hooks/useControlledList.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useControlledList", {
+    enumerable: true,
+    get: function() {
+        return useControlledList;
+    }
+});
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
+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)({
+        value: value,
+        defaultValue: defaultValue,
+        finalValue: [],
+        onChange: onChange
+    }), 2), values = ref[0], handleChange = ref[1];
+    var remove = function(index) {
+        var newValues = values.filter(function(_, i) {
+            return i !== index;
+        });
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+    };
+    var append = function(item) {
+        var newValues = _toConsumableArray(values).concat([
+            item
+        ]);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+    };
+    var reorder = function(param) {
+        var from = param.from, to = param.to;
+        var newValues = _toConsumableArray(values);
+        var item = values[from];
+        newValues.splice(from, 1);
+        newValues.splice(to, 0, item);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValues);
+    };
+    return [
+        values,
+        {
+            remove: remove,
+            append: append,
+            reorder: reorder
+        }
+    ];
+};
+
+//# sourceMappingURL=useControlledList.js.map

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

@@ -0,0 +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"}