@coveord/plasma-mantine 52.16.1 → 52.17.0

package/dist/cjs/components/table/{TableActions.d.ts → table-actions/TableActions.types.d.ts}

@@ -1,15 +1,8 @@
 import { DefaultProps, Selectors } from '@mantine/core';
-import { ReactElement, ReactNode } from 'react';
-declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-        wrapper: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
+import { ReactNode } from 'react';
+import useStyles from './TableActions.styles';
 type TableActionsStylesNames = Selectors<typeof useStyles>;
-interface TableActionsProps<T> extends DefaultProps<TableActionsStylesNames> {
+export interface TableActionsProps<T> extends DefaultProps<TableActionsStylesNames> {
     /**
      * Function that return components for the selected row or selected rows when multi row selection is enabled
      *
@@ -31,6 +24,5 @@ interface TableActionsProps<T> extends DefaultProps<TableActionsStylesNames> {
      */
     children: ((datum: T) => ReactNode) | ((data: T[]) => ReactNode);
 }
-export declare const TableActions: <T>({ children, classNames, styles, unstyled, ...others }: TableActionsProps<T>) => ReactElement;
 export {};
-//# sourceMappingURL=TableActions.d.ts.map
+//# sourceMappingURL=TableActions.types.d.ts.map

package/dist/cjs/components/table/table-actions/TableActions.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActions.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActions.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,KAAK,uBAAuB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3D,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,uBAAuB,CAAC;IAC/E;;;;;;;;;;;;;;;;;;OAkBG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;CACpE"}

package/dist/cjs/components/table/table-actions/TableActions.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TableActions.types.js.map

package/dist/cjs/components/table/table-actions/TableActions.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/table/table-column/TableCollapsibleColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCollapsibleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAU5D;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,SAAS,CAAC,OAAO,CAGrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,OAAO,CAYnD,CAAC"}

package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {ArrowHeadDownSize24Px, ArrowHeadUpSize24Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {FunctionComponent, MouseEvent as ReactMouseEvent} from 'react';\n\nconst defaultProps: ColumnDef<unknown> = {\n    id: 'collapsible',\n    enableSorting: false,\n    header: '',\n    size: 62,\n};\n\n/**\n * Generic column to use when your table needs collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n    ...defaultProps,\n    cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/**\n * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n    ...defaultProps,\n    cell: (info) => {\n        const onToggle = () => {\n            // close all other rows when the current row not is expanded\n            if (!info.row.getIsExpanded()) {\n                info.table.toggleAllRowsExpanded(false);\n            }\n        };\n\n        return <CollapsibleIcon onToggle={onToggle} info={info} />;\n    },\n};\n\nconst CollapsibleIcon: FunctionComponent<{\n    info: CellContext<unknown, unknown>;\n    onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n}> = ({info, onToggle}) => {\n    const handler = info.row.getToggleExpandedHandler();\n    const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n        onToggle?.(e);\n        handler();\n    };\n    return info.row.getCanExpand() ? (\n        <ActionIcon onClick={onClick} variant=\"subtle\" radius=\"sm\">\n            {info.row.getIsExpanded() ? <ArrowHeadUpSize24Px /> : <ArrowHeadDownSize24Px />}\n        </ActionIcon>\n    ) : null;\n};\n"],"names":["TableCollapsibleColumn","TableAccordionColumn","defaultProps","id","enableSorting","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","variant","radius","ArrowHeadUpSize24Px","ArrowHeadDownSize24Px"],"mappings":";;;;;;;;;;;IAeaA,sBAAsB;eAAtBA;;IAQAC,oBAAoB;eAApBA;;;;;;gCAvB4C;oBAChC;AAIzB,IAAMC,eAAmC;IACrCC,IAAI;IACJC,eAAe;IACfC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMN,yBAA6C,4CACnDE;IACHK,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMP,uBAA2C,4CACjDC;IACHK,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAGJ,IAAMC,kBAGD;QAAED,aAAAA,MAAME,iBAAAA;IACT,IAAMK,UAAUP,KAAKG,GAAG,CAACK,wBAAwB;IACjD,IAAMC,UAAU,SAACC;YAEbR;QADAQ,EAAEC,eAAe;SACjBT,YAAAA,sBAAAA,gCAAAA,UAAWQ;QACXH;IACJ;IACA,OAAOP,KAAKG,GAAG,CAACS,YAAY,mBACxB,qBAACC,gBAAU;QAACJ,SAASA;QAASK,SAAQ;QAASC,QAAO;kBACjDf,KAAKG,GAAG,CAACC,aAAa,mBAAK,qBAACY,qCAAmB,sBAAM,qBAACC,uCAAqB;SAEhF;AACR"}

package/dist/cjs/components/table/table-column/TableSelectableColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectableColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,CAAC,OAAO,CA0BpD,CAAC"}

package/dist/cjs/components/table/table-column/TableSelectableColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-column/TableSelectableColumn.tsx"],"sourcesContent":["import {Checkbox, Tooltip} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\n\n/**\n * Generic column to use when your table needs multi selection of rows\n */\nexport const TableSelectableColumn: ColumnDef<unknown> = {\n    id: 'select',\n    enableSorting: false,\n    header: ({table}) => {\n        const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';\n        return (\n            <Tooltip label={label}>\n                <Checkbox\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={table.getToggleAllPageRowsSelectedHandler()}\n                    sx={{display: 'flex'}}\n                    aria-label={label}\n                />\n            </Tooltip>\n        );\n    },\n    cell: ({row}) => (\n        <Checkbox\n            checked={row.getIsSelected()}\n            indeterminate={row.getIsSomeSelected()}\n            onChange={row.getToggleSelectedHandler()}\n            sx={{display: 'flex'}}\n            aria-label=\"Select row\"\n        />\n    ),\n};\n"],"names":["TableSelectableColumn","id","enableSorting","header","table","label","getIsAllRowsSelected","Tooltip","Checkbox","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","sx","display","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler"],"mappings":";;;;+BAMaA;;;eAAAA;;;;oBANmB;AAMzB,IAAMA,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,QAAQ;YAAEC,cAAAA;QACN,IAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,qBAACC,aAAO;YAACF,OAAOA;sBACZ,cAAA,qBAACG,cAAQ;gBACLC,SAASL,MAAMM,wBAAwB;gBACvCC,eAAeP,MAAMQ,yBAAyB;gBAC9CC,UAAUT,MAAMU,mCAAmC;gBACnDC,IAAI;oBAACC,SAAS;gBAAM;gBACpBC,cAAYZ;;;IAI5B;IACAa,MAAM;YAAEC,YAAAA;6BACJ,qBAACX,cAAQ;YACLC,SAASU,IAAIC,aAAa;YAC1BT,eAAeQ,IAAIE,iBAAiB;YACpCR,UAAUM,IAAIG,wBAAwB;YACtCP,IAAI;gBAACC,SAAS;YAAM;YACpBC,cAAW;;;AAGvB"}

package/dist/cjs/components/table/table-consumer/TableConsumer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableConsumer.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-consumer/TableConsumer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,CAAmC,CAAC"}

package/dist/cjs/components/table/table-consumer/TableConsumer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-consumer/TableConsumer.tsx"],"sourcesContent":["import type {FunctionComponent, ReactNode} from 'react';\n\nexport const TableConsumer: FunctionComponent<{children: ReactNode}> = ({children}) => <>{children}</>;\n"],"names":["TableConsumer","children"],"mappings":";;;;+BAEaA;;;eAAAA;;;;AAAN,IAAMA,gBAA0D;QAAEC,iBAAAA;yBAAc;kBAAGA"}

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TableDateRangePickerProps } from './TableDateRangePicker.types';
+export declare const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps>;
+//# sourceMappingURL=TableDateRangePicker.d.ts.map

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAC,yBAAyB,EAAC,MAAM,8BAA8B,CAAC;AAEvE,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,yBAAyB,CAsD7E,CAAC"}

package/dist/cjs/components/table/{TableDateRangePicker.js → table-date-range-picker/TableDateRangePicker.js}

@@ -18,17 +18,11 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
-var _button = require("../button");
-var _daterangepicker = require("../date-range-picker");
-var _Tablestyles = require("./Table.styles");
-var _TableContext = require("./TableContext");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {},
-        wrapper: {},
-        label: {}
-    };
-});
+var _button = require("../../button");
+var _daterangepicker = require("../../date-range-picker");
+var _Tablestyles = require("../Table.styles");
+var _TableContext = require("../TableContext");
+var _TableDateRangePickerstyles = /*#__PURE__*/ _interop_require_default._(require("./TableDateRangePicker.styles"));
 var TableDateRangePicker = function(_param) {
     var _param_presets = _param.presets, presets = _param_presets === void 0 ? {} : _param_presets, rangeCalendarProps = _param.rangeCalendarProps, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
         "presets",
@@ -37,7 +31,7 @@ var TableDateRangePicker = function(_param) {
         "styles",
         "unstyled"
     ]);
