@coveord/plasma-mantine 52.26.2 → 52.26.4

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => ({\n    body: {\n        padding: 0,\n    },\n    modalType: {overflow: 'hidden', width: 550},\n    innerBody: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl} ${theme.spacing.lg}`,\n    },\n    header: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n        width: '100%',\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        fontSize: theme.headings.sizes.h3.fontSize,\n        lineHeight: theme.headings.sizes.h3.lineHeight,\n        overflowWrap: 'anywhere',\n    },\n    success: {backgroundColor: theme.colors.lime[6], color: color.primary.pureWhite},\n    warning: {backgroundColor: theme.colors.yellow[5], color: color.primary.pureWhite},\n    critical: {\n        backgroundColor: theme.colors.red[6],\n        color: color.primary.pureWhite,\n    },\n    info: {backgroundColor: theme.colors.navy[5], color: color.primary.pureWhite},\n    whiteClose: {color: color.primary.pureWhite, '&:hover': {backgroundColor: 'transparent'}},\n    title: {\n        color: color.primary.pureWhite,\n    },\n}));\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: '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 = 'info', ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const {classes, cx} = useStyles();\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: classes.whiteClose,\n        body: classes.body,\n        modal: classes.modalType,\n        title: classes.title,\n    };\n\n    return (\n        <Modal\n            variant=\"prompt\"\n            padding={0}\n            classNames={{...classNames, ...classesProps}}\n            size={'sm'}\n            {...otherPropsWithoutClasses}\n        >\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["color","createStyles","Modal","Children","PromptFooter","useStyles","theme","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h3","lineHeight","overflowWrap","success","backgroundColor","lime","primary","pureWhite","warning","yellow","critical","red","info","navy","whiteClose","title","Prompt","children","variant","otherProps","classNames","classesProps","otherPropsWithoutClasses","classes","cx","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","close","modal","size","div","className","Footer"],"mappings":";;;;AAAA,SAAQA,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,YAAY,EAAEC,KAAK,QAAmB,gBAAgB;AAC9D,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,YAAY,QAAO,iBAAiB;AAE5C,IAAMC,YAAYJ,aAAa,SAACK;WAAW;QACvCC,MAAM;YACFC,SAAS;QACb;QACAC,WAAW;YAACC,UAAU;YAAUC,OAAO;QAAG;QAC1CC,WAAW;YACPJ,SAAS,AAAC,GAAsBF,OAApBA,MAAMO,OAAO,CAACC,EAAE,EAAC,KAAuBR,OAApBA,MAAMO,OAAO,CAACE,EAAE,EAAC,KAAoB,OAAjBT,MAAMO,OAAO,CAACG,EAAE;QACxE;QACAC,QAAQ;YACJT,SAAS,AAAC,GAAsBF,OAApBA,MAAMO,OAAO,CAACC,EAAE,EAAC,KAAoB,OAAjBR,MAAMO,OAAO,CAACE,EAAE;YAChDJ,OAAO;YACPO,cAAc,AAAC,aAAiC,OAArBZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/CC,UAAUf,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,YAAYnB,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACC,UAAU;YAC9CC,cAAc;QAClB;QACAC,SAAS;YAACC,iBAAiBtB,MAAMa,MAAM,CAACU,IAAI,CAAC,EAAE;YAAE7B,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC/EC,SAAS;YAACJ,iBAAiBtB,MAAMa,MAAM,CAACc,MAAM,CAAC,EAAE;YAAEjC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QACjFG,UAAU;YACNN,iBAAiBtB,MAAMa,MAAM,CAACgB,GAAG,CAAC,EAAE;YACpCnC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;QACAK,MAAM;YAACR,iBAAiBtB,MAAMa,MAAM,CAACkB,IAAI,CAAC,EAAE;YAAErC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC5EO,YAAY;YAACtC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;YAAE,WAAW;gBAACH,iBAAiB;YAAa;QAAC;QACxFW,OAAO;YACHvC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;IACJ;;AAgBA,OAAO,IAAMS,SAAqB;QAAEC,kBAAAA,kCAAUC,SAAAA,sCAAU,yBAAWC;QAA/BF;QAAUC;;IAC1C,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,sDAA4BH;QAAzDC;;IACP,IAAsBvC,aAAAA,aAAf0C,UAAe1C,WAAf0C,SAASC,KAAM3C,WAAN2C;IAChB,IAAMC,oBAAoB9C,SAAS+C,OAAO,CAACT;IAE3C,IAAMU,gBAAgBF,kBAAkBG,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKlD;;IACzE,IAAMmD,SAASN,kBAAkBO,IAAI,CAAC,SAACH;eAAUA,MAAMC,IAAI,KAAKlD;;IAEhE,IAAMwC,aAAa;QACf3B,QAAQ+B,GAAGD,QAAQ9B,MAAM,EAAE8B,OAAO,CAACL,QAAQ;QAC3Ce,OAAOV,QAAQT,UAAU;QACzB/B,MAAMwC,QAAQxC,IAAI;QAClBmD,OAAOX,QAAQtC,SAAS;QACxB8B,OAAOQ,QAAQR,KAAK;IACxB;IAEA,qBACI,MAACrC;QACGwC,SAAQ;QACRlC,SAAS;QACToC,YAAY,mBAAIA,YAAeC;QAC/Bc,MAAM;OACFb;;0BAEJ,KAACc;gBAAIC,WAAWd,QAAQnC,SAAS;0BAAGuC;;YACnCI;;;AAGb,EAAE;AAEFf,OAAOsB,MAAM,GAAG1D"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => ({\n    body: {\n        padding: 0,\n    },\n    modalType: {overflow: 'hidden', width: 550},\n    innerBody: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl} ${theme.spacing.lg}`,\n    },\n    header: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n        width: '100%',\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        fontSize: theme.headings.sizes.h3.fontSize,\n        lineHeight: theme.headings.sizes.h3.lineHeight,\n        overflowWrap: 'anywhere',\n    },\n    success: {backgroundColor: theme.colors.lime[6], color: color.primary.pureWhite},\n    warning: {backgroundColor: theme.colors.yellow[5], color: color.primary.pureWhite},\n    critical: {\n        backgroundColor: theme.colors.red[6],\n        color: color.primary.pureWhite,\n    },\n    info: {backgroundColor: theme.colors.navy[5], color: color.primary.pureWhite},\n    whiteClose: {color: color.primary.pureWhite, '&:hover': {backgroundColor: 'transparent'}},\n    title: {\n        color: color.primary.pureWhite,\n    },\n}));\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: '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 = 'info', ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const {classes, cx} = useStyles();\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: classes.whiteClose,\n        body: classes.body,\n        modal: classes.modalType,\n        title: classes.title,\n    };\n\n    return (\n        <Modal\n            variant=\"prompt\"\n            padding={0}\n            classNames={{...classNames, ...classesProps}}\n            size={'sm'}\n            {...otherPropsWithoutClasses}\n        >\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["color","createStyles","Modal","Children","PromptFooter","useStyles","theme","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h3","lineHeight","overflowWrap","success","backgroundColor","lime","primary","pureWhite","warning","yellow","critical","red","info","navy","whiteClose","title","Prompt","children","variant","otherProps","classNames","classesProps","otherPropsWithoutClasses","classes","cx","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","close","modal","size","div","className","Footer"],"mappings":";AAAA,SAAQA,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,YAAY,EAAEC,KAAK,QAAmB,gBAAgB;AAC9D,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,YAAY,QAAO,iBAAiB;AAE5C,MAAMC,YAAYJ,aAAa,CAACK,QAAW,CAAA;QACvCC,MAAM;YACFC,SAAS;QACb;QACAC,WAAW;YAACC,UAAU;YAAUC,OAAO;QAAG;QAC1CC,WAAW;YACPJ,SAAS,CAAC,EAAEF,MAAMO,OAAO,CAACC,EAAE,CAAC,CAAC,EAAER,MAAMO,OAAO,CAACE,EAAE,CAAC,CAAC,EAAET,MAAMO,OAAO,CAACG,EAAE,CAAC,CAAC;QAC1E;QACAC,QAAQ;YACJT,SAAS,CAAC,EAAEF,MAAMO,OAAO,CAACC,EAAE,CAAC,CAAC,EAAER,MAAMO,OAAO,CAACE,EAAE,CAAC,CAAC;YAClDJ,OAAO;YACPO,cAAc,CAAC,UAAU,EAAEZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;YACjDC,UAAUf,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,YAAYnB,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACC,UAAU;YAC9CC,cAAc;QAClB;QACAC,SAAS;YAACC,iBAAiBtB,MAAMa,MAAM,CAACU,IAAI,CAAC,EAAE;YAAE7B,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC/EC,SAAS;YAACJ,iBAAiBtB,MAAMa,MAAM,CAACc,MAAM,CAAC,EAAE;YAAEjC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QACjFG,UAAU;YACNN,iBAAiBtB,MAAMa,MAAM,CAACgB,GAAG,CAAC,EAAE;YACpCnC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;QACAK,MAAM;YAACR,iBAAiBtB,MAAMa,MAAM,CAACkB,IAAI,CAAC,EAAE;YAAErC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC5EO,YAAY;YAACtC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;YAAE,WAAW;gBAACH,iBAAiB;YAAa;QAAC;QACxFW,OAAO;YACHvC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;IACJ,CAAA;AAgBA,OAAO,MAAMS,SAAqB,CAAC,EAACC,QAAQ,EAAEC,UAAU,MAAM,EAAE,GAAGC,YAAW;IAC1E,MAAM,EAACC,YAAYC,YAAY,EAAE,GAAGC,0BAAyB,GAAGH;IAChE,MAAM,EAACI,OAAO,EAAEC,EAAE,EAAC,GAAG3C;IACtB,MAAM4C,oBAAoB9C,SAAS+C,OAAO,CAACT;IAE3C,MAAMU,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKlD;IACzE,MAAMmD,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKlD;IAEhE,MAAMwC,aAAa;QACf3B,QAAQ+B,GAAGD,QAAQ9B,MAAM,EAAE8B,OAAO,CAACL,QAAQ;QAC3Ce,OAAOV,QAAQT,UAAU;QACzB/B,MAAMwC,QAAQxC,IAAI;QAClBmD,OAAOX,QAAQtC,SAAS;QACxB8B,OAAOQ,QAAQR,KAAK;IACxB;IAEA,qBACI,MAACrC;QACGwC,SAAQ;QACRlC,SAAS;QACToC,YAAY;YAAC,GAAGA,UAAU;YAAE,GAAGC,YAAY;QAAA;QAC3Cc,MAAM;QACL,GAAGb,wBAAwB;;0BAE5B,KAACc;gBAAIC,WAAWd,QAAQnC,SAAS;0BAAGuC;;YACnCI;;;AAGb,EAAE;AAEFf,OAAOsB,MAAM,GAAG1D"}

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

