@coveord/plasma-mantine 52.16.2 → 52.17.0

package/dist/esm/components/table/layouts/TableLayoutControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n    const {form, layouts} = useTable();\n    return layouts.length > 1 ? (\n        <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n            <SegmentedControl\n                color=\"action\"\n                data={layouts.map(({name, icon: Icon}) => ({\n                    value: name,\n                    label: (\n                        <Center>\n                            {Icon ? (\n                                <>\n                                    <Icon height={16} />\n                                    <Space w=\"xs\" />\n                                </>\n                            ) : null}\n                            <Box>{name}</Box>\n                        </Center>\n                    ),\n                }))}\n                {...form.getInputProps('layout')}\n            />\n        </Grid.Col>\n    ) : null;\n};\n"],"names":["Box","Center","Grid","SegmentedControl","Space","TableComponentsOrder","useTable","TableLayoutControl","form","layouts","length","Col","order","LayoutControl","span","color","data","map","name","icon","Icon","value","label","height","w","getInputProps"],"mappings":";;AAAA,SAAQA,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,KAAK,QAAO,gBAAgB;AACzE,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AAEzC,OAAO,IAAMC,qBAAqB;IAC9B,IAAwBD,YAAAA,YAAjBE,OAAiBF,UAAjBE,MAAMC,UAAWH,UAAXG;IACb,OAAOA,QAAQC,MAAM,GAAG,kBACpB,KAACR,KAAKS,GAAG;QAACC,OAAOP,qBAAqBQ,aAAa;QAAEC,MAAK;kBACtD,cAAA,KAACX;YACGY,OAAM;YACNC,MAAMP,QAAQQ,GAAG,CAAC;oBAAEC,aAAAA,MAAMC,AAAMC,aAAND;uBAAiB;oBACvCE,OAAOH;oBACPI,qBACI,MAACrB;;4BACImB,qBACG;;kDACI,KAACA;wCAAKG,QAAQ;;kDACd,KAACnB;wCAAMoB,GAAE;;;iCAEb;0CACJ,KAACxB;0CAAKkB;;;;gBAGlB;;WACIV,KAAKiB,aAAa,CAAC;SAG/B;AACR,EAAE"}

package/dist/esm/components/table/table-actions/TableActions.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { TableActionsProps } from './TableActions.types';
+export declare const TableActions: <T>({ children, classNames, styles, unstyled, ...others }: TableActionsProps<T>) => ReactElement;
+//# sourceMappingURL=TableActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAY,MAAM,OAAO,CAAC;AAK9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,sFAMC,YAkBzB,CAAC"}

package/dist/esm/components/table/{TableActions.js → table-actions/TableActions.js}