-    var classes = useStyles(null, {
+    var classes = (0, _TableDateRangePickerstyles.default)(null, {
         name: "TableDateRangePicker",
         classNames: classNames,
         styles: styles,

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.tsx"],"sourcesContent":["import {CalendarSize24Px} from '@coveord/plasma-react-icons';\nimport {Grid, Group, Popover, Text} from '@mantine/core';\nimport {useToggle} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {FunctionComponent} from 'react';\n\nimport {Button} from '../../button';\nimport {DateRangePickerInlineCalendar, DateRangePickerValue} from '../../date-range-picker';\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableDateRangePicker.styles';\nimport {TableDateRangePickerProps} from './TableDateRangePicker.types';\n\nexport const TableDateRangePicker: FunctionComponent<TableDateRangePickerProps> = ({\n    presets = {},\n    rangeCalendarProps,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableDateRangePicker', classNames, styles, unstyled});\n    const [opened, toggleOpened] = useToggle();\n    const {form} = useTable();\n\n    const onApply = (dates: DateRangePickerValue) => {\n        form.setFieldValue('dateRange', dates);\n        toggleOpened(false);\n    };\n    const onCancel = () => {\n        toggleOpened(false);\n    };\n\n    const formatDate = (date: Date) => dayjs(date).format('MMM DD, YYYY');\n    const formattedRange = `${formatDate(form.values.dateRange[0])} - ${formatDate(form.values.dateRange[1])}`;\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.DateRangePicker}\n            py=\"sm\"\n            className={classes.root}\n            {...others}\n        >\n            <Group spacing=\"xs\" className={classes.wrapper}>\n                <Text span className={classes.label}>\n                    {formattedRange}\n                </Text>\n                <Popover opened={opened} onChange={toggleOpened} withinPortal>\n                    <Popover.Target>\n                        <Button variant=\"outline\" color=\"gray\" onClick={() => toggleOpened()} 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            </Group>\n        </Grid.Col>\n    );\n};\n"],"names":["TableDateRangePicker","presets","rangeCalendarProps","classNames","styles","unstyled","others","classes","useStyles","name","useToggle","opened","toggleOpened","form","useTable","onApply","dates","setFieldValue","onCancel","formatDate","date","dayjs","format","formattedRange","values","dateRange","Grid","Col","span","order","TableComponentsOrder","DateRangePicker","py","className","root","Group","spacing","wrapper","Text","label","Popover","onChange","withinPortal","Target","Button","variant","color","onClick","px","CalendarSize24Px","width","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange"],"mappings":";;;;+BAaaA;;;eAAAA;;;;;;;;;gCAbkB;oBACU;qBACjB;8DACN;sBAGG;+BAC6C;2BAC/B;4BACZ;mFACD;AAGf,IAAMA,uBAAqE;gCAC9EC,SAAAA,sCAAU,CAAC,oBACXC,4BAAAA,oBACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,mCAAS,EAAC,MAAM;QAACC,MAAM;QAAwBN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAAtFE;IACP,IAA+BG,gCAAAA,IAAAA,gBAAS,SAAjCC,SAAwBD,eAAhBE,eAAgBF;IAC/B,IAAM,AAACG,OAAQC,IAAAA,sBAAQ,IAAhBD;IAEP,IAAME,UAAU,SAACC;QACbH,KAAKI,aAAa,CAAC,aAAaD;QAChCJ,aAAa;IACjB;IACA,IAAMM,WAAW;QACbN,aAAa;IACjB;IAEA,IAAMO,aAAa,SAACC;eAAeC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;IACtD,IAAMC,iBAAiB,AAAC,GAA4CJ,OAA1CA,WAAWN,KAAKW,MAAM,CAACC,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCN,WAAWN,KAAKW,MAAM,CAACC,SAAS,CAAC,EAAE;IAEvG,qBACI,qBAACC,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,iCAAoB,CAACC,eAAe;QAC3CC,IAAG;QACHC,WAAW1B,QAAQ2B,IAAI;OACnB5B;kBAEJ,cAAA,sBAAC6B,WAAK;YAACC,SAAQ;YAAKH,WAAW1B,QAAQ8B,OAAO;;8BAC1C,qBAACC,UAAI;oBAACV,IAAI;oBAACK,WAAW1B,QAAQgC,KAAK;8BAC9BhB;;8BAEL,sBAACiB,aAAO;oBAAC7B,QAAQA;oBAAQ8B,UAAU7B;oBAAc8B,YAAY;;sCACzD,qBAACF,aAAO,CAACG,MAAM;sCACX,cAAA,qBAACC,cAAM;gCAACC,SAAQ;gCAAUC,OAAM;gCAAOC,SAAS;2CAAMnC;;gCAAgBoC,IAAG;0CACrE,cAAA,qBAACC,kCAAgB;oCAACC,OAAO;oCAAIC,QAAQ;;;;sCAG7C,qBAACX,aAAO,CAACY,QAAQ;4BAACC,GAAG;sCACjB,cAAA,qBAACC,8CAA6B;gCAC1BC,cAAc1C,KAAKW,MAAM,CAACC,SAAS;gCACnCV,SAASA;gCACTG,UAAUA;gCACVjB,SAASA;gCACTC,oBAAoBA;;;;;;;;AAOhD"}

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.styles.d.ts