@@ -1,15 +1,8 @@
-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 { StickyFooter } from "../sticky-footer";
-export var PromptFooter = function(_param) /*#__PURE__*/ {
-    var children = _param.children, otherProps = _object_without_properties(_param, [
-        "children"
-    ]);
-    return _jsx(StickyFooter, _object_spread_props(_object_spread({}, otherProps), {
+import { StickyFooter } from '../sticky-footer';
+export const PromptFooter = ({ children, ...otherProps })=>/*#__PURE__*/ _jsx(StickyFooter, {
+        ...otherProps,
         children: children
-    }));
-};
+    });
 
 //# sourceMappingURL=PromptFooter.js.map

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

@@ -1 +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":["StickyFooter","PromptFooter","children","otherProps"],"mappings":";;;;AACA,SAAQA,YAAY,QAA0B,mBAAmB;AAIjE,OAAO,IAAMC,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;WACnF,KAACF,sDAAiBG;kBAAaD;;AAAuB,EACxD"}
+{"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":["StickyFooter","PromptFooter","children","otherProps"],"mappings":";AACA,SAAQA,YAAY,QAA0B,mBAAmB;AAIjE,OAAO,MAAMC,eAAwE,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW,iBAC3G,KAACH;QAAc,GAAGG,UAAU;kBAAGD;OACjC"}

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

@@ -1,3 +1,3 @@
-export * from "./Prompt";
+export * from './Prompt';
 
 //# sourceMappingURL=index.js.map

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