@@ -2,17 +2,10 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createStyles, Grid, Group } from "@mantine/core";
-import { TableComponentsOrder } from "./Table.styles";
-import { useTable } from "./TableContext";
-var useStyles = createStyles(function(theme) {
-    return {
-        root: {},
-        wrapper: {
-            display: "inline-flex"
-        }
-    };
-});
+import { Grid, Group } from "@mantine/core";
+import { TableComponentsOrder } from "../Table.styles";
+import { useTable } from "../TableContext";
+import useStyles from "./TableActions.styles";
 export var TableActions = function(_param) {
     var children = _param.children, classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties(_param, [
         "children",

package/dist/esm/components/table/table-actions/TableActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.tsx"],"sourcesContent":["import {Grid, Group} from '@mantine/core';\nimport {ReactElement, ReactNode} from 'react';\n\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TableActions.styles';\nimport {TableActionsProps} from './TableActions.types';\n\nexport const TableActions = <T,>({\n    children,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}: TableActionsProps<T>): ReactElement => {\n    const {classes} = useStyles(null, {name: 'TableActions', classNames, styles, unstyled});\n    const {getSelectedRows, multiRowSelectionEnabled} = useTable<T>();\n    const selectedRows = getSelectedRows();\n\n    if (selectedRows.length <= 0) {\n        return null;\n    }\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Actions} py=\"sm\" className={classes.root} {...others}>\n            <Group spacing=\"xs\" className={classes.wrapper}>\n                {multiRowSelectionEnabled\n                    ? (children as (data: T[]) => ReactNode)(selectedRows)\n                    : (children as (datum: T) => ReactNode)(selectedRows[0])}\n            </Group>\n        </Grid.Col>\n    );\n};\n"],"names":["Grid","Group","TableComponentsOrder","useTable","useStyles","TableActions","children","classNames","styles","unstyled","others","classes","name","getSelectedRows","multiRowSelectionEnabled","selectedRows","length","Col","span","order","Actions","py","className","root","spacing","wrapper"],"mappings":";;;;AAAA,SAAQA,IAAI,EAAEC,KAAK,QAAO,gBAAgB;AAG1C,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,wBAAwB;AAG9C,OAAO,IAAMC,eAAe;QACxBC,kBAAAA,UACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWP,UAAU,MAAM;QAACQ,MAAM;QAAgBL,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA9EE;IACP,IAAoDR,YAAAA,YAA7CU,kBAA6CV,UAA7CU,iBAAiBC,2BAA4BX,UAA5BW;IACxB,IAAMC,eAAeF;IAErB,IAAIE,aAAaC,MAAM,IAAI,GAAG;QAC1B,OAAO;IACX;IAEA,qBACI,KAAChB,KAAKiB,GAAG;QAACC,MAAK;QAAUC,OAAOjB,qBAAqBkB,OAAO;QAAEC,IAAG;QAAKC,WAAWX,QAAQY,IAAI;OAAMb;kBAC/F,cAAA,KAACT;YAAMuB,SAAQ;YAAKF,WAAWX,QAAQc,OAAO;sBACzCX,2BACK,AAACR,SAAsCS,gBACvC,AAACT,SAAqCS,YAAY,CAAC,EAAE;;;AAI3E,EAAE"}

package/dist/esm/components/table/table-actions/TableActions.styles.d.ts

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

package/dist/esm/components/table/table-actions/TableActions.styles.d.ts.map

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

package/dist/esm/components/table/table-actions/TableActions.styles.js

@@ -0,0 +1,11 @@
+import { createStyles } from "@mantine/core";
+export default createStyles(function(theme) {
+    return {
+        root: {},
+        wrapper: {
+            display: "inline-flex"
+        }
+    };
+});
+
+//# sourceMappingURL=TableActions.styles.js.map

package/dist/esm/components/table/table-actions/TableActions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {},\n    wrapper: {\n        display: 'inline-flex',\n    },\n}));\n"],"names":["createStyles","theme","root","wrapper","display"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,SAAS;YACLC,SAAS;QACb;IACJ;GAAI"}

package/dist/esm/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/esm/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/esm/components/table/table-actions/TableActions.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=TableActions.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActions.types.ts"],"sourcesContent":["import {DefaultProps, Selectors} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport useStyles from './TableActions.styles';\n\ntype TableActionsStylesNames = Selectors<typeof useStyles>;\n\nexport interface TableActionsProps<T> extends DefaultProps<TableActionsStylesNames> {\n    /**\n     * Function that return components for the selected row or selected rows when multi row selection is enabled\n     *\n     * @param datum the data of the selected row(s)\n     * @example\n     * <Table.Actions<MyType>>\n     *     {(datum: MyType) => (\n     *         <Button\n     *             component={Link}\n     *             to={`edit/${datum.id}`}\n     *             leftIcon={<EditSize24Px />}\n     *             variant=\"subtle\"\n     *             color=\"navyBlue.8\"\n     *         >\n     *             Edit\n     *         </Button>\n     *     )}\n     * </Table.Actions>\n     */\n    children: ((datum: T) => ReactNode) | ((data: T[]) => ReactNode);\n}\n"],"names":[],"mappings":"AAAA,WA2BC"}