@@ -0,0 +1,11 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        wrapper: string;
+        label: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=TableDateRangePicker.styles.d.ts.map

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDateRangePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.styles.ts"],"names":[],"mappings":";;;;;;;;;AAEA,wBAII"}

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _core = require("@mantine/core");
+var _default = (0, _core.createStyles)(function(theme) {
+    return {
+        root: {},
+        wrapper: {},
+        label: {}
+    };
+});
+
+//# sourceMappingURL=TableDateRangePicker.styles.js.map

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {},\n    wrapper: {},\n    label: {},\n}));\n"],"names":["createStyles","theme","root","wrapper","label"],"mappings":";;;;+BAEA;;;eAAA;;;oBAF2B;IAE3B,WAAeA,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,SAAS,CAAC;QACVC,OAAO,CAAC;IACZ"}

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.types.d.ts

@@ -0,0 +1,20 @@
+import { DefaultProps, Selectors } from '@mantine/core';
+import { DateRangePickerInlineCalendarProps, DateRangePickerPreset } from '../../date-range-picker';
+import useStyles from './TableDateRangePicker.styles';
+type TableDateRangePickerStylesNames = Selectors<typeof useStyles>;
+export interface TableDateRangePickerProps extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'>, DefaultProps<TableDateRangePickerStylesNames> {
+    /**
+     * An object containing date presets.
+     * If empty the preset dropdown won't be shown
+     *
+     * @example
+     * {
+     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},
+     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}
+     * }
+     * @default {}
+     */
+    presets?: Record<string, DateRangePickerPreset>;
+}
+export {};
+//# sourceMappingURL=TableDateRangePicker.types.d.ts.map

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,kCAAkC,EAAE,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAClG,OAAO,SAAS,MAAM,+BAA+B,CAAC;AAEtD,KAAK,+BAA+B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,WAAW,yBACb,SAAQ,IAAI,CAAC,kCAAkC,EAAE,YAAY,GAAG,UAAU,GAAG,oBAAoB,CAAC,EAC9F,YAAY,CAAC,+BAA+B,CAAC;IACjD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD"}

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TableDateRangePicker.types.js.map