@@ -1,44 +1,30 @@
-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 { Box, createStyles, Divider, Group, useComponentDefaultProps } from "@mantine/core";
-import { forwardRef } from "react";
-var useStyles = createStyles(function(theme) {
-    return {
+import { Box, createStyles, Divider, Group, useComponentDefaultProps } from '@mantine/core';
+import { forwardRef } from 'react';
+const useStyles = createStyles((theme)=>({
         root: {
-            position: "sticky",
+            position: 'sticky',
             bottom: 0,
             zIndex: 10,
-            backgroundColor: "white"
+            backgroundColor: 'white'
         },
         footer: {
             padding: theme.spacing.lg
         },
         divider: {}
-    };
-});
-var defaultProps = {
-    spacing: "sm",
-    position: "right"
+    }));
+const defaultProps = {
+    spacing: 'sm',
+    position: 'right'
 };
-export var StickyFooter = /*#__PURE__*/ forwardRef(function(props, ref) {
-    var _useComponentDefaultProps = useComponentDefaultProps("StickyFooter", defaultProps, props), borderTop = _useComponentDefaultProps.borderTop, spacing = _useComponentDefaultProps.spacing, position = _useComponentDefaultProps.position, children = _useComponentDefaultProps.children, className = _useComponentDefaultProps.className, classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, others = _object_without_properties(_useComponentDefaultProps, [
-        "borderTop",
-        "spacing",
-        "position",
-        "children",
-        "className",
-        "classNames",
-        "styles",
-        "unstyled"
-    ]);
-    var _useStyles = useStyles(null, {
-        name: "StickyFooter",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
+export const StickyFooter = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { borderTop, spacing, position, children, className, classNames, styles, unstyled, ...others } = useComponentDefaultProps('StickyFooter', defaultProps, props);
+    const { classes, cx } = useStyles(null, {
+        name: 'StickyFooter',
+        classNames,
+        styles,
+        unstyled
+    });
     return /*#__PURE__*/ _jsxs(Box, {
         ref: ref,
         className: cx(classes.root, className),
@@ -47,13 +33,13 @@ export var StickyFooter = /*#__PURE__*/ forwardRef(function(props, ref) {
                 size: "xs",
                 className: classes.divider
             }) : null,
-            /*#__PURE__*/ _jsx(Group, _object_spread_props(_object_spread({
+            /*#__PURE__*/ _jsx(Group, {
                 position: position,
                 spacing: spacing,
-                className: classes.footer
-            }, others), {
+                className: classes.footer,
+                ...others,
                 children: children
-            }))
+            })
         ]
     });
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {\n    Box,\n    createStyles,\n    DefaultProps,\n    Divider,\n    Group,\n    GroupPosition,\n    MantineNumberSize,\n    Selectors,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {forwardRef, ReactNode} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n    /**\n     * Position of the children within the footer\n     *\n     * @default 'right'\n     */\n    position?: GroupPosition;\n    /**\n     * Defines the spacing between footer children\n     *\n     * @default 'sm'\n     */\n    spacing?: MantineNumberSize;\n    /**\n     * Footer's children, usually buttons\n     */\n    children?: ReactNode;\n}\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 10,\n        backgroundColor: 'white',\n    },\n    footer: {\n        padding: theme.spacing.lg,\n    },\n    divider: {},\n}));\n\nconst defaultProps: Partial<StickyFooterProps> = {\n    spacing: 'sm',\n    position: 'right',\n};\n\nexport const StickyFooter = forwardRef<HTMLDivElement, StickyFooterProps>((props, ref) => {\n    const {borderTop, spacing, position, children, className, classNames, styles, unstyled, ...others} =\n        useComponentDefaultProps('StickyFooter', defaultProps, props);\n    const {classes, cx} = useStyles(null, {name: 'StickyFooter', classNames, styles, unstyled});\n\n    return (\n        <Box ref={ref} className={cx(classes.root, className)}>\n            {borderTop ? <Divider size=\"xs\" className={classes.divider} /> : null}\n            <Group position={position} spacing={spacing} className={classes.footer} {...others}>\n                {children}\n            </Group>\n        </Box>\n    );\n});\n"],"names":["Box","createStyles","Divider","Group","useComponentDefaultProps","forwardRef","useStyles","theme","root","position","bottom","zIndex","backgroundColor","footer","padding","spacing","lg","divider","defaultProps","StickyFooter","props","ref","borderTop","children","className","classNames","styles","unstyled","others","name","classes","cx","size"],"mappings":";;;;AAAA,SACIA,GAAG,EACHC,YAAY,EAEZC,OAAO,EACPC,KAAK,EAILC,wBAAwB,QACrB,gBAAgB;AACvB,SAAQC,UAAU,QAAkB,QAAQ;AAyB5C,IAAMC,YAAYL,aAAa,SAACM;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,iBAAiB;QACrB;QACAC,QAAQ;YACJC,SAASP,MAAMQ,OAAO,CAACC,EAAE;QAC7B;QACAC,SAAS,CAAC;IACd;;AAEA,IAAMC,eAA2C;IAC7CH,SAAS;IACTN,UAAU;AACd;AAEA,OAAO,IAAMU,6BAAed,WAA8C,SAACe,OAAOC;IAC9E,IACIjB,4BAAAA,yBAAyB,gBAAgBc,cAAcE,QADpDE,YACHlB,0BADGkB,WAAWP,UACdX,0BADcW,SAASN,WACvBL,0BADuBK,UAAUc,WACjCnB,0BADiCmB,UAAUC,YAC3CpB,0BAD2CoB,WAAWC,aACtDrB,0BADsDqB,YAAYC,SAClEtB,0BADkEsB,QAAQC,WAC1EvB,0BAD0EuB,UAAaC,oCACvFxB;QADGkB;QAAWP;QAASN;QAAUc;QAAUC;QAAWC;QAAYC;QAAQC;;IAE9E,IAAsBrB,aAAAA,UAAU,MAAM;QAACuB,MAAM;QAAgBJ,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAlFG,UAAexB,WAAfwB,SAASC,KAAMzB,WAANyB;IAEhB,qBACI,MAAC/B;QAAIqB,KAAKA;QAAKG,WAAWO,GAAGD,QAAQtB,IAAI,EAAEgB;;YACtCF,0BAAY,KAACpB;gBAAQ8B,MAAK;gBAAKR,WAAWM,QAAQb,OAAO;iBAAO;0BACjE,KAACd;gBAAMM,UAAUA;gBAAUM,SAASA;gBAASS,WAAWM,QAAQjB,MAAM;eAAMe;0BACvEL;;;;AAIjB,GAAG"}
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {\n    Box,\n    createStyles,\n    DefaultProps,\n    Divider,\n    Group,\n    GroupPosition,\n    MantineNumberSize,\n    Selectors,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {forwardRef, ReactNode} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n    /**\n     * Position of the children within the footer\n     *\n     * @default 'right'\n     */\n    position?: GroupPosition;\n    /**\n     * Defines the spacing between footer children\n     *\n     * @default 'sm'\n     */\n    spacing?: MantineNumberSize;\n    /**\n     * Footer's children, usually buttons\n     */\n    children?: ReactNode;\n}\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 10,\n        backgroundColor: 'white',\n    },\n    footer: {\n        padding: theme.spacing.lg,\n    },\n    divider: {},\n}));\n\nconst defaultProps: Partial<StickyFooterProps> = {\n    spacing: 'sm',\n    position: 'right',\n};\n\nexport const StickyFooter = forwardRef<HTMLDivElement, StickyFooterProps>((props, ref) => {\n    const {borderTop, spacing, position, children, className, classNames, styles, unstyled, ...others} =\n        useComponentDefaultProps('StickyFooter', defaultProps, props);\n    const {classes, cx} = useStyles(null, {name: 'StickyFooter', classNames, styles, unstyled});\n\n    return (\n        <Box ref={ref} className={cx(classes.root, className)}>\n            {borderTop ? <Divider size=\"xs\" className={classes.divider} /> : null}\n            <Group position={position} spacing={spacing} className={classes.footer} {...others}>\n                {children}\n            </Group>\n        </Box>\n    );\n});\n"],"names":["Box","createStyles","Divider","Group","useComponentDefaultProps","forwardRef","useStyles","theme","root","position","bottom","zIndex","backgroundColor","footer","padding","spacing","lg","divider","defaultProps","StickyFooter","props","ref","borderTop","children","className","classNames","styles","unstyled","others","classes","cx","name","size"],"mappings":";AAAA,SACIA,GAAG,EACHC,YAAY,EAEZC,OAAO,EACPC,KAAK,EAILC,wBAAwB,QACrB,gBAAgB;AACvB,SAAQC,UAAU,QAAkB,QAAQ;AAyB5C,MAAMC,YAAYL,aAAa,CAACM,QAAW,CAAA;QACvCC,MAAM;YACFC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,iBAAiB;QACrB;QACAC,QAAQ;YACJC,SAASP,MAAMQ,OAAO,CAACC,EAAE;QAC7B;QACAC,SAAS,CAAC;IACd,CAAA;AAEA,MAAMC,eAA2C;IAC7CH,SAAS;IACTN,UAAU;AACd;AAEA,OAAO,MAAMU,6BAAed,WAA8C,CAACe,OAAOC;IAC9E,MAAM,EAACC,SAAS,EAAEP,OAAO,EAAEN,QAAQ,EAAEc,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAC9FxB,yBAAyB,gBAAgBc,cAAcE;IAC3D,MAAM,EAACS,OAAO,EAAEC,EAAE,EAAC,GAAGxB,UAAU,MAAM;QAACyB,MAAM;QAAgBN;QAAYC;QAAQC;IAAQ;IAEzF,qBACI,MAAC3B;QAAIqB,KAAKA;QAAKG,WAAWM,GAAGD,QAAQrB,IAAI,EAAEgB;;YACtCF,0BAAY,KAACpB;gBAAQ8B,MAAK;gBAAKR,WAAWK,QAAQZ,OAAO;iBAAO;0BACjE,KAACd;gBAAMM,UAAUA;gBAAUM,SAASA;gBAASS,WAAWK,QAAQhB,MAAM;gBAAG,GAAGe,MAAM;0BAC7EL;;;;AAIjB,GAAG"}

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

@@ -1,3 +1,3 @@
-export * from "./StickyFooter";
+export * from './StickyFooter';
 
 //# sourceMappingURL=index.js.map

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

@@ -1,127 +1,103 @@
-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 { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Center, Loader } from "@mantine/core";
-import { useForm } from "@mantine/form";
-import { useDidUpdate } from "@mantine/hooks";
-import { defaultColumnSizing, getCoreRowModel, useReactTable } from "@tanstack/react-table";
-import debounce from "lodash.debounce";
-import defaultsDeep from "lodash.defaultsdeep";
-import { Children, cloneElement, useCallback, useEffect, useState } from "react";
-import { useRowSelection } from "../../hooks/useRowSelection";
-import useStyles from "./Table.styles";
-import { TableContext } from "./TableContext";
-import { TableLayouts } from "./layouts/TableLayouts";
-import { TableActions } from "./table-actions/TableActions";
-import { TableAccordionColumn, TableCollapsibleColumn } from "./table-column/TableCollapsibleColumn";
-import { TableSelectableColumn } from "./table-column/TableSelectableColumn";
-import { TableConsumer } from "./table-consumer/TableConsumer";
-import { TableDateRangePicker } from "./table-date-range-picker/TableDateRangePicker";
-import { TableFilter } from "./table-filter/TableFilter";
-import { TableFooter } from "./table-footer/TableFooter";
-import { TableHeader } from "./table-header/TableHeader";
-import { TableLastUpdated } from "./table-last-updated/TableLastUpdated";
-import { TableLoading } from "./table-loading/TableLoading";
-import { TablePagination } from "./table-pagination/TablePagination";
-import { TablePerPage } from "./table-per-page/TablePerPage";
-import { TablePredicate } from "./table-predicate/TablePredicate";
-export var Table = function(param) {
-    var data = param.data, getRowId = param.getRowId, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _param_initialState = param.initialState, initialState = _param_initialState === void 0 ? {} : _param_initialState, columns = param.columns, _param_layouts = param.layouts, layouts = _param_layouts === void 0 ? [
-        TableLayouts.Rows
-    ] : _param_layouts, onMount = param.onMount, onChange = param.onChange, children = param.children, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, doubleClickAction = param.doubleClickAction, multiRowSelectionEnabled = param.multiRowSelectionEnabled, disableRowSelection = param.disableRowSelection, onRowSelectionChange = param.onRowSelectionChange, additionalRootNodes = param.additionalRootNodes, classNames = param.classNames, styles = param.styles, unstyled = param.unstyled, _param_options = param.options, options = _param_options === void 0 ? {} : _param_options;
-    var _initialState, _initialState1, _initialState2, _options, _form_values, _form_values_dateRange, _form_values_dateRange1;
-    var convertedChildren = Children.toArray(children);
-    var header = convertedChildren.find(function(child) {
-        return child.type === TableHeader;
-    });
-    var footer = convertedChildren.find(function(child) {
-        return child.type === TableFooter;
-    });
-    var consumer = convertedChildren.find(function(child) {
-        return child.type === TableConsumer;
-    });
-    var lastUpdated = convertedChildren.find(function(child) {
-        return child.type === TableLastUpdated;
-    });
-    var predicates = initialState.predicates, dateRange = initialState.dateRange, initialStateWithoutForm = _object_without_properties(initialState, [
-        "predicates",
-        "dateRange"
-    ]);
-    var _initialState_predicates, _initialState_dateRange, _initialState_layout;
-    var form = useForm({
+import { Box, Center, Loader } from '@mantine/core';
+import { useForm } from '@mantine/form';
+import { useDidUpdate } from '@mantine/hooks';
+import { defaultColumnSizing, getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import debounce from 'lodash.debounce';
+import defaultsDeep from 'lodash.defaultsdeep';
+import { Children, cloneElement, useCallback, useEffect, useState } from 'react';
+import { useRowSelection } from '../../hooks/useRowSelection';
+import useStyles from './Table.styles';
+import { TableContext } from './TableContext';
+import { TableLayouts } from './layouts/TableLayouts';
+import { TableActions } from './table-actions/TableActions';
+import { TableAccordionColumn, TableCollapsibleColumn } from './table-column/TableCollapsibleColumn';
+import { TableSelectableColumn } from './table-column/TableSelectableColumn';
+import { TableConsumer } from './table-consumer/TableConsumer';
+import { TableDateRangePicker } from './table-date-range-picker/TableDateRangePicker';
+import { TableFilter } from './table-filter/TableFilter';
+import { TableFooter } from './table-footer/TableFooter';
+import { TableHeader } from './table-header/TableHeader';
+import { TableLastUpdated } from './table-last-updated/TableLastUpdated';
+import { TableLoading } from './table-loading/TableLoading';
+import { TablePagination } from './table-pagination/TablePagination';
+import { TablePerPage } from './table-per-page/TablePerPage';
+import { TablePredicate } from './table-predicate/TablePredicate';
+export const Table = ({ data, getRowId, noDataChildren, getExpandChildren, initialState = {}, columns, layouts = [
+    TableLayouts.Rows
+], onMount, onChange, children, loading = false, doubleClickAction, multiRowSelectionEnabled, disableRowSelection, onRowSelectionChange, additionalRootNodes, classNames, styles, unstyled, options = {} })=>{
+    const convertedChildren = Children.toArray(children);
+    const header = convertedChildren.find((child)=>child.type === TableHeader);
+    const footer = convertedChildren.find((child)=>child.type === TableFooter);
+    const consumer = convertedChildren.find((child)=>child.type === TableConsumer);
+    const lastUpdated = convertedChildren.find((child)=>child.type === TableLastUpdated);
+    const { predicates, dateRange, ...initialStateWithoutForm } = initialState;
+    const form = useForm({
         initialValues: {
-            predicates: (_initialState_predicates = (_initialState = initialState) === null || _initialState === void 0 ? void 0 : _initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {},
-            dateRange: (_initialState_dateRange = (_initialState1 = initialState) === null || _initialState1 === void 0 ? void 0 : _initialState1.dateRange) !== null && _initialState_dateRange !== void 0 ? _initialState_dateRange : [
+            predicates: initialState?.predicates ?? {},
+            dateRange: initialState?.dateRange ?? [
                 null,
                 null
             ],
-            layout: (_initialState_layout = (_initialState2 = initialState) === null || _initialState2 === void 0 ? void 0 : _initialState2.layout) !== null && _initialState_layout !== void 0 ? _initialState_layout : layouts[0].name
+            layout: initialState?.layout ?? layouts[0].name
         }
     });
-    var classes = useStyles(null, {
-        name: "PlasmaTable",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
-    var _ref;
-    var table = useReactTable(_object_spread({
+    const { classes } = useStyles(null, {
+        name: 'PlasmaTable',
+        classNames,
+        styles,
+        unstyled
+    });
+    const table = useReactTable({
         initialState: defaultsDeep(initialStateWithoutForm, {
             pagination: {
                 pageSize: TablePerPage.DEFAULT_SIZE
             },
-            globalFilter: ""
+            globalFilter: ''
         }),
-        data: data,
+        data,
         columns: multiRowSelectionEnabled ? [
             TableSelectableColumn
         ].concat(columns) : columns,
         getCoreRowModel: getCoreRowModel(),
-        manualPagination: ((_options = options) === null || _options === void 0 ? void 0 : _options.getPaginationRowModel) === undefined,
+        manualPagination: options?.getPaginationRowModel === undefined,
         enableMultiRowSelection: !!multiRowSelectionEnabled,
-        getRowId: getRowId,
-        getRowCanExpand: function(row) {
-            var _getExpandChildren;
-            return (_ref = !!((_getExpandChildren = getExpandChildren) === null || _getExpandChildren === void 0 ? void 0 : _getExpandChildren(row.original))) !== null && _ref !== void 0 ? _ref : false;
-        },
+        getRowId,
+        getRowCanExpand: (row)=>!!getExpandChildren?.(row.original) ?? false,
         enableRowSelection: !loading,
         defaultColumn: {
             size: undefined,
             minSize: defaultColumnSizing.minSize,
             maxSize: defaultColumnSizing.maxSize
-        }
-    }, options));
-    var _useState = _sliced_to_array(useState(table.initialState), 2), state = _useState[0], setState = _useState[1];
-    table.setOptions(function(prev) {
-        return _object_spread_props(_object_spread({}, prev), {
+        },
+        ...options
+    });
+    const [state, setState] = useState(table.initialState);
+    table.setOptions((prev)=>({
+            ...prev,
             state: state,
             onStateChange: setState
-        });
+        }));
+    const { clearSelection, getSelectedRow, getSelectedRows, outsideClickRef } = useRowSelection(table, {
+        multiRowSelectionEnabled,
+        onRowSelectionChange,
+        additionalRootNodes
     });
-    var _useRowSelection = useRowSelection(table, {
-        multiRowSelectionEnabled: multiRowSelectionEnabled,
-        onRowSelectionChange: onRowSelectionChange,
-        additionalRootNodes: additionalRootNodes
-    }), clearSelection = _useRowSelection.clearSelection, getSelectedRow = _useRowSelection.getSelectedRow, getSelectedRows = _useRowSelection.getSelectedRows, outsideClickRef = _useRowSelection.outsideClickRef;
-    var _form_values_predicates;
-    var isFiltered = !!state.globalFilter || Object.keys((_form_values_predicates = (_form_values = form.values) === null || _form_values === void 0 ? void 0 : _form_values.predicates) !== null && _form_values_predicates !== void 0 ? _form_values_predicates : {}).some(function(predicate) {
-        return !!form.values.predicates[predicate];
-    }) || !!((_form_values_dateRange = form.values.dateRange) === null || _form_values_dateRange === void 0 ? void 0 : _form_values_dateRange[0]) || !!((_form_values_dateRange1 = form.values.dateRange) === null || _form_values_dateRange1 === void 0 ? void 0 : _form_values_dateRange1[1]);
-    var triggerChange = debounce(function() {
-        var _onChange;
-        return (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(_object_spread({}, state, form.values));
-    }, 500);
-    useEffect(function() {
-        var _onMount;
-        (_onMount = onMount) === null || _onMount === void 0 ? void 0 : _onMount(_object_spread({}, state, form.values));
-        return function() {
+    const isFiltered = !!state.globalFilter || Object.keys(form.values?.predicates ?? {}).some((predicate)=>!!form.values.predicates[predicate]) || !!form.values.dateRange?.[0] || !!form.values.dateRange?.[1];
+    const triggerChange = debounce(()=>onChange?.({
+            ...state,
+            ...form.values
+        }), 500);
+    useEffect(()=>{
+        onMount?.({
+            ...state,
+            ...form.values
+        });
+        return ()=>{
             triggerChange.cancel();
         };
     }, []);
-    useDidUpdate(function() {
+    useDidUpdate(()=>{
         triggerChange();
         if (!multiRowSelectionEnabled) {
             clearSelection();
@@ -133,14 +109,12 @@ export var Table = function(param) {
         JSON.stringify(form.values.dateRange),
         JSON.stringify(form.values.predicates)
     ]);
-    var clearFilters = useCallback(function() {
-        var _initialState_predicates;
-        form.setFieldValue("predicates", (_initialState_predicates = initialState.predicates) !== null && _initialState_predicates !== void 0 ? _initialState_predicates : {});
-        setState(function(prevState) {
-            return _object_spread_props(_object_spread({}, prevState), {
-                globalFilter: ""
-            });
-        });
+    const clearFilters = useCallback(()=>{
+        form.setFieldValue('predicates', initialState.predicates ?? {});
+        setState((prevState)=>({
+                ...prevState,
+                globalFilter: ''
+            }));
     }, []);
     if (!data) {
         return /*#__PURE__*/ _jsx(Center, {
@@ -150,30 +124,26 @@ export var Table = function(param) {
             children: /*#__PURE__*/ _jsx(Loader, {})
         });
     }
-    var Layout = layouts.find(function(param) {
-        var name = param.name;
-        return name === form.values.layout;
-    });
-    var hasRows = table.getRowModel().rows.length > 0;
-    var _lastUpdated_props_dependencies;
+    const Layout = layouts.find(({ name })=>name === form.values.layout);
+    const hasRows = table.getRowModel().rows.length > 0;
     return /*#__PURE__*/ _jsx(Box, {
         ref: outsideClickRef,
         children: /*#__PURE__*/ _jsxs(TableContext.Provider, {
             value: {
                 onChange: triggerChange,
-                state: state,
-                isFiltered: isFiltered,
-                setState: setState,
-                clearFilters: clearFilters,
-                getSelectedRow: getSelectedRow,
-                getSelectedRows: getSelectedRows,
-                clearSelection: clearSelection,
-                form: form,
+                state,
+                isFiltered,
+                setState,
+                clearFilters,
+                getSelectedRow,
+                getSelectedRows,
+                clearSelection,
+                form,
                 containerRef: outsideClickRef,
-                multiRowSelectionEnabled: multiRowSelectionEnabled,
+                multiRowSelectionEnabled,
                 getPageCount: table.getPageCount,
-                disableRowSelection: disableRowSelection,
-                layouts: layouts
+                disableRowSelection,
+                layouts
             },
             children: [
                 consumer,
@@ -226,8 +196,9 @@ export var Table = function(param) {
                         footer,
                         lastUpdated ? /*#__PURE__*/ cloneElement(lastUpdated, {
                             dependencies: [
-                                data
-                            ].concat(_to_consumable_array((_lastUpdated_props_dependencies = lastUpdated.props.dependencies) !== null && _lastUpdated_props_dependencies !== void 0 ? _lastUpdated_props_dependencies : []))
+                                data,
+                                ...lastUpdated.props.dependencies ?? []
+                            ]
                         }) : null
                     ]
                 })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Loader} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    Row,\n    TableState as TanstackTableState,\n    defaultColumnSizing,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table';\nimport debounce from 'lodash.debounce';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Dispatch, ReactElement, cloneElement, useCallback, useEffect, useState} from 'react';\n\nimport {useRowSelection} from '../../hooks/useRowSelection';\nimport useStyles from './Table.styles';\nimport {TableFormType, TableProps, TableState, TableType} from './Table.types';\nimport {TableContext} from './TableContext';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActions} from './table-actions/TableActions';\nimport {TableAccordionColumn, TableCollapsibleColumn} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableConsumer} from './table-consumer/TableConsumer';\nimport {TableDateRangePicker} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader} from './table-header/TableHeader';\nimport {TableLastUpdated} from './table-last-updated/TableLastUpdated';\nimport {TableLoading} from './table-loading/TableLoading';\nimport {TablePagination} from './table-pagination/TablePagination';\nimport {TablePerPage} from './table-per-page/TablePerPage';\nimport {TablePredicate} from './table-predicate/TablePredicate';\n\nexport const Table: TableType = <T,>({\n    data,\n    getRowId,\n    noDataChildren,\n    getExpandChildren,\n    initialState = {},\n    columns,\n    layouts = [TableLayouts.Rows],\n    onMount,\n    onChange,\n    children,\n    loading = false,\n    doubleClickAction,\n    multiRowSelectionEnabled,\n    disableRowSelection,\n    onRowSelectionChange,\n    additionalRootNodes,\n    classNames,\n    styles,\n    unstyled,\n    options = {},\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    const consumer = convertedChildren.find((child) => child.type === TableConsumer);\n    const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n\n    const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n    const form = useForm<TableFormType>({\n        initialValues: {\n            predicates: initialState?.predicates ?? {},\n            dateRange: initialState?.dateRange ?? [null, null],\n            layout: initialState?.layout ?? layouts[0].name,\n        },\n    });\n    const {classes} = useStyles(null, {name: 'PlasmaTable', classNames, styles, unstyled});\n\n    const table = useReactTable({\n        initialState: defaultsDeep(initialStateWithoutForm, {\n            pagination: {pageSize: TablePerPage.DEFAULT_SIZE},\n            globalFilter: '',\n        }),\n        data,\n        columns: multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: options?.getPaginationRowModel === undefined,\n        enableMultiRowSelection: !!multiRowSelectionEnabled,\n        getRowId,\n        getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n        enableRowSelection: !loading,\n        defaultColumn: {\n            size: undefined,\n            minSize: defaultColumnSizing.minSize,\n            maxSize: defaultColumnSizing.maxSize,\n        },\n        ...options,\n    });\n\n    const [state, setState] = useState<TableState<T>>(table.initialState as TableState<T>);\n    table.setOptions((prev) => ({\n        ...prev,\n        state: state as TanstackTableState,\n        onStateChange: setState as Dispatch<React.SetStateAction<TanstackTableState>>,\n    }));\n    const {clearSelection, getSelectedRow, getSelectedRows, outsideClickRef} = useRowSelection(table, {\n        multiRowSelectionEnabled,\n        onRowSelectionChange,\n        additionalRootNodes,\n    });\n    const isFiltered =\n        !!state.globalFilter ||\n        Object.keys(form.values?.predicates ?? {}).some((predicate) => !!form.values.predicates[predicate]) ||\n        !!form.values.dateRange?.[0] ||\n        !!form.values.dateRange?.[1];\n\n    const triggerChange = debounce(() => onChange?.({...state, ...form.values}), 500);\n\n    useEffect(() => {\n        onMount?.({...state, ...form.values});\n        return () => {\n            triggerChange.cancel();\n        };\n    }, []);\n\n    useDidUpdate(() => {\n        triggerChange();\n        if (!multiRowSelectionEnabled) {\n            clearSelection();\n        }\n    }, [\n        state.globalFilter,\n        state.pagination,\n        state.sorting,\n        JSON.stringify(form.values.dateRange),\n        JSON.stringify(form.values.predicates),\n    ]);\n\n    const clearFilters = useCallback(() => {\n        form.setFieldValue('predicates', initialState.predicates ?? {});\n        setState((prevState) => ({...prevState, globalFilter: ''}));\n    }, []);\n\n    if (!data) {\n        return (\n            <Center sx={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout = layouts.find(({name}) => name === form.values.layout);\n    const hasRows = table.getRowModel().rows.length > 0;\n\n    return (\n        <Box ref={outsideClickRef}>\n            <TableContext.Provider\n                value={{\n                    onChange: triggerChange,\n                    state,\n                    isFiltered,\n                    setState,\n                    clearFilters,\n                    getSelectedRow,\n                    getSelectedRows,\n                    clearSelection,\n                    form,\n                    containerRef: outsideClickRef,\n                    multiRowSelectionEnabled,\n                    getPageCount: table.getPageCount,\n                    disableRowSelection,\n                    layouts,\n                }}\n            >\n                {consumer}\n                {!hasRows && !isFiltered && !loading ? (\n                    noDataChildren\n                ) : (\n                    <>\n                        <Box component=\"table\" className={classes.table} pb=\"sm\">\n                            <thead className={classes.header}>\n                                {!!header ? (\n                                    <tr>\n                                        <th style={{padding: 0}} colSpan={table.getAllColumns().length}>\n                                            {header}\n                                        </th>\n                                    </tr>\n                                ) : null}\n                                <Layout.Header\n                                    table={table}\n                                    doubleClickAction={doubleClickAction}\n                                    getExpandChildren={getExpandChildren}\n                                    loading={loading}\n                                />\n                            </thead>\n                            <tbody className={classes.body}>\n                                {hasRows ? (\n                                    <Layout.Body\n                                        table={table}\n                                        doubleClickAction={doubleClickAction}\n                                        getExpandChildren={getExpandChildren}\n                                        loading={loading}\n                                    />\n                                ) : (\n                                    <tr>\n                                        <td colSpan={table.getAllColumns().length}>\n                                            <TableLoading visible={loading}>{noDataChildren}</TableLoading>\n                                        </td>\n                                    </tr>\n                                )}\n                            </tbody>\n                        </Box>\n                        {footer}\n                        {lastUpdated\n                            ? cloneElement(lastUpdated, {\n                                  dependencies: [data, ...(lastUpdated.props.dependencies ?? [])],\n                              })\n                            : null}\n                    </>\n                )}\n            </TableContext.Provider>\n        </Box>\n    );\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.AccordionColumn = TableAccordionColumn;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Consumer = TableConsumer;\nTable.Loading = TableLoading;\nTable.Layouts = TableLayouts;\n"],"names":["Box","Center","Loader","useForm","useDidUpdate","defaultColumnSizing","getCoreRowModel","useReactTable","debounce","defaultsDeep","Children","cloneElement","useCallback","useEffect","useState","useRowSelection","useStyles","TableContext","TableLayouts","TableActions","TableAccordionColumn","TableCollapsibleColumn","TableSelectableColumn","TableConsumer","TableDateRangePicker","TableFilter","TableFooter","TableHeader","TableLastUpdated","TableLoading","TablePagination","TablePerPage","TablePredicate","Table","data","getRowId","noDataChildren","getExpandChildren","initialState","columns","layouts","Rows","onMount","onChange","children","loading","doubleClickAction","multiRowSelectionEnabled","disableRowSelection","onRowSelectionChange","additionalRootNodes","classNames","styles","unstyled","options","form","convertedChildren","toArray","header","find","child","type","footer","consumer","lastUpdated","predicates","dateRange","initialStateWithoutForm","initialValues","layout","name","classes","table","pagination","pageSize","DEFAULT_SIZE","globalFilter","concat","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","enableRowSelection","defaultColumn","size","minSize","maxSize","state","setState","setOptions","prev","onStateChange","clearSelection","getSelectedRow","getSelectedRows","outsideClickRef","isFiltered","Object","keys","values","some","predicate","triggerChange","cancel","sorting","JSON","stringify","clearFilters","setFieldValue","prevState","sx","flexGrow","Layout","hasRows","getRowModel","rows","length","ref","Provider","value","containerRef","getPageCount","component","className","pb","thead","tr","th","style","padding","colSpan","getAllColumns","Header","tbody","body","Body","td","visible","dependencies","props","Actions","Filter","Footer","LastUpdated","Pagination","Predicate","PerPage","CollapsibleColumn","AccordionColumn","DateRangePicker","Consumer","Loading","Layouts"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {Box, Center, Loader} from '@mantine/core';\nimport {useForm} from '@mantine/form';\nimport {useDidUpdate} from '@mantine/hooks';\nimport {\n    ColumnDef,\n    Row,\n    TableState as TanstackTableState,\n    defaultColumnSizing,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table';\nimport debounce from 'lodash.debounce';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {Children, Dispatch, ReactElement, cloneElement, useCallback, useEffect, useState} from 'react';\n\nimport {useRowSelection} from '../../hooks/useRowSelection';\nimport useStyles from './Table.styles';\nimport {TableFormType, TableProps, TableState, TableType} from './Table.types';\nimport {TableContext} from './TableContext';\nimport {TableLayouts} from './layouts/TableLayouts';\nimport {TableActions} from './table-actions/TableActions';\nimport {TableAccordionColumn, TableCollapsibleColumn} from './table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from './table-column/TableSelectableColumn';\nimport {TableConsumer} from './table-consumer/TableConsumer';\nimport {TableDateRangePicker} from './table-date-range-picker/TableDateRangePicker';\nimport {TableFilter} from './table-filter/TableFilter';\nimport {TableFooter} from './table-footer/TableFooter';\nimport {TableHeader} from './table-header/TableHeader';\nimport {TableLastUpdated} from './table-last-updated/TableLastUpdated';\nimport {TableLoading} from './table-loading/TableLoading';\nimport {TablePagination} from './table-pagination/TablePagination';\nimport {TablePerPage} from './table-per-page/TablePerPage';\nimport {TablePredicate} from './table-predicate/TablePredicate';\n\nexport const Table: TableType = <T,>({\n    data,\n    getRowId,\n    noDataChildren,\n    getExpandChildren,\n    initialState = {},\n    columns,\n    layouts = [TableLayouts.Rows],\n    onMount,\n    onChange,\n    children,\n    loading = false,\n    doubleClickAction,\n    multiRowSelectionEnabled,\n    disableRowSelection,\n    onRowSelectionChange,\n    additionalRootNodes,\n    classNames,\n    styles,\n    unstyled,\n    options = {},\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    const consumer = convertedChildren.find((child) => child.type === TableConsumer);\n    const lastUpdated = convertedChildren.find((child) => child.type === TableLastUpdated);\n\n    const {predicates, dateRange, ...initialStateWithoutForm} = initialState;\n    const form = useForm<TableFormType>({\n        initialValues: {\n            predicates: initialState?.predicates ?? {},\n            dateRange: initialState?.dateRange ?? [null, null],\n            layout: initialState?.layout ?? layouts[0].name,\n        },\n    });\n    const {classes} = useStyles(null, {name: 'PlasmaTable', classNames, styles, unstyled});\n\n    const table = useReactTable({\n        initialState: defaultsDeep(initialStateWithoutForm, {\n            pagination: {pageSize: TablePerPage.DEFAULT_SIZE},\n            globalFilter: '',\n        }),\n        data,\n        columns: multiRowSelectionEnabled ? [TableSelectableColumn as ColumnDef<T>].concat(columns) : columns,\n        getCoreRowModel: getCoreRowModel(),\n        manualPagination: options?.getPaginationRowModel === undefined,\n        enableMultiRowSelection: !!multiRowSelectionEnabled,\n        getRowId,\n        getRowCanExpand: (row: Row<T>) => !!getExpandChildren?.(row.original) ?? false,\n        enableRowSelection: !loading,\n        defaultColumn: {\n            size: undefined,\n            minSize: defaultColumnSizing.minSize,\n            maxSize: defaultColumnSizing.maxSize,\n        },\n        ...options,\n    });\n\n    const [state, setState] = useState<TableState<T>>(table.initialState as TableState<T>);\n    table.setOptions((prev) => ({\n        ...prev,\n        state: state as TanstackTableState,\n        onStateChange: setState as Dispatch<React.SetStateAction<TanstackTableState>>,\n    }));\n    const {clearSelection, getSelectedRow, getSelectedRows, outsideClickRef} = useRowSelection(table, {\n        multiRowSelectionEnabled,\n        onRowSelectionChange,\n        additionalRootNodes,\n    });\n    const isFiltered =\n        !!state.globalFilter ||\n        Object.keys(form.values?.predicates ?? {}).some((predicate) => !!form.values.predicates[predicate]) ||\n        !!form.values.dateRange?.[0] ||\n        !!form.values.dateRange?.[1];\n\n    const triggerChange = debounce(() => onChange?.({...state, ...form.values}), 500);\n\n    useEffect(() => {\n        onMount?.({...state, ...form.values});\n        return () => {\n            triggerChange.cancel();\n        };\n    }, []);\n\n    useDidUpdate(() => {\n        triggerChange();\n        if (!multiRowSelectionEnabled) {\n            clearSelection();\n        }\n    }, [\n        state.globalFilter,\n        state.pagination,\n        state.sorting,\n        JSON.stringify(form.values.dateRange),\n        JSON.stringify(form.values.predicates),\n    ]);\n\n    const clearFilters = useCallback(() => {\n        form.setFieldValue('predicates', initialState.predicates ?? {});\n        setState((prevState) => ({...prevState, globalFilter: ''}));\n    }, []);\n\n    if (!data) {\n        return (\n            <Center sx={{flexGrow: 1}}>\n                <Loader />\n            </Center>\n        );\n    }\n\n    const Layout = layouts.find(({name}) => name === form.values.layout);\n    const hasRows = table.getRowModel().rows.length > 0;\n\n    return (\n        <Box ref={outsideClickRef}>\n            <TableContext.Provider\n                value={{\n                    onChange: triggerChange,\n                    state,\n                    isFiltered,\n                    setState,\n                    clearFilters,\n                    getSelectedRow,\n                    getSelectedRows,\n                    clearSelection,\n                    form,\n                    containerRef: outsideClickRef,\n                    multiRowSelectionEnabled,\n                    getPageCount: table.getPageCount,\n                    disableRowSelection,\n                    layouts,\n                }}\n            >\n                {consumer}\n                {!hasRows && !isFiltered && !loading ? (\n                    noDataChildren\n                ) : (\n                    <>\n                        <Box component=\"table\" className={classes.table} pb=\"sm\">\n                            <thead className={classes.header}>\n                                {!!header ? (\n                                    <tr>\n                                        <th style={{padding: 0}} colSpan={table.getAllColumns().length}>\n                                            {header}\n                                        </th>\n                                    </tr>\n                                ) : null}\n                                <Layout.Header\n                                    table={table}\n                                    doubleClickAction={doubleClickAction}\n                                    getExpandChildren={getExpandChildren}\n                                    loading={loading}\n                                />\n                            </thead>\n                            <tbody className={classes.body}>\n                                {hasRows ? (\n                                    <Layout.Body\n                                        table={table}\n                                        doubleClickAction={doubleClickAction}\n                                        getExpandChildren={getExpandChildren}\n                                        loading={loading}\n                                    />\n                                ) : (\n                                    <tr>\n                                        <td colSpan={table.getAllColumns().length}>\n                                            <TableLoading visible={loading}>{noDataChildren}</TableLoading>\n                                        </td>\n                                    </tr>\n                                )}\n                            </tbody>\n                        </Box>\n                        {footer}\n                        {lastUpdated\n                            ? cloneElement(lastUpdated, {\n                                  dependencies: [data, ...(lastUpdated.props.dependencies ?? [])],\n                              })\n                            : null}\n                    </>\n                )}\n            </TableContext.Provider>\n        </Box>\n    );\n};\n\nTable.Actions = TableActions;\nTable.Filter = TableFilter;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LastUpdated = TableLastUpdated;\nTable.Pagination = TablePagination;\nTable.Predicate = TablePredicate;\nTable.PerPage = TablePerPage;\nTable.Predicate = TablePredicate;\nTable.CollapsibleColumn = TableCollapsibleColumn;\nTable.AccordionColumn = TableAccordionColumn;\nTable.DateRangePicker = TableDateRangePicker;\nTable.Consumer = TableConsumer;\nTable.Loading = TableLoading;\nTable.Layouts = TableLayouts;\n"],"names":["Box","Center","Loader","useForm","useDidUpdate","defaultColumnSizing","getCoreRowModel","useReactTable","debounce","defaultsDeep","Children","cloneElement","useCallback","useEffect","useState","useRowSelection","useStyles","TableContext","TableLayouts","TableActions","TableAccordionColumn","TableCollapsibleColumn","TableSelectableColumn","TableConsumer","TableDateRangePicker","TableFilter","TableFooter","TableHeader","TableLastUpdated","TableLoading","TablePagination","TablePerPage","TablePredicate","Table","data","getRowId","noDataChildren","getExpandChildren","initialState","columns","layouts","Rows","onMount","onChange","children","loading","doubleClickAction","multiRowSelectionEnabled","disableRowSelection","onRowSelectionChange","additionalRootNodes","classNames","styles","unstyled","options","convertedChildren","toArray","header","find","child","type","footer","consumer","lastUpdated","predicates","dateRange","initialStateWithoutForm","form","initialValues","layout","name","classes","table","pagination","pageSize","DEFAULT_SIZE","globalFilter","concat","manualPagination","getPaginationRowModel","undefined","enableMultiRowSelection","getRowCanExpand","row","original","enableRowSelection","defaultColumn","size","minSize","maxSize","state","setState","setOptions","prev","onStateChange","clearSelection","getSelectedRow","getSelectedRows","outsideClickRef","isFiltered","Object","keys","values","some","predicate","triggerChange","cancel","sorting","JSON","stringify","clearFilters","setFieldValue","prevState","sx","flexGrow","Layout","hasRows","getRowModel","rows","length","ref","Provider","value","containerRef","getPageCount","component","className","pb","thead","tr","th","style","padding","colSpan","getAllColumns","Header","tbody","body","Body","td","visible","dependencies","props","Actions","Filter","Footer","LastUpdated","Pagination","Predicate","PerPage","CollapsibleColumn","AccordionColumn","DateRangePicker","Consumer","Loading","Layouts"],"mappings":"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"}

package/dist/esm/components/table/Table.styles.js

@@ -1,28 +1,26 @@
-import { createStyles } from "@mantine/core";
-var useStyles = createStyles(function(theme) {
-    return {
+import { createStyles } from '@mantine/core';
+const useStyles = createStyles((theme)=>({
         table: {
-            width: "100%"
+            width: '100%'
         },
         header: {
-            position: "sticky",
+            position: 'sticky',
             top: 0,
-            backgroundColor: theme.colorScheme === "dark" ? theme.black : theme.white,
-            transition: "box-shadow 150ms ease",
+            backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,
+            transition: 'box-shadow 150ms ease',
             zIndex: 1,
-            "&::after": {
+            '&::after': {
                 content: '""',
-                position: "absolute",
+                position: 'absolute',
                 left: 0,
                 right: 0,
                 bottom: 0,
-                borderBottom: "1px solid ".concat(theme.colors.gray[3])
+                borderBottom: `1px solid ${theme.colors.gray[3]}`
             }
         },
         body: {}
-    };
-});
-export var TableComponentsOrder = {
+    }));
+export const TableComponentsOrder = {
     MultiSelectInfo: 6,
     Actions: 5,
     Predicate: 4,

package/dist/esm/components/table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/Table.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nconst useStyles = createStyles<string>((theme) => ({\n    table: {\n        width: '100%',\n    },\n\n    header: {\n        position: 'sticky',\n        top: 0,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n        transition: 'box-shadow 150ms ease',\n        zIndex: 1,\n\n        '&::after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        },\n    },\n\n    body: {},\n}));\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 6,\n    Actions: 5,\n    Predicate: 4,\n    Filter: 3,\n    DateRangePicker: 2,\n    LayoutControl: 1,\n};\n\nexport default useStyles;\n"],"names":["createStyles","useStyles","theme","table","width","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","body","TableComponentsOrder","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","LayoutControl"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,IAAMC,YAAYD,aAAqB,SAACE;WAAW;QAC/CC,OAAO;YACHC,OAAO;QACX;QAEAC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,iBAAiBN,MAAMO,WAAW,KAAK,SAASP,MAAMQ,KAAK,GAAGR,MAAMS,KAAK;YACzEC,YAAY;YACZC,QAAQ;YAER,YAAY;gBACRC,SAAS;gBACTR,UAAU;gBACVS,MAAM;gBACNC,OAAO;gBACPC,QAAQ;gBACRC,cAAc,AAAC,aAAiC,OAArBhB,MAAMiB,MAAM,CAACC,IAAI,CAAC,EAAE;YACnD;QACJ;QAEAC,MAAM,CAAC;IACX;;AAEA,OAAO,IAAMC,uBAAuB;IAChCC,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;IACjBC,eAAe;AACnB,EAAE;AAEF,eAAe3B,UAAU"}
+{"version":3,"sources":["../../../../src/components/table/Table.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nconst useStyles = createStyles<string>((theme) => ({\n    table: {\n        width: '100%',\n    },\n\n    header: {\n        position: 'sticky',\n        top: 0,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n        transition: 'box-shadow 150ms ease',\n        zIndex: 1,\n\n        '&::after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        },\n    },\n\n    body: {},\n}));\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 6,\n    Actions: 5,\n    Predicate: 4,\n    Filter: 3,\n    DateRangePicker: 2,\n    LayoutControl: 1,\n};\n\nexport default useStyles;\n"],"names":["createStyles","useStyles","theme","table","width","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","body","TableComponentsOrder","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","LayoutControl"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,MAAMC,YAAYD,aAAqB,CAACE,QAAW,CAAA;QAC/CC,OAAO;YACHC,OAAO;QACX;QAEAC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,iBAAiBN,MAAMO,WAAW,KAAK,SAASP,MAAMQ,KAAK,GAAGR,MAAMS,KAAK;YACzEC,YAAY;YACZC,QAAQ;YAER,YAAY;gBACRC,SAAS;gBACTR,UAAU;gBACVS,MAAM;gBACNC,OAAO;gBACPC,QAAQ;gBACRC,cAAc,CAAC,UAAU,EAAEhB,MAAMiB,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;YACrD;QACJ;QAEAC,MAAM,CAAC;IACX,CAAA;AAEA,OAAO,MAAMC,uBAAuB;IAChCC,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;IACjBC,eAAe;AACnB,EAAE;AAEF,eAAe3B,UAAU"}