@coveord/plasma-mantine 47.0.1-next.2

package/dist/cjs/components/prompt/Prompt.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Prompt", {
+    enumerable: true,
+    get: function() {
+        return Prompt;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _react = require("react");
+var _promptFooter = require("./PromptFooter");
+var useStyles = (0, _core.createStyles)(function(theme) {
+    var white = "#fff";
+    return {
+        body: {
+            padding: 0
+        },
+        modalType: {
+            overflow: "hidden",
+            width: 550
+        },
+        innerBody: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px ").concat(theme.spacing.lg, "px")
+        },
+        header: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px"),
+            width: "100%",
+            borderBottom: "1px solid ".concat(theme.colors.gray[3]),
+            fontSize: theme.headings.sizes.h4.fontSize,
+            lineHeight: theme.headings.sizes.h4.fontSize
+        },
+        default: {},
+        success: {
+            backgroundColor: theme.colors.lime[6],
+            color: white
+        },
+        warning: {
+            backgroundColor: theme.colors.yellow[5],
+            color: white
+        },
+        critical: {
+            backgroundColor: theme.colors.red[6],
+            color: white
+        },
+        info: {
+            backgroundColor: theme.colors.navy[5],
+            color: white
+        },
+        whiteClose: {
+            color: white,
+            "&:hover": {
+                backgroundColor: "transparent"
+            }
+        }
+    };
+});
+var Prompt = function(_param) {
+    var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _objectWithoutProperties(_param, [
+        "children",
+        "variant",
+        "size"
+    ]);
+    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
+    var defaultVariant = variant === "default";
+    var convertedChildren = _react.Children.toArray(children);
+    var otherChildren = convertedChildren.filter(function(child) {
+        return child.type !== _promptFooter.PromptFooter;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === _promptFooter.PromptFooter;
+    });
+    var classNames = {
+        header: cx(classes.header, classes[variant]),
+        close: !defaultVariant && classes.whiteClose,
+        body: classes.body,
+        modal: !defaultVariant && classes.modalType
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Modal, _objectSpreadProps(_objectSpread({
+        padding: 0,
+        classNames: classNames,
+        size: defaultVariant ? size : "sm"
+    }, otherProps), {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+                className: classes.innerBody,
+                children: otherChildren
+            }),
+            footer
+        ]
+    }));
+};
+Prompt.Footer = _promptFooter.PromptFooter;
+
+//# sourceMappingURL=Prompt.js.map