package/dist/cjs/components/table/table-date-range-picker/TableDateRangePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-date-range-picker/TableDateRangePicker.types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/table/table-filter/TableFilter.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TableFilterProps } from './TableFilter.types';
+export declare const TableFilter: FunctionComponent<TableFilterProps>;
+//# sourceMappingURL=TableFilter.d.ts.map

package/dist/cjs/components/table/table-filter/TableFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAMzF,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAsD3D,CAAC"}

package/dist/cjs/components/table/{TableFilter.js → table-filter/TableFilter.js}

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "TableFilter", {
         return TableFilter;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
@@ -17,19 +18,9 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _react = require("react");
 var _hooks = require("@mantine/hooks");
-var _Tablestyles = require("./Table.styles");
-var _TableContext = require("./TableContext");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {},
-        wrapper: {
-            marginBottom: "0 !important"
-        },
-        empty: {
-            color: theme.colors.gray[4]
-        }
-    };
-});
+var _Tablestyles = require("../Table.styles");
+var _TableContext = require("../TableContext");
+var _TableFilterstyles = /*#__PURE__*/ _interop_require_default._(require("./TableFilter.styles"));
 var TableFilter = function(_param) {
     var _param_placeholder = _param.placeholder, placeholder = _param_placeholder === void 0 ? "Search by any field" : _param_placeholder, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
         "placeholder",
@@ -37,7 +28,7 @@ var TableFilter = function(_param) {
         "styles",
         "unstyled"
     ]);