package/dist/esm/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/esm/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":["ArrowHeadDownSize24Px","ArrowHeadUpSize24Px","ActionIcon","defaultProps","id","enableSorting","header","size","TableCollapsibleColumn","cell","info","CollapsibleIcon","TableAccordionColumn","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","variant","radius"],"mappings":";;;AAAA,SAAQA,qBAAqB,EAAEC,mBAAmB,QAAO,8BAA8B;AACvF,SAAQC,UAAU,QAAO,gBAAgB;AAIzC,IAAMC,eAAmC;IACrCC,IAAI;IACJC,eAAe;IACfC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,IAAMC,yBAA6C,wCACnDL;IACHM,MAAM,SAACC;6BAAS,KAACC;YAAgBD,MAAMA;;;GACzC;AAEF;;CAEC,GACD,OAAO,IAAME,uBAA2C,wCACjDT;IACHM,MAAM,SAACC;QACH,IAAMG,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACH,KAAKI,GAAG,CAACC,aAAa,IAAI;gBAC3BL,KAAKM,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,KAACN;YAAgBE,UAAUA;YAAUH,MAAMA;;IACtD;GACF;AAEF,IAAMC,kBAGD;QAAED,aAAAA,MAAMG,iBAAAA;IACT,IAAMK,UAAUR,KAAKI,GAAG,CAACK,wBAAwB;IACjD,IAAMC,UAAU,SAACC;YAEbR;QADAQ,EAAEC,eAAe;SACjBT,YAAAA,sBAAAA,gCAAAA,UAAWQ;QACXH;IACJ;IACA,OAAOR,KAAKI,GAAG,CAACS,YAAY,mBACxB,KAACrB;QAAWkB,SAASA;QAASI,SAAQ;QAASC,QAAO;kBACjDf,KAAKI,GAAG,CAACC,aAAa,mBAAK,KAACd,yCAAyB,KAACD;SAE3D;AACR"}

package/dist/esm/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/esm/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":["Checkbox","Tooltip","TableSelectableColumn","id","enableSorting","header","table","label","getIsAllRowsSelected","checked","getIsAllPageRowsSelected","indeterminate","getIsSomePageRowsSelected","onChange","getToggleAllPageRowsSelectedHandler","sx","display","aria-label","cell","row","getIsSelected","getIsSomeSelected","getToggleSelectedHandler"],"mappings":";AAAA,SAAQA,QAAQ,EAAEC,OAAO,QAAO,gBAAgB;AAGhD;;CAEC,GACD,OAAO,IAAMC,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,QAAQ;YAAEC,cAAAA;QACN,IAAMC,QAAQD,MAAME,oBAAoB,KAAK,gCAAgC;QAC7E,qBACI,KAACP;YAAQM,OAAOA;sBACZ,cAAA,KAACP;gBACGS,SAASH,MAAMI,wBAAwB;gBACvCC,eAAeL,MAAMM,yBAAyB;gBAC9CC,UAAUP,MAAMQ,mCAAmC;gBACnDC,IAAI;oBAACC,SAAS;gBAAM;gBACpBC,cAAYV;;;IAI5B;IACAW,MAAM;YAAEC,YAAAA;6BACJ,KAACnB;YACGS,SAASU,IAAIC,aAAa;YAC1BT,eAAeQ,IAAIE,iBAAiB;YACpCR,UAAUM,IAAIG,wBAAwB;YACtCP,IAAI;gBAACC,SAAS;YAAM;YACpBC,cAAW;;;AAGvB,EAAE"}

package/dist/esm/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/esm/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":";AAEA,OAAO,IAAMA,gBAA0D;QAAEC,iBAAAA;yBAAc;kBAAGA;;EAAa"}

package/dist/esm/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/esm/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/esm/components/table/{TableDateRangePicker.js → table-date-range-picker/TableDateRangePicker.js}