package/dist/cjs/components/prompt/Prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n    const white = '#fff';\n    return {\n        body: {\n            padding: 0,\n        },\n        modalType: {overflow: 'hidden', width: 550},\n        innerBody: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n        },\n        header: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n            width: '100%',\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n            fontSize: theme.headings.sizes.h4.fontSize,\n            lineHeight: theme.headings.sizes.h4.fontSize,\n        },\n        default: {},\n        success: {backgroundColor: theme.colors.lime[6], color: white},\n        warning: {backgroundColor: theme.colors.yellow[5], color: white},\n        critical: {\n            backgroundColor: theme.colors.red[6],\n            color: white,\n        },\n        info: {backgroundColor: theme.colors.navy[5], color: white},\n        whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n    };\n});\n\nexport interface PromptProps extends ModalProps {\n    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n    const {classes, cx} = useStyles();\n    const defaultVariant = variant === 'default';\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: !defaultVariant && classes.whiteClose,\n        body: classes.body,\n        modal: !defaultVariant && classes.modalType,\n    };\n\n    return (\n        <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","useStyles","createStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","classNames","close","modal","Modal","div","className","Footer"],"mappings":"AAAA;;;;+BA0CaA,QAAM;;;eAANA,MAAM;;;;;;;oBA1C2B,eAAe;qBACb,OAAO;4BAC5B,gBAAgB;AAE3C,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC,SAACC,KAAK,EAAK;IACtC,IAAMC,KAAK,GAAG,MAAM,AAAC;IACrB,OAAO;QACHC,IAAI,EAAE;YACFC,OAAO,EAAE,CAAC;SACb;QACDC,SAAS,EAAE;YAACC,QAAQ,EAAE,QAAQ;YAAEC,KAAK,EAAE,GAAG;SAAC;QAC3CC,SAAS,EAAE;YACPJ,OAAO,EAAE,AAAC,EAAA,CAAwBH,MAAgB,CAAtCA,KAAK,CAACQ,OAAO,CAACC,EAAE,EAAC,KAAG,CAAmB,CAAKT,MAAgB,CAAtCA,KAAK,CAACQ,OAAO,CAACE,EAAE,EAAC,KAAG,CAAmB,CAAA,MAAE,CAAnBV,KAAK,CAACQ,OAAO,CAACG,EAAE,EAAC,IAAE,CAAC;SAC/E;QACDC,MAAM,EAAE;YACJT,OAAO,EAAE,AAAC,EAAA,CAAwBH,MAAgB,CAAtCA,KAAK,CAACQ,OAAO,CAACC,EAAE,EAAC,KAAG,CAAmB,CAAA,MAAE,CAAnBT,KAAK,CAACQ,OAAO,CAACE,EAAE,EAAC,IAAE,CAAC;YACtDJ,KAAK,EAAE,MAAM;YACbO,YAAY,EAAE,AAAC,YAAU,CAAuB,MAAA,CAArBb,KAAK,CAACc,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC,CAAE;YACjDC,QAAQ,EAAEhB,KAAK,CAACiB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,UAAU,EAAEpB,KAAK,CAACiB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;SAC/C;QACDK,OAAO,EAAE,EAAE;QACXC,OAAO,EAAE;YAACC,eAAe,EAAEvB,KAAK,CAACc,MAAM,CAACU,IAAI,CAAC,CAAC,CAAC;YAAEC,KAAK,EAAExB,KAAK;SAAC;QAC9DyB,OAAO,EAAE;YAACH,eAAe,EAAEvB,KAAK,CAACc,MAAM,CAACa,MAAM,CAAC,CAAC,CAAC;YAAEF,KAAK,EAAExB,KAAK;SAAC;QAChE2B,QAAQ,EAAE;YACNL,eAAe,EAAEvB,KAAK,CAACc,MAAM,CAACe,GAAG,CAAC,CAAC,CAAC;YACpCJ,KAAK,EAAExB,KAAK;SACf;QACD6B,IAAI,EAAE;YAACP,eAAe,EAAEvB,KAAK,CAACc,MAAM,CAACiB,IAAI,CAAC,CAAC,CAAC;YAAEN,KAAK,EAAExB,KAAK;SAAC;QAC3D+B,UAAU,EAAE;YAACP,KAAK,EAAExB,KAAK;YAAE,SAAS,EAAE;gBAACsB,eAAe,EAAE,aAAa;aAAC;SAAC;KAC1E,CAAC;AACN,CAAC,CAAC,AAAC;AAWI,IAAM1B,MAAM,GAAe,iBAA8C;QAA5CoC,QAAQ,UAARA,QAAQ,EAAEC,OAAO,UAAPA,OAAO,EAAEC,IAAI,UAAJA,IAAI,EAAKC,UAAU;QAAtCH,UAAQ;QAAEC,SAAO;QAAEC,MAAI;;IACvD,IAAsBrC,GAAW,GAAXA,SAAS,EAAE,EAA1BuC,OAAO,GAAQvC,GAAW,CAA1BuC,OAAO,EAAEC,EAAE,GAAIxC,GAAW,CAAjBwC,EAAE,AAAgB;IAClC,IAAMC,cAAc,GAAGL,OAAO,KAAK,SAAS,AAAC;IAC7C,IAAMM,iBAAiB,GAAGC,MAAQ,SAAA,CAACC,OAAO,CAACT,QAAQ,CAAC,AAAkB,AAAC;IAEvE,IAAMU,aAAa,GAAGH,iBAAiB,CAACI,MAAM,CAAC,SAACC,KAAK;eAAKA,KAAK,CAACC,IAAI,KAAKC,aAAY,aAAA;KAAA,CAAC,AAAC;IACvF,IAAMC,MAAM,GAAGR,iBAAiB,CAACS,IAAI,CAAC,SAACJ,KAAK;eAAKA,KAAK,CAACC,IAAI,KAAKC,aAAY,aAAA;KAAA,CAAC,AAAC;IAE9E,IAAMG,UAAU,GAAG;QACftC,MAAM,EAAE0B,EAAE,CAACD,OAAO,CAACzB,MAAM,EAAEyB,OAAO,CAACH,OAAO,CAAC,CAAC;QAC5CiB,KAAK,EAAE,CAACZ,cAAc,IAAIF,OAAO,CAACL,UAAU;QAC5C9B,IAAI,EAAEmC,OAAO,CAACnC,IAAI;QAClBkD,KAAK,EAAE,CAACb,cAAc,IAAIF,OAAO,CAACjC,SAAS;KAC9C,AAAC;IAEF,qBACI,sBAACiD,KAAK,MAAA;QAAClD,OAAO,EAAE,CAAC;QAAE+C,UAAU,EAAEA,UAAU;QAAEf,IAAI,EAAEI,cAAc,GAAGJ,IAAI,GAAG,IAAI;OAAMC,UAAU;;0BACzF,qBAACkB,KAAG;gBAACC,SAAS,EAAElB,OAAO,CAAC9B,SAAS;0BAAGoC,aAAa;cAAO;YACvDK,MAAM;;OACH,CACV;AACN,CAAC,AAAC;AAEFnD,MAAM,CAAC2D,MAAM,GAAGT,aAAY,aAAA,CAAC"}

package/dist/cjs/components/prompt/PromptFooter.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptFooter", {
+    enumerable: true,
+    get: function() {
+        return PromptFooter;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _stickyFooter = require("../sticky-footer");
+var PromptFooter = function(_param) /*#__PURE__*/ {
+    var children = _param.children, otherProps = _objectWithoutProperties(_param, [
+        "children"
+    ]);
+    return (0, _jsxRuntime.jsx)(_stickyFooter.StickyFooter, _objectSpreadProps(_objectSpread({}, otherProps), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=PromptFooter.js.map

package/dist/cjs/components/prompt/PromptFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n    <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":"AAAA;;;;+BAKaA,cAAY;;;eAAZA,YAAY;;;;;;;4BAJqB,kBAAkB;AAIzD,IAAMA,YAAY,GAA4D,+BACjF;QADmFC,QAAQ,UAARA,QAAQ,EAAKC,UAAU;QAAvBD,UAAQ;;WAC3F,qBAACE,aAAY,aAAA,uCAAKD,UAAU;kBAAGD,QAAQ;OAAgB;AAAD,CACzD,AAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,UAAU"}

package/dist/cjs/components/sticky-footer/StickyFooter.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "StickyFooter", {
+    enumerable: true,
+    get: function() {
+        return StickyFooter;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var useStyles = (0, _core.createStyles)(function() {
+    return {
+        footer: {
+            position: "sticky",
+            bottom: 0,
+            zIndex: 1,
+            maxHeight: "80px"
+        }
+    };
+});
+var StickyFooter = function(_param) {
+    var borderTop = _param.borderTop, children = _param.children, others = _objectWithoutProperties(_param, [
+        "borderTop",
+        "children"
+    ]);
+    var classes = useStyles().classes;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Paper, {
+        className: classes.footer,
+        children: [
+            borderTop ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Divider, {
+                size: "xs"
+            }) : null,
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, _objectSpreadProps(_objectSpread({
+                position: "right",
+                spacing: "xs",
+                py: "md",
+                px: "xl"
+            }, others), {
+                children: children
+            }))
+        ]
+    });
+};
+
+//# sourceMappingURL=StickyFooter.js.map

package/dist/cjs/components/sticky-footer/StickyFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n    footer: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        maxHeight: '80px',\n    },\n}));\n\nexport const StickyFooter: FunctionComponent<PropsWithChildren<StickyFooterProps>> = ({\n    borderTop,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles();\n\n    return (\n        <Paper className={classes.footer}>\n            {borderTop ? <Divider size=\"xs\" /> : null}\n            <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n                {children}\n            </Group>\n        </Paper>\n    );\n};\n"],"names":["StickyFooter","useStyles","createStyles","footer","position","bottom","zIndex","maxHeight","borderTop","children","others","classes","Paper","className","Divider","size","Group","spacing","py","px"],"mappings":"AAAA;;;;+BAmBaA,cAAY;;;eAAZA,YAAY;;;;;;;oBAnBuC,eAAe;AAU/E,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC;WAAO;QAClCC,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEG,IAAMP,YAAY,GAA4D,iBAI/E;QAHFQ,SAAS,UAATA,SAAS,EACTC,QAAQ,UAARA,QAAQ,EACLC,MAAM;QAFTF,WAAS;QACTC,UAAQ;;IAGR,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,sBAACC,KAAK,MAAA;QAACC,SAAS,EAAEF,OAAO,CAACR,MAAM;;YAC3BK,SAAS,iBAAG,qBAACM,KAAO,QAAA;gBAACC,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,qBAACC,KAAK,MAAA;gBAACZ,QAAQ,EAAC,OAAO;gBAACa,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKT,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,AAAC"}

package/dist/cjs/components/sticky-footer/index.js

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

package/dist/cjs/components/sticky-footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,gBAAgB"}

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

@@ -0,0 +1,259 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Table", {
+    enumerable: true,
+    get: function() {
+        return Table;
+    }
+});
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _form = require("@mantine/form");
+var _hooks = require("@mantine/hooks");
+var _reactTable = require("@tanstack/react-table");
+var _lodashDefaultsdeep = /*#__PURE__*/ _interopRequireDefault(require("lodash.defaultsdeep"));
+var _react = require("react");
+var _tableActions = require("./TableActions");
+var _tableCollapsibleColumn = require("./TableCollapsibleColumn");
+var _tableContext = require("./TableContext");
+var _tableDateRangePicker = require("./TableDateRangePicker");
+var _tableFilter = require("./TableFilter");
+var _tableFooter = require("./TableFooter");
+var _tableHeader = require("./TableHeader");
+var _tablePagination = require("./TablePagination");
+var _tablePerPage = require("./TablePerPage");
+var _tablePredicate = require("./TablePredicate");
+var _th = require("./Th");
+var useStyles = (0, _core.createStyles)(function(theme, param, getRef) {
+    var hasHeader = param.hasHeader;
+    return {
+        table: {
+            width: "100%"
+        },
+        header: {
+            position: "sticky",
+            top: hasHeader ? 69 : 0,
+            backgroundColor: theme.colorScheme === "dark" ? theme.black : theme.white,
+            transition: "box-shadow 150ms ease",
+            zIndex: 12,
+            "&::after": {
+                content: '""',
+                position: "absolute",
+                left: 0,
+                right: 0,
+                bottom: 0,
+                borderBottom: "1px solid ".concat(theme.colors.gray[2])
+            }
+        },
+        rowSelected: {
+            ref: getRef("rowSelected")
+        },
+        row: _defineProperty({}, "&:hover, &.".concat(getRef("rowSelected")), {
+            backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2) : theme.colors[theme.primaryColor][0]
+        })
+    };
+});
+var Table = function(param) {
+    var data = param.data, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _initialState = param.initialState, initialState = _initialState === void 0 ? {} : _initialState, columns = param.columns, onMount = param.onMount, onChange = param.onChange, children = param.children, _loading = param.loading, loading = _loading === void 0 ? false : _loading;
+    var convertedChildren = _react.Children.toArray(children);
+    var header = convertedChildren.find(function(child) {
+        return child.type === _tableHeader.TableHeader;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === _tableFooter.TableFooter;
+    });
+    var predicates = initialState.predicates, dateRange = initialState.dateRange, initialStateWithoutForm = _objectWithoutProperties(initialState, [
+        "predicates",
+        "dateRange"
+    ]);
+    var ref, ref1;
+    var form = (0, _form.useForm)({
+        initialValues: {
+            predicates: (ref = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && ref !== void 0 ? ref : {},
+            dateRange: (ref1 = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && ref1 !== void 0 ? ref1 : [
+                null,
+                null
+            ]
+        }
+    });
+    var ref2 = useStyles({
+        hasHeader: !!header
+    }), cx = ref2.cx, classes = ref2.classes;
+    var ref3;
+    var table = (0, _reactTable.useReactTable)({
+        initialState: (0, _lodashDefaultsdeep.default)(initialStateWithoutForm, {
+            pagination: {
+                pageSize: _tablePerPage.TablePerPage.DEFAULT_SIZE
+            }
+        }),
+        data: data,
+        columns: columns,
+        getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
+        manualPagination: true,
+        getRowCanExpand: function(row) {
+            return (ref3 = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && ref3 !== void 0 ? ref3 : false;
+        }
+    });
+    var ref4 = _slicedToArray((0, _react.useState)(table.initialState), 2), state = ref4[0], setState = ref4[1];
+    table.setOptions(function(prev) {
+        return _objectSpreadProps(_objectSpread({}, prev), {
+            state: state,
+            onStateChange: setState
+        });
+    });
+    var triggerChange = function() {
+        return onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread({}, state, form.values));
+    };
+    (0, _react.useEffect)(function() {
+        onMount === null || onMount === void 0 ? void 0 : onMount(_objectSpread({}, state, form.values));
+    }, []);
+    (0, _hooks.useDidUpdate)(function() {
+        triggerChange();
+        clearSelection();
+    }, [
+        state.globalFilter,
+        state.sorting,
+        state.pagination,
+        form.values
+    ]);
+    var clearFilters = (0, _react.useCallback)(function() {
+        form.setFieldValue("predicates", {});
+        setState(function(prevState) {
+            return _objectSpreadProps(_objectSpread({}, prevState), {
+                globalFilter: ""
+            });
+        });
+    }, []);
+    var clearSelection = function() {
+        setState(function(prevState) {
+            return _objectSpreadProps(_objectSpread({}, prevState), {
+                rowSelection: {}
+            });
+        });
+    };
+    var ref5;
+    var getSelectedRow = (0, _react.useCallback)(function() {
+        var ref, ref1;
+        return (ref5 = (ref = table.getSelectedRowModel().flatRows) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1.original) !== null && ref5 !== void 0 ? ref5 : null;
+    }, [
+        state.rowSelection
+    ]);
+    if (!data) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Center, {
+            sx: {
+                flexGrow: 1
+            },
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Loader, {})
+        });
+    }
+    var toggleRowSelection = function(row) {
+        table.setRowSelection(function() {
+            return _defineProperty({}, row.id, !row.getIsSelected());
+        });
+    };
+    var rows = table.getRowModel().rows.map(function(row) {
+        var ref;
+        var rowChildren = (ref = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && ref !== void 0 ? ref : null;
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)("tr", {
+                    onClick: function() {
+                        return toggleRowSelection(row);
+                    },
+                    className: cx(classes.row, _defineProperty({}, classes.rowSelected, row.getIsSelected())),
+                    children: row.getVisibleCells().map(function(cell) {
+                        var size = cell.column.getSize();
+                        var width = size !== _reactTable.defaultColumnSizing.size ? size : undefined;
+                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                            style: {
+                                width: width
+                            },
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Skeleton, {
+                                visible: loading,
+                                children: (0, _reactTable.flexRender)(cell.column.columnDef.cell, cell.getContext())
+                            })
+                        }, cell.id);
+                    })
+                }),
+                rowChildren ? /*#__PURE__*/ (0, _jsxRuntime.jsx)("tr", {
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                        colSpan: columns.length + 1,
+                        style: {
+                            padding: 0,
+                            borderBottomColor: row.getIsExpanded() ? undefined : "transparent"
+                        },
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Collapse, {
+                            in: row.getIsExpanded(),
+                            px: "sm",
+                            py: "xs",
+                            children: rowChildren
+                        })
+                    })
+                }) : null
+            ]
+        }, row.id);
+    });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_tableContext.TableContext.Provider, {
+        value: {
+            onChange: triggerChange,
+            state: state,
+            setState: setState,
+            clearFilters: clearFilters,
+            getSelectedRow: getSelectedRow,
+            clearSelection: clearSelection,
+            form: form
+        },
+        children: [
+            header,
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Table, {
+                className: classes.table,
+                horizontalSpacing: "sm",
+                verticalSpacing: "xs",
+                pb: "sm",
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)("thead", {
+                        className: classes.header,
+                        children: table.getHeaderGroups().map(function(headerGroup) {
+                            return /*#__PURE__*/ (0, _jsxRuntime.jsx)("tr", {
+                                children: headerGroup.headers.map(function(columnHeader) {
+                                    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_th.Th, {
+                                        header: columnHeader
+                                    }, columnHeader.id);
+                                })
+                            }, headerGroup.id);
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)("tbody", {
+                        children: rows.length ? rows : /*#__PURE__*/ (0, _jsxRuntime.jsx)("tr", {
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                                colSpan: columns.length,
+                                children: noDataChildren
+                            })
+                        })
+                    })
+                ]
+            }),
+            footer
+        ]
+    });
+};
+Table.Actions = _tableActions.TableActions;
+Table.Filter = _tableFilter.TableFilter;
+Table.Footer = _tableFooter.TableFooter;
+Table.Header = _tableHeader.TableHeader;
+Table.Pagination = _tablePagination.TablePagination;
+Table.Predicate = _tablePredicate.TablePredicate;
+Table.PerPage = _tablePerPage.TablePerPage;
+Table.Predicate = _tablePredicate.TablePredicate;
+Table.CollapsibleColumn = _tableCollapsibleColumn.TableCollapsibleColumn;
+Table.DateRangePicker = _tableDateRangePicker.TableDateRangePicker;
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Center, Collapse, createStyles, Loader, Skeleton, Table as MantineTable} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    defaultColumnSizing,\n    flexRender,\n    getCoreRowModel,\n    Row,\n    TableState,\n    useReactTable,\n} from '@tanstack/react-table';\nimport {InitialTableState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Fragment, ReactElement, ReactNode, useCallback, useEffect, useState} from 'react';\n\nimport {TableActions} from './TableActions';\nimport {TableCollapsibleColumn} from './TableCollapsibleColumn';\nimport {onTableChangeEvent, TableContext, TableFormType} from './TableContext';\nimport {TableDateRangePicker} from './TableDateRangePicker';\nimport {TableFilter} from './TableFilter';\nimport {TableFooter} from './TableFooter';\nimport {TableHeader} from './TableHeader';\nimport {TablePagination} from './TablePagination';\nimport {TablePerPage} from './TablePerPage';\nimport {TablePredicate} from './TablePredicate';\nimport {Th} from './Th';\n\nconst useStyles = createStyles<string, {hasHeader: boolean}>((theme, {hasHeader}, getRef) => ({\n    table: {\n        width: '100%',\n    },\n    header: {\n        position: 'sticky',\n        top: hasHeader ? 69 : 0,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n        transition: 'box-shadow 150ms ease',\n        zIndex: 12, // skeleton is 11\n\n        '&::after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderBottom: `1px solid ${theme.colors.gray[2]}`,\n        },\n    },\n\n    rowSelected: {\n        ref: getRef('rowSelected'),\n    },\n\n    row: {\n        [`&:hover, &.${getRef('rowSelected')}`]: {\n            backgroundColor:\n                theme.colorScheme === 'dark'\n                    ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2)\n                    : theme.colors[theme.primaryColor][0],\n        },\n    },\n}));\n\ninterface TableProps<T> {\n    /**\n     * Data to display in the table\n     */\n    data: T[];\n    /**\n     * Columns to display in the table.\n     *\n     * @see https://tanstack.com/table/v8/docs/guide/column-defs\n     */\n    columns: Array<ColumnDef<T>>;\n    /**\n     * Function called when the table mounts\n     *\n     * @param state the state of the table\n     */\n    onMount?: onTableChangeEvent;\n    /**\n     * Function called when the table should update\n     *\n     * @param state the state of the table\n     */\n    onChange?: onTableChangeEvent;\n    /**\n     * Function that generates the expandable content of a row\n     * Return null for rows that don't need to be expandable\n     *\n     * @param datum the row for which the children should be generated.\n     */\n    getExpandChildren?: (datum: T) => ReactNode;\n    /**\n     * React children to show when the table has no rows to show. You can leverage useTable to get the state of the table\n     */\n    noDataChildren?: ReactNode;\n    /**\n     * Whether the table is loading or not\n     *\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Childrens to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n     *\n     * @example\n     * <Table ...>\n     *     <Table.Header>\n     *         <div>Hello</div>\n     *     </Table.Header>\n     * </Table>\n     */\n    children?: ReactNode;\n\n    /**\n     * Initial state of the table\n     */\n    initialState?: InitialTableState & Partial<TableFormType>;\n}\n\ninterface TableType {\n    <T>(props: TableProps<T>): ReactElement;\n    Actions: typeof TableActions;\n    Filter: typeof TableFilter;\n    Footer: typeof TableFooter;\n    Header: typeof TableHeader;\n    Pagination: typeof TablePagination;\n    PerPage: typeof TablePerPage;\n    Predicate: typeof TablePredicate;\n    CollapsibleColumn: typeof TableCollapsibleColumn;\n    DateRangePicker: typeof TableDateRangePicker;\n}\n\nexport const Table: TableType = <T,>({\n    data,\n    noDataChildren,\n    getExpandChildren,\n    initialState = {},\n    columns,\n    onMount,\n    onChange,\n    children,\n    loading = false,\n}: TableProps<T>) => {\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const header = convertedChildren.find((child) => child.type === TableHeader);\n    const footer = convertedChildren.find((child) => child.type === TableFooter);\n\n    const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n    const form = useForm<TableFormType>({\n        initialValues: {predicates: initialState?.predicates ?? {}, dateRange: initialState?.dateRange ?? [null, null]},\n    });\n\n    const {cx, classes} = useStyles({hasHeader: !!header});\n\n    const table = useReactTable({\n        initialState: defaultsDeep(initialStateWithoutForm, {pagination: {pageSize: TablePerPage.DEFAULT_SIZE}}),\n        data,\n        columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: true,\n        getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n    });\n    const [state, setState] = useState<TableState>(table.initialState);\n    table.setOptions((prev) => ({\n        ...prev,\n        state,\n        onStateChange: setState,\n    }));\n\n    const triggerChange = () => onChange?.({...state, ...form.values});\n\n    useEffect(() => {\n        onMount?.({...state, ...form.values});\n    }, []);\n\n    useDidUpdate(() => {\n        triggerChange();\n        clearSelection();\n    }, [state.globalFilter, state.sorting, state.pagination, form.values]);\n\n    const clearFilters = useCallback(() => {\n        form.setFieldValue('predicates', {});\n        setState((prevState) => ({...prevState, globalFilter: ''}));\n    }, []);\n\n    const clearSelection = () => {\n        setState((prevState) => ({...prevState, rowSelection: {}}));\n    };\n\n    const getSelectedRow = useCallback(\n        () => table.getSelectedRowModel().flatRows?.[0]?.original ?? null,\n        [state.rowSelection]\n    );\n\n    if (!data) {\n        return (\n            <Center sx={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const toggleRowSelection = (row: Row<T>) => {\n        table.setRowSelection(() => ({[row.id]: !row.getIsSelected()}));\n    };\n\n    const rows = table.getRowModel().rows.map((row) => {\n        const rowChildren = getExpandChildren?.(row.original) ?? null;\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={() => toggleRowSelection(row)}\n                    className={cx(classes.row, {[classes.rowSelected]: row.getIsSelected()})}\n                >\n                    {row.getVisibleCells().map((cell) => {\n                        const size = cell.column.getSize();\n                        const width = size !== defaultColumnSizing.size ? size : undefined;\n                        return (\n                            <td key={cell.id} style={{width}}>\n                                <Skeleton visible={loading}>\n                                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                                </Skeleton>\n                            </td>\n                        );\n                    })}\n                </tr>\n                {rowChildren ? (\n                    <tr>\n                        <td\n                            colSpan={columns.length + 1}\n                            style={{padding: 0, borderBottomColor: row.getIsExpanded() ? undefined : 'transparent'}}\n                        >\n                            <Collapse in={row.getIsExpanded()} px=\"sm\" py=\"xs\">\n                                {rowChildren}\n                            </Collapse>\n                        </td>\n                    </tr>\n                ) : null}\n            </Fragment>\n        );\n    });\n\n    return (\n        <TableContext.Provider\n            value={{\n                onChange: triggerChange,\n                state,\n                setState,\n                clearFilters,\n                getSelectedRow,\n                clearSelection,\n                form,\n            }}\n        >\n            {header}\n            <MantineTable className={classes.table} horizontalSpacing=\"sm\" verticalSpacing=\"xs\" pb=\"sm\">\n                <thead className={classes.header}>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <tr key={headerGroup.id}>\n                            {headerGroup.headers.map((columnHeader) => (\n                                <Th key={columnHeader.id} header={columnHeader} />\n                            ))}\n                        </tr>\n                    ))}\n                </thead>\n                <tbody>\n                    {rows.length ? (\n                        rows\n                    ) : (\n                        <tr>\n                            <td colSpan={columns.length}>{noDataChildren}</td>\n                        </tr>\n                    )}\n                </tbody>\n            </MantineTable>\n            {footer}\n        </TableContext.Provider>\n    );\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.DateRangePicker = TableDateRangePicker;\n"],"names":["Table","useStyles","createStyles","theme","getRef","hasHeader","table","width","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","rowSelected","ref","row","fn","rgba","primaryColor","data","noDataChildren","getExpandChildren","initialState","columns","onMount","onChange","children","loading","convertedChildren","Children","toArray","find","child","type","TableHeader","footer","TableFooter","predicates","dateRange","initialStateWithoutForm","form","useForm","initialValues","cx","classes","useReactTable","defaultsDeep","pagination","pageSize","TablePerPage","DEFAULT_SIZE","getCoreRowModel","manualPagination","getRowCanExpand","original","useState","state","setState","setOptions","prev","onStateChange","triggerChange","values","useEffect","useDidUpdate","clearSelection","globalFilter","sorting","clearFilters","useCallback","setFieldValue","prevState","rowSelection","getSelectedRow","getSelectedRowModel","flatRows","Center","sx","flexGrow","Loader","toggleRowSelection","setRowSelection","id","getIsSelected","rows","getRowModel","map","rowChildren","Fragment","tr","onClick","className","getVisibleCells","cell","size","column","getSize","defaultColumnSizing","undefined","td","style","Skeleton","visible","flexRender","columnDef","getContext","colSpan","length","padding","borderBottomColor","getIsExpanded","Collapse","in","px","py","TableContext","Provider","value","MantineTable","horizontalSpacing","verticalSpacing","pb","thead","getHeaderGroups","headerGroup","headers","columnHeader","Th","tbody","Actions","TableActions","Filter","TableFilter","Footer","Header","Pagination","TablePagination","Predicate","TablePredicate","PerPage","CollapsibleColumn","TableCollapsibleColumn","DateRangePicker","TableDateRangePicker"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableActions", {
+    enumerable: true,
+    get: function() {
+        return TableActions;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _useTable = require("./useTable");
+var TableActions = function(param) {
+    var children = param.children;
+    var getSelectedRow = (0, _useTable.useTable)().getSelectedRow;
+    var selectedRow = getSelectedRow();
+    if (!selectedRow) {
+        return null;
+    }
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: children(selectedRow)
+    });
+};
+
+//# sourceMappingURL=TableActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableActions.tsx"],"sourcesContent":["import {ReactElement, ReactNode} from 'react';\nimport {useTable} from './useTable';\n\ninterface TableActionsProps<T> {\n    /**\n     * Function that return components for the selected row\n     *\n     * @param datum the data of the selected row\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;\n}\n\nexport const TableActions = <T,>({children}: TableActionsProps<T>): ReactElement => {\n    const {getSelectedRow} = useTable();\n    const selectedRow = getSelectedRow();\n\n    if (!selectedRow) {\n        return null;\n    }\n\n    return <>{children(selectedRow)}</>;\n};\n"],"names":["TableActions","children","getSelectedRow","useTable","selectedRow"],"mappings":"AAAA;;;;+BA0BaA,cAAY;;;eAAZA,YAAY;;;;wBAzBF,YAAY;AAyB5B,IAAMA,YAAY,GAAG,gBAAwD;QAAlDC,QAAQ,SAARA,QAAQ;IACtC,IAAM,AAACC,cAAc,GAAIC,IAAAA,SAAQ,SAAA,GAAE,CAA5BD,cAAc,AAAc,AAAC;IACpC,IAAME,WAAW,GAAGF,cAAc,EAAE,AAAC;IAErC,IAAI,CAACE,WAAW,EAAE;QACd,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,qBAAO;kBAAGH,QAAQ,CAACG,WAAW,CAAC;MAAI,CAAC;AACxC,CAAC,AAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableCollapsibleColumn", {
+    enumerable: true,
+    get: function() {
+        return TableCollapsibleColumn;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var TableCollapsibleColumn = {
+    id: "collapsible",
+    header: "",
+    enableSorting: false,
+    cell: function(info) {
+        var handler = info.row.getToggleExpandedHandler();
+        var onClick = function(e) {
+            e.stopPropagation();
+            handler();
+        };
+        return info.row.getCanExpand() ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+            onClick: onClick,
+            variant: "subtle",
+            size: "xs",
+            children: info.row.getIsExpanded() ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.ArrowHeadUpSize24Px, {}) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.ArrowHeadDownSize24Px, {})
+        }) : null;
+    }
+};
+
+//# sourceMappingURL=TableCollapsibleColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableCollapsibleColumn.tsx"],"sourcesContent":["import {ArrowHeadDownSize24Px, ArrowHeadUpSize24Px} from '@coveord/plasma-react-icons';\nimport {Button} from '@mantine/core';\nimport {ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent} from 'react';\n\n/**\n * Generic column to use when your table need collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n    id: 'collapsible',\n    header: '',\n    enableSorting: false,\n    cell: (info) => {\n        const handler = info.row.getToggleExpandedHandler();\n        const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n            e.stopPropagation();\n            handler();\n        };\n\n        return info.row.getCanExpand() ? (\n            <Button onClick={onClick} variant=\"subtle\" size=\"xs\">\n                {info.row.getIsExpanded() ? <ArrowHeadUpSize24Px /> : <ArrowHeadDownSize24Px />}\n            </Button>\n        ) : null;\n    },\n};\n"],"names":["TableCollapsibleColumn","id","header","enableSorting","cell","info","handler","row","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","Button","variant","size","getIsExpanded","ArrowHeadUpSize24Px","ArrowHeadDownSize24Px"],"mappings":"AAAA;;;;+BAQaA,wBAAsB;;;eAAtBA,sBAAsB;;;;gCARsB,6BAA6B;oBACjE,eAAe;AAO7B,IAAMA,sBAAsB,GAAuB;IACtDC,EAAE,EAAE,aAAa;IACjBC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,IAAI,EAAE,SAACC,IAAI,EAAK;QACZ,IAAMC,OAAO,GAAGD,IAAI,CAACE,GAAG,CAACC,wBAAwB,EAAE,AAAC;QACpD,IAAMC,OAAO,GAAG,SAACC,CAAqC,EAAK;YACvDA,CAAC,CAACC,eAAe,EAAE,CAAC;YACpBL,OAAO,EAAE,CAAC;QACd,CAAC,AAAC;QAEF,OAAOD,IAAI,CAACE,GAAG,CAACK,YAAY,EAAE,iBAC1B,qBAACC,KAAM,OAAA;YAACJ,OAAO,EAAEA,OAAO;YAAEK,OAAO,EAAC,QAAQ;YAACC,IAAI,EAAC,IAAI;sBAC/CV,IAAI,CAACE,GAAG,CAACS,aAAa,EAAE,iBAAG,qBAACC,iBAAmB,oBAAA,KAAG,iBAAG,qBAACC,iBAAqB,sBAAA,KAAG;UAC1E,GACT,IAAI,CAAC;IACb,CAAC;CACJ,AAAC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TableContext", {
+    enumerable: true,
+    get: function() {
+        return TableContext;
+    }
+});
+var _react = require("react");
+var TableContext = /*#__PURE__*/ (0, _react.createContext)(null);
+
+//# sourceMappingURL=TableContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["import {DateRangePickerValue} from '@mantine/dates';\nimport {UseFormReturnType} from '@mantine/form';\nimport {TableState} from '@tanstack/react-table';\nimport {createContext, Dispatch} from 'react';\n\nexport type onTableChangeEvent = (params: TableState & TableFormType) => void;\n\nexport type TableFormType = {\n    /**\n     * Object containing the table predicates and their selected values\n     *\n     * @example {type: \"LONG\", origin: \"system\"}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Selected date range in the table\n     *\n     * @example [new Date(2022, 0, 1), new Date(2022, 0, 31)]\n     */\n    dateRange: DateRangePickerValue;\n};\n\ntype TableContextType = {\n    /**\n     * Function to call when the table needs an update\n     */\n    onChange: () => void;\n    /**\n     * Internal state of the table\n     *\n     * @see https://tanstack.com/table/v8/docs/api/core/table#state\n     */\n    state: TableState;\n    /**\n     * Function to update the table state\n     */\n    setState: Dispatch<(prevState: TableState) => TableState>;\n    /**\n     * Function that clears the filter and predicates\n     */\n    clearFilters: () => void;\n    /**\n     * Function that returns the selected row if any\n     */\n    getSelectedRow: () => any | null;\n    /**\n     * Function that clear the selected row\n     */\n    clearSelection: () => void;\n    /**\n     * Form used to handle predicates and dateRange\n     */\n    form: UseFormReturnType<TableFormType>;\n};\n\nexport const TableContext = createContext<TableContextType | null>(null);\n"],"names":["TableContext","createContext"],"mappings":"AAAA;;;;+BAuDaA,cAAY;;;eAAZA,YAAY;;;qBApDa,OAAO;AAoDtC,IAAMA,YAAY,iBAAGC,IAAAA,MAAa,cAAA,EAA0B,IAAI,CAAC,AAAC"}