-    var classes = useStyles(null, {
+    var classes = (0, _TableFilterstyles.default)(null, {
         name: "TableFilter",
         classNames: classNames,
         styles: styles,

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {CrossSize16Px, SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, Grid, TextInput} from '@mantine/core';\nimport {ChangeEventHandler, FunctionComponent, MouseEventHandler, useState} from 'react';\n\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableFilter.styles';\nimport {TableFilterProps} from './TableFilter.types';\n\nexport const TableFilter: FunctionComponent<TableFilterProps> = ({\n    placeholder = 'Search by any field',\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableFilter', classNames, styles, unstyled});\n    const {state, setState} = useTable();\n    const [filter, setFilter] = useState(state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        setState((prevState) => ({\n            ...prevState,\n            pagination: prevState.pagination\n                ? {pageIndex: 0, pageSize: prevState.pagination.pageSize}\n                : prevState.pagination,\n            globalFilter: debounced,\n        }));\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Filter} py=\"sm\" className={classes.root}>\n            <TextInput\n                className={classes.wrapper}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                mb=\"md\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon onClick={handleClear}>\n                            <CrossSize16Px height={16} />\n                        </ActionIcon>\n                    ) : (\n                        <SearchSize16Px height={16} className={classes.empty} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n                {...others}\n            />\n        </Grid.Col>\n    );\n};\n"],"names":["TableFilter","placeholder","classNames","styles","unstyled","others","classes","useStyles","name","useTable","state","setState","useState","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","prevState","pagination","pageIndex","pageSize","handleChange","event","value","currentTarget","handleClear","Grid","Col","span","order","TableComponentsOrder","Filter","py","className","root","TextInput","wrapper","autoComplete","mb","rightSection","ActionIcon","onClick","CrossSize16Px","height","SearchSize16Px","empty","onChange"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;;;;gCAV+B;oBACF;qBACuC;qBAEnC;2BACX;4BACZ;0EACD;AAGf,IAAMA,cAAmD;oCAC5DC,aAAAA,8CAAc,4CACdC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,0BAAS,EAAC,MAAM;QAACC,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EE;IACP,IAA0BG,YAAAA,IAAAA,sBAAQ,KAA3BC,QAAmBD,UAAnBC,OAAOC,WAAYF,UAAZE;IACd,IAA4BC,+BAAAA,IAAAA,eAAQ,EAACF,MAAMG,YAAY,OAAhDC,SAAqBF,cAAbG,YAAaH;IAC5B,IAA4BI,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTR,SAAS,SAACS;mBAAe,4CAClBA;gBACHC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;gBAC1BR,cAAcI;;;QAElB,OAAOC;IACX,GAAG;QAACD;KAAU;IAEd,IAAMO,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPX,UAAUW;IACd;IAEA,IAAME,cAAoD;QACtDb,UAAU;IACd;IAEA,qBACI,qBAACc,UAAI,CAACC,GAAG;QAACC,MAAK;QAAUC,OAAOC,iCAAoB,CAACC,MAAM;QAAEC,IAAG;QAAKC,WAAW9B,QAAQ+B,IAAI;kBACxF,cAAA,qBAACC,eAAS;YACNF,WAAW9B,QAAQiC,OAAO;YAC1BtC,aAAaA;YACbuC,cAAa;YACbC,IAAG;YACHC,cACI5B,uBACI,qBAAC6B,gBAAU;gBAACC,SAAShB;0BACjB,cAAA,qBAACiB,+BAAa;oBAACC,QAAQ;;+BAG3B,qBAACC,gCAAc;gBAACD,QAAQ;gBAAIV,WAAW9B,QAAQ0C,KAAK;;YAG5DtB,OAAOZ;YACPmC,UAAUzB;WACNnB;;AAIpB"}

package/dist/cjs/components/table/table-filter/TableFilter.styles.d.ts

@@ -0,0 +1,11 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        wrapper: string;
+        empty: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=TableFilter.styles.d.ts.map

package/dist/cjs/components/table/table-filter/TableFilter.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-filter/TableFilter.styles.ts"],"names":[],"mappings":";;;;;;;;;AAEA,wBAQI"}

package/dist/cjs/components/table/table-filter/TableFilter.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _core = require("@mantine/core");
+var _default = (0, _core.createStyles)(function(theme) {
+    return {
+        root: {},
+        wrapper: {
+            marginBottom: "0 !important"
+        },
+        empty: {
+            color: theme.colors.gray[4]
+        }
+    };
+});
+
+//# sourceMappingURL=TableFilter.styles.js.map

package/dist/cjs/components/table/table-filter/TableFilter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {},\n    wrapper: {\n        marginBottom: '0 !important',\n    },\n    empty: {\n        color: theme.colors.gray[4],\n    },\n}));\n"],"names":["createStyles","theme","root","wrapper","marginBottom","empty","color","colors","gray"],"mappings":";;;;+BAEA;;;eAAA;;;oBAF2B;IAE3B,WAAeA,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,SAAS;YACLC,cAAc;QAClB;QACAC,OAAO;YACHC,OAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ"}