@@ -4,20 +4,14 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CalendarSize24Px } from "@coveord/plasma-react-icons";
-import { createStyles, Grid, Group, Popover, Text } from "@mantine/core";
+import { Grid, Group, Popover, Text } from "@mantine/core";
 import { useToggle } from "@mantine/hooks";
 import dayjs from "dayjs";
-import { Button } from "../button";
-import { DateRangePickerInlineCalendar } from "../date-range-picker";
-import { TableComponentsOrder } from "./Table.styles";
-import { useTable } from "./TableContext";
-var useStyles = createStyles(function(theme) {
-    return {
-        root: {},
-        wrapper: {},
-        label: {}
-    };
-});
+import { Button } from "../../button";
+import { DateRangePickerInlineCalendar } from "../../date-range-picker";
+import { TableComponentsOrder } from "../Table.styles";
+import { useTable } from "../TableContext";
+import useStyles from "./TableDateRangePicker.styles";
 export 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",

package/dist/esm/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":["CalendarSize24Px","Grid","Group","Popover","Text","useToggle","dayjs","Button","DateRangePickerInlineCalendar","TableComponentsOrder","useTable","useStyles","TableDateRangePicker","presets","rangeCalendarProps","classNames","styles","unstyled","others","classes","name","opened","toggleOpened","form","onApply","dates","setFieldValue","onCancel","formatDate","date","format","formattedRange","values","dateRange","Col","span","order","DateRangePicker","py","className","root","spacing","wrapper","label","onChange","withinPortal","Target","variant","color","onClick","px","width","height","Dropdown","p","initialRange"],"mappings":";;;;;AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAQC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,QAAO,gBAAgB;AACzD,SAAQC,SAAS,QAAO,iBAAiB;AACzC,OAAOC,WAAW,QAAQ;AAG1B,SAAQC,MAAM,QAAO,eAAe;AACpC,SAAQC,6BAA6B,QAA6B,0BAA0B;AAC5F,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,gCAAgC;AAGtD,OAAO,IAAMC,uBAAqE;gCAC9EC,SAAAA,sCAAU,CAAC,oBACXC,4BAAAA,oBACAC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWR,UAAU,MAAM;QAACS,MAAM;QAAwBL,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAAtFE;IACP,IAA+Bd,8BAAAA,iBAAxBgB,SAAwBhB,eAAhBiB,eAAgBjB;IAC/B,IAAM,AAACkB,OAAQb,WAARa;IAEP,IAAMC,UAAU,SAACC;QACbF,KAAKG,aAAa,CAAC,aAAaD;QAChCH,aAAa;IACjB;IACA,IAAMK,WAAW;QACbL,aAAa;IACjB;IAEA,IAAMM,aAAa,SAACC;eAAevB,MAAMuB,MAAMC,MAAM,CAAC;;IACtD,IAAMC,iBAAiB,AAAC,GAA4CH,OAA1CA,WAAWL,KAAKS,MAAM,CAACC,SAAS,CAAC,EAAE,GAAE,OAA0C,OAArCL,WAAWL,KAAKS,MAAM,CAACC,SAAS,CAAC,EAAE;IAEvG,qBACI,KAAChC,KAAKiC,GAAG;QACLC,MAAK;QACLC,OAAO3B,qBAAqB4B,eAAe;QAC3CC,IAAG;QACHC,WAAWpB,QAAQqB,IAAI;OACnBtB;kBAEJ,cAAA,MAAChB;YAAMuC,SAAQ;YAAKF,WAAWpB,QAAQuB,OAAO;;8BAC1C,KAACtC;oBAAK+B,IAAI;oBAACI,WAAWpB,QAAQwB,KAAK;8BAC9BZ;;8BAEL,MAAC5B;oBAAQkB,QAAQA;oBAAQuB,UAAUtB;oBAAcuB,YAAY;;sCACzD,KAAC1C,QAAQ2C,MAAM;sCACX,cAAA,KAACvC;gCAAOwC,SAAQ;gCAAUC,OAAM;gCAAOC,SAAS;2CAAM3B;;gCAAgB4B,IAAG;0CACrE,cAAA,KAAClD;oCAAiBmD,OAAO;oCAAIC,QAAQ;;;;sCAG7C,KAACjD,QAAQkD,QAAQ;4BAACC,GAAG;sCACjB,cAAA,KAAC9C;gCACG+C,cAAchC,KAAKS,MAAM,CAACC,SAAS;gCACnCT,SAASA;gCACTG,UAAUA;gCACVd,SAASA;gCACTC,oBAAoBA;;;;;;;;AAOhD,EAAE"}

