@coveord/plasma-mantine 52.26.2 → 52.26.4

package/dist/esm/components/table/table-column/TableCollapsibleColumn.js

@@ -1,28 +1,26 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowHeadDownSize24Px, ArrowHeadUpSize24Px } from "@coveord/plasma-react-icons";
-import { ActionIcon } from "@mantine/core";
-var defaultProps = {
-    id: "collapsible",
+import { ArrowHeadDownSize24Px, ArrowHeadUpSize24Px } from '@coveord/plasma-react-icons';
+import { ActionIcon } from '@mantine/core';
+const defaultProps = {
+    id: 'collapsible',
     enableSorting: false,
-    header: "",
+    header: '',
     size: 62
 };
 /**
  * Generic column to use when your table needs collapsible rows
- */ export var TableCollapsibleColumn = _object_spread_props(_object_spread({}, defaultProps), {
-    cell: function(info) {
-        return /*#__PURE__*/ _jsx(CollapsibleIcon, {
+ */ export const TableCollapsibleColumn = {
+    ...defaultProps,
+    cell: (info)=>/*#__PURE__*/ _jsx(CollapsibleIcon, {
             info: info
-        });
-    }
-});
+        })
+};
 /**
  * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)
- */ export var TableAccordionColumn = _object_spread_props(_object_spread({}, defaultProps), {
-    cell: function(info) {
-        var onToggle = function() {
+ */ export const TableAccordionColumn = {
+    ...defaultProps,
+    cell: (info)=>{
+        const onToggle = ()=>{
             // close all other rows when the current row not is expanded
             if (!info.row.getIsExpanded()) {
                 info.table.toggleAllRowsExpanded(false);
@@ -33,14 +31,12 @@ var defaultProps = {
             info: info
         });
     }
-});
-var CollapsibleIcon = function(param) {
-    var info = param.info, onToggle = param.onToggle;
-    var handler = info.row.getToggleExpandedHandler();
-    var onClick = function(e) {
-        var _onToggle;
+};
+const CollapsibleIcon = ({ info, onToggle })=>{
+    const handler = info.row.getToggleExpandedHandler();
+    const onClick = (e)=>{
         e.stopPropagation();
-        (_onToggle = onToggle) === null || _onToggle === void 0 ? void 0 : _onToggle(e);
+        onToggle?.(e);
         handler();
     };
     return info.row.getCanExpand() ? /*#__PURE__*/ _jsx(ActionIcon, {

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

@@ -1 +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"}
+{"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,MAAMC,eAAmC;IACrCC,IAAI;IACJC,eAAe;IACfC,QAAQ;IACRC,MAAM;AACV;AAEA;;CAEC,GACD,OAAO,MAAMC,yBAA6C;IACtD,GAAGL,YAAY;IACfM,MAAM,CAACC,qBAAS,KAACC;YAAgBD,MAAMA;;AAC3C,EAAE;AAEF;;CAEC,GACD,OAAO,MAAME,uBAA2C;IACpD,GAAGT,YAAY;IACfM,MAAM,CAACC;QACH,MAAMG,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;AACJ,EAAE;AAEF,MAAMC,kBAGD,CAAC,EAACD,IAAI,EAAEG,QAAQ,EAAC;IAClB,MAAMK,UAAUR,KAAKI,GAAG,CAACK,wBAAwB;IACjD,MAAMC,UAAU,CAACC;QACbA,EAAEC,eAAe;QACjBT,WAAWQ;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.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox, Tooltip } from "@mantine/core";
+import { Checkbox, Tooltip } from '@mantine/core';
 /**
  * Generic column to use when your table needs multi selection of rows
- */ export var TableSelectableColumn = {
-    id: "select",
+ */ export const TableSelectableColumn = {
+    id: 'select',
     enableSorting: false,
-    header: function(param) {
-        var table = param.table;
-        var label = table.getIsAllRowsSelected() ? "Unselect all from this page" : "Select all from this page";
+    header: ({ table })=>{
+        const label = table.getIsAllRowsSelected() ? 'Unselect all from this page' : 'Select all from this page';
         return /*#__PURE__*/ _jsx(Tooltip, {
             label: label,
             children: /*#__PURE__*/ _jsx(Checkbox, {
@@ -15,24 +14,21 @@ import { Checkbox, Tooltip } from "@mantine/core";
                 indeterminate: table.getIsSomePageRowsSelected(),
                 onChange: table.getToggleAllPageRowsSelectedHandler(),
                 sx: {
-                    display: "flex"
+                    display: 'flex'
                 },
                 "aria-label": label
             })
         });
     },
-    cell: function(param) {
-        var row = param.row;
-        return /*#__PURE__*/ _jsx(Checkbox, {
+    cell: ({ row })=>/*#__PURE__*/ _jsx(Checkbox, {
             checked: row.getIsSelected(),
             indeterminate: row.getIsSomeSelected(),
             onChange: row.getToggleSelectedHandler(),
             sx: {
-                display: "flex"
+                display: 'flex'
             },
             "aria-label": "Select row"
-        });
-    }
+        })
 };
 
 //# sourceMappingURL=TableSelectableColumn.js.map

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

@@ -1 +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"}
+{"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,MAAMC,wBAA4C;IACrDC,IAAI;IACJC,eAAe;IACfC,QAAQ,CAAC,EAACC,KAAK,EAAC;QACZ,MAAMC,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,CAAC,EAACC,GAAG,EAAC,iBACR,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.js

@@ -1,9 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export var TableConsumer = function(param) {
-    var children = param.children;
-    return /*#__PURE__*/ _jsx(_Fragment, {
+export const TableConsumer = ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
         children: children
     });
-};
 
 //# sourceMappingURL=TableConsumer.js.map

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

@@ -1 +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"}
+{"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,MAAMA,gBAA0D,CAAC,EAACC,QAAQ,EAAC,iBAAK;kBAAGA;OAAa"}

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

@@ -1,50 +1,37 @@
-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 { _ 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 { 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";
-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",
-        "rangeCalendarProps",
-        "classNames",
-        "styles",
-        "unstyled"
-    ]);
-    var classes = useStyles(null, {
-        name: "TableDateRangePicker",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var _useToggle = _sliced_to_array(useToggle(), 2), opened = _useToggle[0], toggleOpened = _useToggle[1];
-    var form = useTable().form;
-    var onApply = function(dates) {
-        form.setFieldValue("dateRange", dates);
+import { CalendarSize24Px } from '@coveord/plasma-react-icons';
+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';
+import useStyles from './TableDateRangePicker.styles';
+export const TableDateRangePicker = ({ presets = {}, rangeCalendarProps, classNames, styles, unstyled, ...others })=>{
+    const { classes } = useStyles(null, {
+        name: 'TableDateRangePicker',
+        classNames,
+        styles,
+        unstyled
+    });
+    const [opened, toggleOpened] = useToggle();
+    const { form } = useTable();
+    const onApply = (dates)=>{
+        form.setFieldValue('dateRange', dates);
         toggleOpened(false);
     };
-    var onCancel = function() {
+    const onCancel = ()=>{
         toggleOpened(false);
     };
-    var formatDate = function(date) {
-        return dayjs(date).format("MMM DD, YYYY");
-    };
-    var formattedRange = "".concat(formatDate(form.values.dateRange[0]), " - ").concat(formatDate(form.values.dateRange[1]));
-    return /*#__PURE__*/ _jsx(Grid.Col, _object_spread_props(_object_spread({
+    const formatDate = (date)=>dayjs(date).format('MMM DD, YYYY');
+    const formattedRange = `${formatDate(form.values.dateRange[0])} - ${formatDate(form.values.dateRange[1])}`;
+    return /*#__PURE__*/ _jsx(Grid.Col, {
         span: "content",
         order: TableComponentsOrder.DateRangePicker,
         py: "sm",
-        className: classes.root
-    }, others), {
+        className: classes.root,
+        ...others,
         children: /*#__PURE__*/ _jsxs(Group, {
             spacing: "xs",
             className: classes.wrapper,
@@ -63,9 +50,7 @@ export var TableDateRangePicker = function(_param) {
                             children: /*#__PURE__*/ _jsx(Button, {
                                 variant: "outline",
                                 color: "gray",
-                                onClick: function() {
-                                    return toggleOpened();
-                                },
+                                onClick: ()=>toggleOpened(),
                                 px: "xs",
                                 children: /*#__PURE__*/ _jsx(CalendarSize24Px, {
                                     width: 24,
@@ -87,7 +72,7 @@ export var TableDateRangePicker = function(_param) {
                 })
             ]
         })
-    }));
+    });
 };
 
 //# sourceMappingURL=TableDateRangePicker.js.map

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

@@ -1 +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"}
+{"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,MAAMC,uBAAqE,CAAC,EAC/EC,UAAU,CAAC,CAAC,EACZC,kBAAkB,EAClBC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,OAAO,EAAC,GAAGR,UAAU,MAAM;QAACS,MAAM;QAAwBL;QAAYC;QAAQC;IAAQ;IAC7F,MAAM,CAACI,QAAQC,aAAa,GAAGjB;IAC/B,MAAM,EAACkB,IAAI,EAAC,GAAGb;IAEf,MAAMc,UAAU,CAACC;QACbF,KAAKG,aAAa,CAAC,aAAaD;QAChCH,aAAa;IACjB;IACA,MAAMK,WAAW;QACbL,aAAa;IACjB;IAEA,MAAMM,aAAa,CAACC,OAAevB,MAAMuB,MAAMC,MAAM,CAAC;IACtD,MAAMC,iBAAiB,CAAC,EAAEH,WAAWL,KAAKS,MAAM,CAACC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAEL,WAAWL,KAAKS,MAAM,CAACC,SAAS,CAAC,EAAE,EAAE,CAAC;IAE1G,qBACI,KAAChC,KAAKiC,GAAG;QACLC,MAAK;QACLC,OAAO3B,qBAAqB4B,eAAe;QAC3CC,IAAG;QACHC,WAAWpB,QAAQqB,IAAI;QACtB,GAAGtB,MAAM;kBAEV,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,IAAM3B;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.js

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

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

@@ -1 +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"}
+{"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,CAACC,QAAW,CAAA;QACpCC,MAAM,CAAC;QACPC,SAAS,CAAC;QACVC,OAAO,CAAC;IACZ,CAAA,GAAI"}

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

@@ -1,53 +1,42 @@
-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 { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CrossSize16Px, FilterSize16Px } from "@coveord/plasma-react-icons";
-import { ActionIcon, Grid, TextInput } from "@mantine/core";
-import { useEffect, useState } from "react";
-import { useDebouncedValue, useDidUpdate } from "@mantine/hooks";
-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",
-        "classNames",
-        "styles",
-        "unstyled"
-    ]);
-    var classes = useStyles(null, {
-        name: "TableFilter",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var _useTable = useTable(), state = _useTable.state, setState = _useTable.setState;
-    var _useState = _sliced_to_array(useState(state.globalFilter), 2), filter = _useState[0], setFilter = _useState[1];
-    var _useDebouncedValue = _sliced_to_array(useDebouncedValue(filter, 300), 2), debounced = _useDebouncedValue[0], cancel = _useDebouncedValue[1];
-    useDidUpdate(function() {
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
+import { CrossSize16Px, FilterSize16Px } from '@coveord/plasma-react-icons';
+import { ActionIcon, Grid, TextInput } from '@mantine/core';
+import { useEffect, useState } from 'react';
+import { useDebouncedValue, useDidUpdate } from '@mantine/hooks';
+import { TableComponentsOrder } from '../Table.styles';
+import { useTable } from '../TableContext';
+import useStyles from './TableFilter.styles';
+export const TableFilter = ({ placeholder = 'Search by any field', classNames, styles, unstyled, ...others })=>{
+    const { classes } = useStyles(null, {
+        name: 'TableFilter',
+        classNames,
+        styles,
+        unstyled
+    });
+    const { state, setState } = useTable();
+    const [filter, setFilter] = useState(state.globalFilter);
+    const [debounced, cancel] = useDebouncedValue(filter, 300);
+    useDidUpdate(()=>{
+        setState((prevState)=>({
+                ...prevState,
                 pagination: prevState.pagination ? {
                     pageIndex: 0,
                     pageSize: prevState.pagination.pageSize
                 } : prevState.pagination,
                 globalFilter: debounced
-            });
-        });
+            }));
         return cancel;
     }, [
         debounced
     ]);
-    var handleChange = function(event) {
-        var value = event.currentTarget.value;
+    const handleChange = (event)=>{
+        const { value } = event.currentTarget;
         setFilter(value);
     };
-    var handleClear = function() {
-        setFilter("");
+    const handleClear = ()=>{
+        setFilter('');
     };
-    useEffect(function() {
+    useEffect(()=>{
         setFilter(state.globalFilter);
     }, [
         state.globalFilter
@@ -57,7 +46,7 @@ export var TableFilter = function(_param) {
         order: TableComponentsOrder.Filter,
         py: "sm",
         className: classes.root,
-        children: /*#__PURE__*/ _jsx(TextInput, _object_spread({
+        children: /*#__PURE__*/ _jsx(TextInput, {
             className: classes.wrapper,
             placeholder: placeholder,
             autoComplete: "off",
@@ -72,8 +61,9 @@ export var TableFilter = function(_param) {
                 className: classes.empty
             }),
             value: filter,
-            onChange: handleChange
-        }, others))
+            onChange: handleChange,
+            ...others
+        })
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {CrossSize16Px, FilterSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, Grid, TextInput} from '@mantine/core';\nimport {ChangeEventHandler, FunctionComponent, MouseEventHandler, useEffect, 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    useEffect(() => {\n        setFilter(state.globalFilter);\n    }, [state.globalFilter]);\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                        <FilterSize16Px height={16} className={classes.empty} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n                {...others}\n            />\n        </Grid.Col>\n    );\n};\n"],"names":["CrossSize16Px","FilterSize16Px","ActionIcon","Grid","TextInput","useEffect","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,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAEpG,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;IAEAnB,UAAU;QACNmB,UAAUJ,MAAME,YAAY;IAChC,GAAG;QAACF,MAAME,YAAY;KAAC;IAEvB,qBACI,KAACnB,KAAKiC,GAAG;QAACC,MAAK;QAAUC,OAAO7B,qBAAqB8B,MAAM;QAAEC,IAAG;QAAKC,WAAWvB,QAAQwB,IAAI;kBACxF,cAAA,KAACtC;YACGqC,WAAWvB,QAAQyB,OAAO;YAC1B9B,aAAaA;YACb+B,cAAa;YACbC,IAAG;YACHC,cACIvB,uBACI,KAACrB;gBAAW6C,SAASZ;0BACjB,cAAA,KAACnC;oBAAcgD,QAAQ;;+BAG3B,KAAC/C;gBAAe+C,QAAQ;gBAAIP,WAAWvB,QAAQ+B,KAAK;;YAG5DhB,OAAOV;YACP2B,UAAUnB;WACNd;;AAIpB,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {CrossSize16Px, FilterSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, Grid, TextInput} from '@mantine/core';\nimport {ChangeEventHandler, FunctionComponent, MouseEventHandler, useEffect, 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    useEffect(() => {\n        setFilter(state.globalFilter);\n    }, [state.globalFilter]);\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                        <FilterSize16Px height={16} className={classes.empty} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n                {...others}\n            />\n        </Grid.Col>\n    );\n};\n"],"names":["CrossSize16Px","FilterSize16Px","ActionIcon","Grid","TextInput","useEffect","useState","useDebouncedValue","useDidUpdate","TableComponentsOrder","useTable","useStyles","TableFilter","placeholder","classNames","styles","unstyled","others","classes","name","state","setState","filter","setFilter","globalFilter","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,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAEpG,SAAQC,iBAAiB,EAAEC,YAAY,QAAO,iBAAiB;AAC/D,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,uBAAuB;AAG7C,OAAO,MAAMC,cAAmD,CAAC,EAC7DC,cAAc,qBAAqB,EACnCC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,OAAO,EAAC,GAAGP,UAAU,MAAM;QAACQ,MAAM;QAAeL;QAAYC;QAAQC;IAAQ;IACpF,MAAM,EAACI,KAAK,EAAEC,QAAQ,EAAC,GAAGX;IAC1B,MAAM,CAACY,QAAQC,UAAU,GAAGjB,SAASc,MAAMI,YAAY;IACvD,MAAM,CAACC,WAAWC,OAAO,GAAGnB,kBAAkBe,QAAQ;IAEtDd,aAAa;QACTa,SAAS,CAACM,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;gBAC1BJ,cAAcC;YAClB,CAAA;QACA,OAAOC;IACX,GAAG;QAACD;KAAU;IAEd,MAAMM,eAAqD,CAACC;QACxD,MAAM,EAACC,KAAK,EAAC,GAAGD,MAAME,aAAa;QACnCX,UAAUU;IACd;IAEA,MAAME,cAAoD;QACtDZ,UAAU;IACd;IAEAlB,UAAU;QACNkB,UAAUH,MAAMI,YAAY;IAChC,GAAG;QAACJ,MAAMI,YAAY;KAAC;IAEvB,qBACI,KAACrB,KAAKiC,GAAG;QAACC,MAAK;QAAUC,OAAO7B,qBAAqB8B,MAAM;QAAEC,IAAG;QAAKC,WAAWvB,QAAQwB,IAAI;kBACxF,cAAA,KAACtC;YACGqC,WAAWvB,QAAQyB,OAAO;YAC1B9B,aAAaA;YACb+B,cAAa;YACbC,IAAG;YACHC,cACIxB,uBACI,KAACpB;gBAAW6C,SAASZ;0BACjB,cAAA,KAACnC;oBAAcgD,QAAQ;;+BAG3B,KAAC/C;gBAAe+C,QAAQ;gBAAIP,WAAWvB,QAAQ+B,KAAK;;YAG5DhB,OAAOX;YACP4B,UAAUnB;YACT,GAAGd,MAAM;;;AAI1B,EAAE"}

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

@@ -1,14 +1,12 @@
-import { createStyles } from "@mantine/core";
-export default createStyles(function(theme) {
-    return {
+import { createStyles } from '@mantine/core';
+export default createStyles((theme)=>({
         root: {},
         wrapper: {
-            marginBottom: "0 !important"
+            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

@@ -1 +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"}
+{"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,CAACC,QAAW,CAAA;QACpCC,MAAM,CAAC;QACPC,SAAS;YACLC,cAAc;QAClB;QACAC,OAAO;YACHC,OAAOL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ,CAAA,GAAI"}

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

@@ -1,19 +1,11 @@
-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 { Group } from "@mantine/core";
-export var TableFooter = function(_param) /*#__PURE__*/ {
-    var children = _param.children, others = _object_without_properties(_param, [
-        "children"
-    ]);
-    return _jsx(Group, _object_spread_props(_object_spread({
+import { Group } from '@mantine/core';
+export const TableFooter = ({ children, ...others })=>/*#__PURE__*/ _jsx(Group, {
         position: "apart",
         px: "xl",
-        py: "md"
-    }, others), {
+        py: "md",
+        ...others,
         children: children
-    }));
-};
+    });
 
 //# sourceMappingURL=TableFooter.js.map

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

@@ -1 +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"}
+{"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,MAAMC,cAAmD,CAAC,EAACC,QAAQ,EAAE,GAAGC,QAAO,iBAClF,KAACH;QAAMI,UAAS;QAAQC,IAAG;QAAKC,IAAG;QAAM,GAAGH,MAAM;kBAC7CD;OAEP"}

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

@@ -1,30 +1,21 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { CrossSize16Px } from "@coveord/plasma-react-icons";
-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",
-        "styles",
-        "unstyled",
-        "children"
-    ]);
-    var _useTable = useTable(), getSelectedRows = _useTable.getSelectedRows, multiRowSelectionEnabled = _useTable.multiRowSelectionEnabled, clearSelection = _useTable.clearSelection, disableRowSelection = _useTable.disableRowSelection;
-    var classes = useStyles(null, {
-        name: "TableHeader",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var selectedRows = getSelectedRows();
-    return /*#__PURE__*/ _jsxs(Grid, _object_spread_props(_object_spread({
+import { CrossSize16Px } from '@coveord/plasma-react-icons';
+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 const TableHeader = ({ classNames, styles, unstyled, children, ...others })=>{
+    const { getSelectedRows, multiRowSelectionEnabled, clearSelection, disableRowSelection } = useTable();
+    const { classes } = useStyles(null, {
+        name: 'TableHeader',
+        classNames,
+        styles,
+        unstyled
+    });
+    const selectedRows = getSelectedRows();
+    return /*#__PURE__*/ _jsxs(Grid, {
         justify: "flex-start",
         align: "center",
         gutter: "sm",
@@ -32,8 +23,8 @@ export var TableHeader = function(_param) {
         pl: "md",
         pr: "lg",
         m: 0,
-        className: classes.root
-    }, others), {
+        className: classes.root,
+        ...others,
         children: [
             multiRowSelectionEnabled && selectedRows.length > 0 ? /*#__PURE__*/ _jsx(Grid.Col, {
                 span: "auto",
@@ -59,7 +50,7 @@ export var TableHeader = function(_param) {
             children,
             /*#__PURE__*/ _jsx(TableLayoutControl, {})
         ]
-    }));
+    });
 };
 
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +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"}
+{"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,MAAMC,cAAmD,CAAC,EAC7DC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,eAAe,EAAEC,wBAAwB,EAAEC,cAAc,EAAEC,mBAAmB,EAAC,GAAGX;IACzF,MAAM,EAACY,OAAO,EAAC,GAAGX,UAAU,MAAM;QAACY,MAAM;QAAeV;QAAYC;QAAQC;IAAQ;IACpF,MAAMS,eAAeN;IAErB,qBACI,MAACb;QACGoB,SAAQ;QACRC,OAAM;QACNC,QAAO;QACPC,GAAG;QACHC,IAAG;QACHC,IAAG;QACHC,GAAG;QACHC,WAAWV,QAAQW,IAAI;QACtB,GAAGhB,MAAM;;YAETE,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"}