package/dist/cjs/components/table/table-filter/TableFilter.types.d.ts

@@ -0,0 +1,13 @@
+import { DefaultProps, Selectors } from '@mantine/core';
+import useStyles from './TableFilter.styles';
+type TableFilterStylesNames = Selectors<typeof useStyles>;
+export interface TableFilterProps extends DefaultProps<TableFilterStylesNames> {
+    /**
+     * The placeholder for the filter input
+     *
+     * @default "Search by any field"
+     */
+    placeholder?: string;
+}
+export {};
+//# sourceMappingURL=TableFilter.types.d.ts.map

package/dist/cjs/components/table/table-filter/TableFilter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-filter/TableFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,KAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAC1E;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/cjs/components/table/table-filter/TableFilter.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TableFilter.types.js.map

package/dist/cjs/components/table/table-filter/TableFilter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/table/table-footer/TableFooter.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TableFooterProps } from './TableFooter.types';
+export declare const TableFooter: FunctionComponent<TableFooterProps>;
+//# sourceMappingURL=TableFooter.d.ts.map

package/dist/cjs/components/table/table-footer/TableFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-footer/TableFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAI3D,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-footer/TableFooter.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {TableFooterProps} from './TableFooter.types';\n\nexport const TableFooter: FunctionComponent<TableFooterProps> = ({children, ...others}) => (\n    <Group position=\"apart\" px=\"xl\" py=\"md\" {...others}>\n        {children}\n    </Group>\n);\n"],"names":["TableFooter","children","others","Group","position","px","py"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;;;oBAJO;AAIb,IAAMA,cAAmD;QAAEC,kBAAAA,UAAaC;QAAbD;;WAC9D,qBAACE,WAAK;QAACC,UAAS;QAAQC,IAAG;QAAKC,IAAG;OAASJ;kBACvCD;;AACE"}

package/dist/cjs/components/table/table-footer/TableFooter.types.d.ts

@@ -0,0 +1,6 @@
+import { DefaultProps } from '@mantine/core';
+import { ReactNode } from 'react';
+export interface TableFooterProps extends DefaultProps {
+    children?: ReactNode;
+}
+//# sourceMappingURL=TableFooter.types.d.ts.map

package/dist/cjs/components/table/table-footer/TableFooter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-footer/TableFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/cjs/components/table/table-footer/TableFooter.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TableFooter.types.js.map

package/dist/cjs/components/table/table-footer/TableFooter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-footer/TableFooter.types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/table/table-header/TableHeader.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { TableHeaderProps } from './TableHeader.types';
+export declare const TableHeader: FunctionComponent<TableHeaderProps>;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/cjs/components/table/table-header/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA8C3D,CAAC"}

package/dist/cjs/components/table/{TableHeader.js → table-header/TableHeader.js}

@@ -8,29 +8,18 @@ Object.defineProperty(exports, "TableHeader", {
         return TableHeader;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _button = require("../button");
-var _Tablestyles = require("./Table.styles");
-var _TableContext = require("./TableContext");
-var _TableLayoutControl = require("./TableLayoutControl");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {
-            flexDirection: "row-reverse",
-            flexWrap: "wrap-reverse",
-            background: "repeating-linear-gradient(".concat(theme.colors.gray[1], ", ").concat(theme.colors.gray[1], " 68px, ").concat(theme.colors.gray[3], " 68px, ").concat(theme.colors.gray[3], " 69px)"),
-            borderBottom: "1px solid ".concat(theme.colors.gray[3])
-        },
-        multiSelectInfo: {
-            display: "flex"
-        }
-    };
-});
+var _button = require("../../button");
+var _TableLayoutControl = require("../layouts/TableLayoutControl");
+var _Tablestyles = require("../Table.styles");
+var _TableContext = require("../TableContext");
+var _TableHeaderstyles = /*#__PURE__*/ _interop_require_default._(require("./TableHeader.styles"));
 var TableHeader = function(_param) {
     var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties._(_param, [
         "classNames",
@@ -39,7 +28,7 @@ var TableHeader = function(_param) {
         "children"
     ]);
     var _useTable = (0, _TableContext.useTable)(), getSelectedRows = _useTable.getSelectedRows, multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, clearSelection = _useTable.clearSelection, disableRowSelection = _useTable.disableRowSelection;
-    var classes = useStyles(null, {
+    var classes = (0, _TableHeaderstyles.default)(null, {
         name: "TableHeader",
         classNames: classNames,
         styles: styles,

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.tsx"],"sourcesContent":["import {CrossSize16Px} from '@coveord/plasma-react-icons';\nimport {Grid, Tooltip} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {Button} from '../../button';\nimport {TableLayoutControl} from '../layouts/TableLayoutControl';\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableHeader.styles';\nimport {TableHeaderProps} from './TableHeader.types';\n\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {getSelectedRows, multiRowSelectionEnabled, clearSelection, disableRowSelection} = useTable();\n    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n    const selectedRows = getSelectedRows();\n\n    return (\n        <Grid\n            justify=\"flex-start\"\n            align=\"center\"\n            gutter=\"sm\"\n            p={0}\n            pl=\"md\"\n            pr=\"lg\"\n            m={0}\n            className={classes.root}\n            {...others}\n        >\n            {multiRowSelectionEnabled && selectedRows.length > 0 ? (\n                <Grid.Col\n                    span=\"auto\"\n                    py=\"sm\"\n                    className={classes.multiSelectInfo}\n                    order={TableComponentsOrder.MultiSelectInfo}\n                >\n                    <Tooltip label=\"Unselect all\">\n                        <Button\n                            onClick={clearSelection}\n                            variant=\"subtle\"\n                            disabled={disableRowSelection}\n                            leftIcon={<CrossSize16Px height={16} />}\n                        >\n                            {selectedRows.length} selected\n                        </Button>\n                    </Tooltip>\n                </Grid.Col>\n            ) : null}\n            {children}\n            <TableLayoutControl />\n        </Grid>\n    );\n};\n"],"names":["TableHeader","classNames","styles","unstyled","children","others","useTable","getSelectedRows","multiRowSelectionEnabled","clearSelection","disableRowSelection","classes","useStyles","name","selectedRows","Grid","justify","align","gutter","p","pl","pr","m","className","root","length","Col","span","py","multiSelectInfo","order","TableComponentsOrder","MultiSelectInfo","Tooltip","label","Button","onClick","variant","disabled","leftIcon","CrossSize16Px","height","TableLayoutControl"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;;;gCAXe;oBACA;sBAGP;kCACY;2BACE;4BACZ;0EACD;AAGf,IAAMA,cAAmD;QAC5DC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAyFE,YAAAA,IAAAA,sBAAQ,KAA1FC,kBAAkFD,UAAlFC,iBAAiBC,2BAAiEF,UAAjEE,0BAA0BC,iBAAuCH,UAAvCG,gBAAgBC,sBAAuBJ,UAAvBI;IAClE,IAAM,AAACC,UAAWC,IAAAA,0BAAS,EAAC,MAAM;QAACC,MAAM;QAAeZ,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EQ;IACP,IAAMG,eAAeP;IAErB,qBACI,sBAACQ,UAAI;QACDC,SAAQ;QACRC,OAAM;QACNC,QAAO;QACPC,GAAG;QACHC,IAAG;QACHC,IAAG;QACHC,GAAG;QACHC,WAAWZ,QAAQa,IAAI;OACnBnB;;YAEHG,4BAA4BM,aAAaW,MAAM,GAAG,kBAC/C,qBAACV,UAAI,CAACW,GAAG;gBACLC,MAAK;gBACLC,IAAG;gBACHL,WAAWZ,QAAQkB,eAAe;gBAClCC,OAAOC,iCAAoB,CAACC,eAAe;0BAE3C,cAAA,qBAACC,aAAO;oBAACC,OAAM;8BACX,cAAA,sBAACC,cAAM;wBACHC,SAAS3B;wBACT4B,SAAQ;wBACRC,UAAU5B;wBACV6B,wBAAU,qBAACC,+BAAa;4BAACC,QAAQ;;;4BAEhC3B,aAAaW,MAAM;4BAAC;;;;iBAIjC;YACHrB;0BACD,qBAACsC,sCAAkB;;;AAG/B"}

package/dist/cjs/components/table/table-header/TableHeader.styles.d.ts

@@ -0,0 +1,10 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        multiSelectInfo: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;
+//# sourceMappingURL=TableHeader.styles.d.ts.map

package/dist/cjs/components/table/table-header/TableHeader.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/TableHeader.styles.ts"],"names":[],"mappings":";;;;;;;;AAEA,wBAUI"}

package/dist/cjs/components/table/table-header/TableHeader.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _core = require("@mantine/core");
+var _default = (0, _core.createStyles)(function(theme) {
+    return {
+        root: {
+            flexDirection: "row-reverse",
+            flexWrap: "wrap-reverse",
+            background: "repeating-linear-gradient(".concat(theme.colors.gray[1], ", ").concat(theme.colors.gray[1], " 68px, ").concat(theme.colors.gray[3], " 68px, ").concat(theme.colors.gray[3], " 69px)"),
+            borderBottom: "1px solid ".concat(theme.colors.gray[3])
+        },
+        multiSelectInfo: {
+            display: "flex"
+        }
+    };
+});
+
+//# sourceMappingURL=TableHeader.styles.js.map

package/dist/cjs/components/table/table-header/TableHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {\n        flexDirection: 'row-reverse',\n        flexWrap: 'wrap-reverse',\n        background: `repeating-linear-gradient(${theme.colors.gray[1]}, ${theme.colors.gray[1]} 68px, ${theme.colors.gray[3]} 68px, ${theme.colors.gray[3]} 69px)`,\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n    },\n    multiSelectInfo: {\n        display: 'flex',\n    },\n}));\n"],"names":["createStyles","theme","root","flexDirection","flexWrap","background","colors","gray","borderBottom","multiSelectInfo","display"],"mappings":";;;;+BAEA;;;eAAA;;;oBAF2B;IAE3B,WAAeA,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACpCC,MAAM;YACFC,eAAe;YACfC,UAAU;YACVC,YAAY,AAAC,6BAAqDJ,OAAzBA,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC,MAAkCN,OAA9BA,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC,WAAuCN,OAA9BA,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC,WAA8B,OAArBN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE,EAAC;YACnJC,cAAc,AAAC,aAAiC,OAArBP,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;QACAE,iBAAiB;YACbC,SAAS;QACb;IACJ"}

package/dist/cjs/components/table/table-header/TableHeader.types.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps, Selectors } from '@mantine/core';
+import { ReactNode } from 'react';
+import useStyles from './TableHeader.styles';
+type TableHeaderStylesNames = Selectors<typeof useStyles>;
+export interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
+    children?: ReactNode;
+}
+export {};
+//# sourceMappingURL=TableHeader.types.d.ts.map

package/dist/cjs/components/table/table-header/TableHeader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/TableHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,KAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAE1E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/dist/cjs/components/table/table-header/TableHeader.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=TableHeader.types.js.map

package/dist/cjs/components/table/table-header/TableHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.types.ts"],"names":[],"mappings":""}

package/dist/cjs/components/table/table-header/Th.d.ts

@@ -0,0 +1,3 @@
+import { ThProps } from './Th.types';
+export declare const Th: <T>({ header }: ThProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Th.d.ts.map

package/dist/cjs/components/table/table-header/Th.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-header/Th.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAcnC,eAAO,MAAM,EAAE,wEA0Cd,CAAC"}

package/dist/cjs/components/table/{Th.js → table-header/Th.js}

@@ -8,39 +8,14 @@ Object.defineProperty(exports, "Th", {
         return Th;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 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 _columnSizing_size;
-var useStyles = (0, _core.createStyles)(function(theme, columnSizing) {
-    return {
-        th: {
-            fontWeight: "400 !important",
-            padding: "0 !important",
-            verticalAlign: "middle",
-            whiteSpace: "nowrap",
-            textAlign: "left",
-            color: theme.colors.gray[6],
-            backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[8] : theme.colors.gray[0],
-            width: (_columnSizing_size = columnSizing.size) !== null && _columnSizing_size !== void 0 ? _columnSizing_size : "auto",
-            minWidth: columnSizing.minSize,
-            maxWidth: columnSizing.maxSize
-        },
-        control: {
-            color: "inherit",
-            whiteSpace: "inherit",
-            fontWeight: "inherit",
-            width: "100%",
-            padding: "".concat(theme.spacing.xs, " ").concat(theme.spacing.sm),
-            "&:hover": {
-                backgroundColor: theme.colorScheme === "dark" ? theme.colors.gray[7] : theme.colors.gray[1]
-            }
-        }
-    };
-});
+var _Thstyles = /*#__PURE__*/ _interop_require_default._(require("./Th.styles"));
 var SortingIcons = {
     asc: _plasmareacticons.ArrowUpSize16Px,
     desc: _plasmareacticons.ArrowDownSize16Px,
@@ -58,7 +33,7 @@ var Th = function(param) {
         minSize: header.column.columnDef.minSize,
         maxSize: header.column.columnDef.maxSize
     });
-    var classes = useStyles(columnSizing).classes;
+    var classes = (0, _Thstyles.default)(columnSizing).classes;
     if (header.isPlaceholder) {
         return null;
     }