package/dist/esm/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/esm/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/esm/components/table/table-date-range-picker/TableDateRangePicker.styles.js

@@ -0,0 +1,10 @@
+import { createStyles } from "@mantine/core";
+export default createStyles(function(theme) {
+    return {
+        root: {},
+        wrapper: {},
+        label: {}
+    };
+});
+
+//# sourceMappingURL=TableDateRangePicker.styles.js.map

package/dist/esm/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":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,SAAS,CAAC;QACVC,OAAO,CAAC;IACZ;GAAI"}

package/dist/esm/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/esm/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/esm/components/table/table-date-range-picker/TableDateRangePicker.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=TableDateRangePicker.types.js.map

package/dist/esm/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"],"sourcesContent":["import {DefaultProps, Selectors} from '@mantine/core';\nimport {DateRangePickerInlineCalendarProps, DateRangePickerPreset} from '../../date-range-picker';\nimport useStyles from './TableDateRangePicker.styles';\n\ntype TableDateRangePickerStylesNames = Selectors<typeof useStyles>;\n\nexport interface TableDateRangePickerProps\n    extends Pick<DateRangePickerInlineCalendarProps, 'startProps' | 'endProps' | 'rangeCalendarProps'>,\n        DefaultProps<TableDateRangePickerStylesNames> {\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"],"names":[],"mappings":"AAAA,WAqBC"}

package/dist/esm/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/esm/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/esm/components/table/{TableFilter.js → table-filter/TableFilter.js}

@@ -4,22 +4,12 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CrossSize16Px, SearchSize16Px } from "@coveord/plasma-react-icons";
-import { ActionIcon, Grid, TextInput, createStyles } from "@mantine/core";
+import { ActionIcon, Grid, TextInput } from "@mantine/core";
 import { useState } from "react";
 import { useDebouncedValue, useDidUpdate } from "@mantine/hooks";
-import { TableComponentsOrder } from "./Table.styles";
-import { useTable } from "./TableContext";
-var useStyles = createStyles(function(theme) {
-    return {
-        root: {},
-        wrapper: {
-            marginBottom: "0 !important"
-        },
-        empty: {
-            color: theme.colors.gray[4]
-        }
-    };
-});
+import { TableComponentsOrder } from "../Table.styles";
+import { useTable } from "../TableContext";
+import useStyles from "./TableFilter.styles";
 export 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",

package/dist/esm/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":["CrossSize16Px","SearchSize16Px","ActionIcon","Grid","TextInput","useState","useDebouncedValue","useDidUpdate","TableComponentsOrder","useTable","useStyles","TableFilter","placeholder","classNames","styles","unstyled","others","classes","name","state","setState","globalFilter","filter","setFilter","debounced","cancel","prevState","pagination","pageIndex","pageSize","handleChange","event","value","currentTarget","handleClear","Col","span","order","Filter","py","className","root","wrapper","autoComplete","mb","rightSection","onClick","height","empty","onChange"],"mappings":";;;;;AAAA,SAAQA,aAAa,EAAEC,cAAc,QAAO,8BAA8B;AAC1E,SAAQC,UAAU,EAAEC,IAAI,EAAEC,SAAS,QAAO,gBAAgB;AAC1D,SAAkEC,QAAQ,QAAO,QAAQ;AAEzF,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,iBAAiB;AAC/D,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,uBAAuB;AAG7C,OAAO,IAAMC,cAAmD;oCAC5DC,aAAAA,8CAAc,4CACdC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWP,UAAU,MAAM;QAACQ,MAAM;QAAeL,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EE;IACP,IAA0BR,YAAAA,YAAnBU,QAAmBV,UAAnBU,OAAOC,WAAYX,UAAZW;IACd,IAA4Bf,6BAAAA,SAASc,MAAME,YAAY,OAAhDC,SAAqBjB,cAAbkB,YAAalB;IAC5B,IAA4BC,sCAAAA,kBAAkBgB,QAAQ,UAA/CE,YAAqBlB,uBAAVmB,SAAUnB;IAE5BC,aAAa;QACTa,SAAS,SAACM;mBAAe,wCAClBA;gBACHC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;gBAC1BN,cAAcG;;;QAElB,OAAOC;IACX,GAAG;QAACD;KAAU;IAEd,IAAMM,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPT,UAAUS;IACd;IAEA,IAAME,cAAoD;QACtDX,UAAU;IACd;IAEA,qBACI,KAACpB,KAAKgC,GAAG;QAACC,MAAK;QAAUC,OAAO7B,qBAAqB8B,MAAM;QAAEC,IAAG;QAAKC,WAAWvB,QAAQwB,IAAI;kBACxF,cAAA,KAACrC;YACGoC,WAAWvB,QAAQyB,OAAO;YAC1B9B,aAAaA;YACb+B,cAAa;YACbC,IAAG;YACHC,cACIvB,uBACI,KAACpB;gBAAW4C,SAASZ;0BACjB,cAAA,KAAClC;oBAAc+C,QAAQ;;+BAG3B,KAAC9C;gBAAe8C,QAAQ;gBAAIP,WAAWvB,QAAQ+B,KAAK;;YAG5DhB,OAAOV;YACP2B,UAAUnB;WACNd;;AAIpB,EAAE"}

package/dist/esm/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/esm/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/esm/components/table/table-filter/TableFilter.styles.js

@@ -0,0 +1,14 @@
+import { createStyles } from "@mantine/core";
+export default createStyles(function(theme) {
+    return {
+        root: {},
+        wrapper: {
+            marginBottom: "0 !important"
+        },
+        empty: {
+            color: theme.colors.gray[4]
+        }
+    };
+});
+
+//# sourceMappingURL=TableFilter.styles.js.map

package/dist/esm/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":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM,CAAC;QACPC,SAAS;YACLC,cAAc;QAClB;QACAC,OAAO;YACHC,OAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ;GAAI"}

package/dist/esm/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/esm/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/esm/components/table/table-filter/TableFilter.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=TableFilter.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.types.ts"],"sourcesContent":["import {DefaultProps, Selectors} from '@mantine/core';\nimport useStyles from './TableFilter.styles';\n\ntype TableFilterStylesNames = Selectors<typeof useStyles>;\n\nexport interface TableFilterProps extends DefaultProps<TableFilterStylesNames> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n"],"names":[],"mappings":"AAAA,WAYC"}

package/dist/esm/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/esm/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/esm/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":["Group","TableFooter","children","others","position","px","py"],"mappings":";;;;AAAA,SAAQA,KAAK,QAAO,gBAAgB;AAIpC,OAAO,IAAMC,cAAmD;QAAEC,kBAAAA,UAAaC;QAAbD;;WAC9D,KAACF;QAAMI,UAAS;QAAQC,IAAG;QAAKC,IAAG;OAASH;kBACvCD;;AACE,EACT"}

package/dist/esm/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/esm/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/esm/components/table/table-footer/TableFooter.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=TableFooter.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-footer/TableFooter.types.ts"],"sourcesContent":["import {DefaultProps} from '@mantine/core';\nimport {ReactNode} from 'react';\n\nexport interface TableFooterProps extends DefaultProps {\n    children?: ReactNode;\n}\n"],"names":[],"mappings":"AAAA,WAKC"}

package/dist/esm/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/esm/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/esm/components/table/{TableHeader.js → table-header/TableHeader.js}

@@ -3,24 +3,12 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CrossSize16Px } from "@coveord/plasma-react-icons";
-import { createStyles, Grid, Tooltip } from "@mantine/core";
-import { Button } from "../button";
-import { TableComponentsOrder } from "./Table.styles";
-import { useTable } from "./TableContext";
-import { TableLayoutControl } from "./TableLayoutControl";
-var useStyles = 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"
-        }
-    };
-});
+import { Grid, Tooltip } from "@mantine/core";
+import { Button } from "../../button";
+import { TableLayoutControl } from "../layouts/TableLayoutControl";
+import { TableComponentsOrder } from "../Table.styles";
+import { useTable } from "../TableContext";
+import useStyles from "./TableHeader.styles";
 export var TableHeader = function(_param) {
     var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties(_param, [
         "classNames",

package/dist/esm/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":["CrossSize16Px","Grid","Tooltip","Button","TableLayoutControl","TableComponentsOrder","useTable","useStyles","TableHeader","classNames","styles","unstyled","children","others","getSelectedRows","multiRowSelectionEnabled","clearSelection","disableRowSelection","classes","name","selectedRows","justify","align","gutter","p","pl","pr","m","className","root","length","Col","span","py","multiSelectInfo","order","MultiSelectInfo","label","onClick","variant","disabled","leftIcon","height"],"mappings":";;;;AAAA,SAAQA,aAAa,QAAO,8BAA8B;AAC1D,SAAQC,IAAI,EAAEC,OAAO,QAAO,gBAAgB;AAG5C,SAAQC,MAAM,QAAO,eAAe;AACpC,SAAQC,kBAAkB,QAAO,gCAAgC;AACjE,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,uBAAuB;AAG7C,OAAO,IAAMC,cAAmD;QAC5DC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAyFN,YAAAA,YAAlFQ,kBAAkFR,UAAlFQ,iBAAiBC,2BAAiET,UAAjES,0BAA0BC,iBAAuCV,UAAvCU,gBAAgBC,sBAAuBX,UAAvBW;IAClE,IAAM,AAACC,UAAWX,UAAU,MAAM;QAACY,MAAM;QAAeV,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EO;IACP,IAAME,eAAeN;IAErB,qBACI,MAACb;QACGoB,SAAQ;QACRC,OAAM;QACNC,QAAO;QACPC,GAAG;QACHC,IAAG;QACHC,IAAG;QACHC,GAAG;QACHC,WAAWV,QAAQW,IAAI;OACnBhB;;YAEHE,4BAA4BK,aAAaU,MAAM,GAAG,kBAC/C,KAAC7B,KAAK8B,GAAG;gBACLC,MAAK;gBACLC,IAAG;gBACHL,WAAWV,QAAQgB,eAAe;gBAClCC,OAAO9B,qBAAqB+B,eAAe;0BAE3C,cAAA,KAAClC;oBAAQmC,OAAM;8BACX,cAAA,MAAClC;wBACGmC,SAAStB;wBACTuB,SAAQ;wBACRC,UAAUvB;wBACVwB,wBAAU,KAACzC;4BAAc0C,QAAQ;;;4BAEhCtB,aAAaU,MAAM;4BAAC;;;;iBAIjC;YACHlB;0BACD,KAACR;;;AAGb,EAAE"}

package/dist/esm/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/esm/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/esm/components/table/table-header/TableHeader.styles.js

@@ -0,0 +1,16 @@
+import { createStyles } from "@mantine/core";
+export default 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/esm/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":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,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;GAAI"}

package/dist/esm/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/esm/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/esm/components/table/table-header/TableHeader.types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=TableHeader.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/table/table-header/TableHeader.types.ts"],"sourcesContent":["import {DefaultProps, Selectors} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport useStyles from './TableHeader.styles';\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n}\n"],"names":[],"mappings":"AAAA,WASC"}

package/dist/esm/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/esm/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"}