@xanui/ui 1.0.1 → 1.1.0

package/Datatable/Row.mjs

@@ -4,7 +4,7 @@ import {__rest}from'tslib';import {jsxs,jsx,Fragment}from'react/jsx-runtime';imp
     let selectedColor = selected ? "primary.soft" : "transparent";
     const [target, setTarget] = useState();
     const isDisable = (disableRow ? disableRow(rawRow, state) : false) || false;
-    return (jsxs(TableRow, Object.assign({ disabled: isDisable }, { children: [!disableSelect && jsx(TableCell, Object.assign({ width: 40, bgcolor: selectedColor }, { children: !!row.id && jsx(Checkbox, { checked: selected, onChange: () => {
+    return (jsxs(TableRow, { disabled: isDisable, children: [!disableSelect && jsx(TableCell, { width: 40, bgcolor: selectedColor, children: !!row.id && jsx(Checkbox, { checked: selected, onChange: () => {
                         if (isDisable || !row.id)
                             return;
                         let ids = [...selectesIds];
@@ -19,23 +19,23 @@ import {__rest}from'tslib';import {jsxs,jsx,Fragment}from'react/jsx-runtime';imp
                             selectAll: selectedLength === ids.length,
                             selectedIds: ids
                         });
-                    } }) })), columns.map((_a, idx) => {
+                    } }) }), columns.map((_a, idx) => {
                 var { label, field } = _a, rest = __rest(_a, ["label", "field"]);
                 field = field || label;
                 if (!row[field])
                     return jsx(TableCell, {}, idx);
-                return (jsx(TableCell, Object.assign({ textAlign: "left" }, rest, { bgcolor: selectedColor }, { children: row[field] }), idx));
-            }), jsx(TableCell, Object.assign({ width: 30, bgcolor: selectedColor, borderColor: "divider" }, { children: rowAction && jsxs(Fragment, { children: [jsx(IconButton, Object.assign({ disabled: isDisable || selected, onClick: (e) => setTarget(e.currentTarget), variant: "text", color: "default" }, { children: jsx(ActionIcon, {}) })), jsx(Menu, Object.assign({ target: target, placement: "bottom-right", onClickOutside: () => setTarget(null) }, { children: jsx(List, Object.assign({ bgcolor: "background.primary", minWidth: 160, sx: {
+                return (jsx(TableCell, Object.assign({ textAlign: "left" }, rest, { bgcolor: selectedColor, children: row[field] }), idx));
+            }), jsx(TableCell, { width: 30, bgcolor: selectedColor, borderColor: "divider", children: rowAction && jsxs(Fragment, { children: [jsx(IconButton, { disabled: isDisable || selected, onClick: (e) => setTarget(e.currentTarget), variant: "text", color: "default", children: jsx(ActionIcon, {}) }), jsx(Menu, { target: target, placement: "bottom-right", onClickOutside: () => setTarget(null), children: jsx(List, { bgcolor: "background.primary", minWidth: 160, sx: {
                                     '& > li': {
                                         borderBottom: 1,
                                         '&:last-child': {
                                             borderBottom: 0
                                         }
                                     }
-                                } }, { children: rowAction({ row, state }).map(({ label, icon, onClick }) => {
-                                    return (jsx(ListItem, Object.assign({ startIcon: icon, onClick: (e) => {
+                                }, children: rowAction({ row, state }).map(({ label, icon, onClick }) => {
+                                    return (jsx(ListItem, { startIcon: icon, onClick: (e) => {
                                             onClick && onClick(e);
                                             setTarget(null);
-                                        } }, { children: label }), label));
-                                }) })) }))] }) }))] })));
+                                        }, children: label }, label));
+                                }) }) })] }) })] }));
 };export{Row as default};//# sourceMappingURL=Row.mjs.map

package/Datatable/Row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Row.mjs","sources":["../../src/Datatable/Row.tsx"],"sourcesContent":["\nimport { useState } from 'react'\nimport TableRow from '../TableRow'\nimport TableCell from '../TableCell'\nimport { DataTableDefaultRow, DatatablePropsWithState } from '.'\nimport Checkbox from '../Checkbox'\nimport IconButton from '../IconButton'\nimport List from '../List'\nimport ListItem from '../ListItem'\nimport ActionIcon from '@xanui/icons/MoreVert'\nimport Menu from '../Menu'\n\n\ntype Props = DatatablePropsWithState & {\n    rawRow: DataTableDefaultRow;\n    row: DataTableDefaultRow;\n}\n\nconst Row = ({ rows, rawRow, row, rowAction, disableRow, disableSelect, columns, state, update }: Props) => {\n    let selectesIds = state.selectedIds\n    const selected = row.id ? state.selectedIds.includes(row?.id) : false\n    let selectedColor = selected ? \"primary.soft\" : \"transparent\"\n    const [target, setTarget] = useState<any>()\n    const isDisable = (disableRow ? disableRow(rawRow, state) : false) || false\n\n    return (\n        <TableRow disabled={isDisable}>\n            {!disableSelect && <TableCell width={40} bgcolor={selectedColor}>\n                {\n                    !!row.id && <Checkbox\n                        checked={selected}\n                        onChange={() => {\n                            if (isDisable || !row.id) return\n                            let ids = [...selectesIds]\n                            ids.includes(row.id) ? ids.splice(ids.indexOf(row.id), 1) : ids.push(row.id)\n                            let selectedLength = 0\n                            rows.forEach(r => {\n                                const isDisable = (disableRow ? disableRow(r, state) : false) || false\n                                if (!isDisable) selectedLength++\n                            })\n\n                            update({\n                                selectAll: selectedLength === ids.length,\n                                selectedIds: ids\n                            })\n                        }}\n                    />\n                }\n\n            </TableCell>}\n            {\n                columns.map(({ label, field, ...rest }, idx) => {\n                    field = field || label\n                    if (!row[field]) return <TableCell key={idx}></TableCell>\n                    return (\n                        <TableCell\n                            key={idx}\n                            textAlign=\"left\"\n                            {...rest}\n                            bgcolor={selectedColor}\n                        >\n                            {row[field]}\n                        </TableCell>\n                    )\n                })\n            }\n            <TableCell width={30} bgcolor={selectedColor} borderColor=\"divider\">\n                {rowAction && <>\n                    <IconButton\n                        disabled={isDisable || selected}\n                        onClick={(e: any) => setTarget(e.currentTarget)}\n                        variant=\"text\"\n                        color=\"default\"\n                    >\n                        <ActionIcon />\n                    </IconButton>\n                    <Menu target={target} placement=\"bottom-right\" onClickOutside={() => setTarget(null)}>\n                        <List\n                            bgcolor=\"background.primary\"\n                            minWidth={160}\n                            sx={{\n                                '& > li': {\n                                    borderBottom: 1,\n                                    '&:last-child': {\n                                        borderBottom: 0\n                                    }\n                                }\n                            }}\n                        >\n                            {rowAction({ row, state }).map(({ label, icon, onClick }) => {\n                                return (\n                                    <ListItem\n                                        key={label}\n                                        startIcon={icon}\n                                        onClick={(e: any) => {\n                                            onClick && onClick(e)\n                                            setTarget(null)\n                                        }}\n                                    >{label}</ListItem>\n                                )\n                            })}\n                        </List>\n                    </Menu>\n                </>}\n            </TableCell>\n        </TableRow>\n    )\n}\n\nexport default Row"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Row.mjs","sources":["../../src/Datatable/Row.tsx"],"sourcesContent":["\nimport { useState } from 'react'\nimport TableRow from '../TableRow'\nimport TableCell from '../TableCell'\nimport { DataTableDefaultRow, DatatablePropsWithState } from '.'\nimport Checkbox from '../Checkbox'\nimport IconButton from '../IconButton'\nimport List from '../List'\nimport ListItem from '../ListItem'\nimport ActionIcon from '@xanui/icons/MoreVert'\nimport Menu from '../Menu'\n\n\ntype Props = DatatablePropsWithState & {\n    rawRow: DataTableDefaultRow;\n    row: DataTableDefaultRow;\n}\n\nconst Row = ({ rows, rawRow, row, rowAction, disableRow, disableSelect, columns, state, update }: Props) => {\n    let selectesIds = state.selectedIds\n    const selected = row.id ? state.selectedIds.includes(row?.id) : false\n    let selectedColor = selected ? \"primary.soft\" : \"transparent\"\n    const [target, setTarget] = useState<any>()\n    const isDisable = (disableRow ? disableRow(rawRow, state) : false) || false\n\n    return (\n        <TableRow disabled={isDisable}>\n            {!disableSelect && <TableCell width={40} bgcolor={selectedColor}>\n                {\n                    !!row.id && <Checkbox\n                        checked={selected}\n                        onChange={() => {\n                            if (isDisable || !row.id) return\n                            let ids = [...selectesIds]\n                            ids.includes(row.id) ? ids.splice(ids.indexOf(row.id), 1) : ids.push(row.id)\n                            let selectedLength = 0\n                            rows.forEach(r => {\n                                const isDisable = (disableRow ? disableRow(r, state) : false) || false\n                                if (!isDisable) selectedLength++\n                            })\n\n                            update({\n                                selectAll: selectedLength === ids.length,\n                                selectedIds: ids\n                            })\n                        }}\n                    />\n                }\n\n            </TableCell>}\n            {\n                columns.map(({ label, field, ...rest }, idx) => {\n                    field = field || label\n                    if (!row[field]) return <TableCell key={idx}></TableCell>\n                    return (\n                        <TableCell\n                            key={idx}\n                            textAlign=\"left\"\n                            {...rest}\n                            bgcolor={selectedColor}\n                        >\n                            {row[field]}\n                        </TableCell>\n                    )\n                })\n            }\n            <TableCell width={30} bgcolor={selectedColor} borderColor=\"divider\">\n                {rowAction && <>\n                    <IconButton\n                        disabled={isDisable || selected}\n                        onClick={(e: any) => setTarget(e.currentTarget)}\n                        variant=\"text\"\n                        color=\"default\"\n                    >\n                        <ActionIcon />\n                    </IconButton>\n                    <Menu target={target} placement=\"bottom-right\" onClickOutside={() => setTarget(null)}>\n                        <List\n                            bgcolor=\"background.primary\"\n                            minWidth={160}\n                            sx={{\n                                '& > li': {\n                                    borderBottom: 1,\n                                    '&:last-child': {\n                                        borderBottom: 0\n                                    }\n                                }\n                            }}\n                        >\n                            {rowAction({ row, state }).map(({ label, icon, onClick }) => {\n                                return (\n                                    <ListItem\n                                        key={label}\n                                        startIcon={icon}\n                                        onClick={(e: any) => {\n                                            onClick && onClick(e)\n                                            setTarget(null)\n                                        }}\n                                    >{label}</ListItem>\n                                )\n                            })}\n                        </List>\n                    </Menu>\n                </>}\n            </TableCell>\n        </TableRow>\n    )\n}\n\nexport default Row"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/Datatable/SelectedBox.js

@@ -4,8 +4,8 @@
     let checked = state.selectAll || !!selected.length;
     if (!checked)
         return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    return (jsxRuntime.jsxs(index.default, Object.assign({ bgcolor: "background.secondary", direction: "row", alignItems: "center", justifyContent: "space-between", zIndex: 1, radius: 1, mb: 1, height: 50, width: "100%", px: 1.5 }, { children: [jsxRuntime.jsxs(index$1.default, Object.assign({ fontWeight: 600 }, { children: ["Selected: ", selected.length] })), jsxRuntime.jsx(index.default, Object.assign({ flexRow: true, gap: 1 }, { children: rowAction && rowAction({ row: null, state }).map((_a) => {
+    return (jsxRuntime.jsxs(index.default, { bgcolor: "background.secondary", direction: "row", alignItems: "center", justifyContent: "space-between", zIndex: 1, radius: 1, mb: 1, height: 50, width: "100%", px: 1.5, children: [jsxRuntime.jsxs(index$1.default, { fontWeight: 600, children: ["Selected: ", selected.length] }), jsxRuntime.jsx(index.default, { flexRow: true, gap: 1, children: rowAction && rowAction({ row: null, state }).map((_a) => {
                     var { label, icon } = _a, bprops = tslib.__rest(_a, ["label", "icon"]);
                     return (jsxRuntime.jsx(index$2.default, Object.assign({ variant: "alpha", color: "brand" }, bprops, { children: icon }), label));
-                }) }))] })));
+                }) })] }));
 };exports.default=SelectedBox;//# sourceMappingURL=SelectedBox.js.map

package/Datatable/SelectedBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedBox.js","sources":["../../src/Datatable/SelectedBox.tsx"],"sourcesContent":["\nimport IconButton from '../IconButton'\nimport Stack from '../Stack'\nimport Text from '../Text'\nimport { DatatablePropsWithState } from '.'\n\nconst SelectedBox = (props: DatatablePropsWithState) => {\n   let {\n      state,\n      rowAction\n   } = props\n\n   let selected = state.selectedIds\n   let checked = state.selectAll || !!selected.length\n\n   if (!checked) return <></>\n\n   return (\n      <Stack\n         bgcolor=\"background.secondary\"\n         direction=\"row\"\n         alignItems=\"center\"\n         justifyContent=\"space-between\"\n         zIndex={1}\n         radius={1}\n         mb={1}\n         height={50}\n         width=\"100%\"\n         px={1.5}\n      >\n         <Text fontWeight={600}>Selected: {selected.length}</Text>\n         <Stack\n            flexRow\n            gap={1}\n         >\n            {rowAction && rowAction({ row: null, state }).map(({ label, icon, ...bprops }) => {\n               return (\n                  <IconButton\n                     key={label}\n                     variant=\"alpha\"\n                     color=\"brand\"\n                     {...bprops}\n                  >\n                     {icon}\n                  </IconButton>\n               )\n            })}\n         </Stack>\n      </Stack>\n   )\n}\n\nexport default SelectedBox"],"names":["_jsx","_jsxs","Stack","Text","__rest","IconButton"],"mappings":"0PAMA,MAAM,WAAW,GAAG,CAAC,KAA8B,KAAI;AACpD,IAAA,IAAI,EACD,KAAK,EACL,SAAS,EACX,GAAG,KAAK;AAET,IAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM;AAElD,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAOA,uCAAK;AAE1B,IAAA,QACGC,eAAA,CAACC,aAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,EACL,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,GAAG,iBAEPD,eAAA,CAACE,eAAI,kBAAC,UAAU,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,EAAa,QAAQ,CAAC,MAAM,KAAQ,EACzDH,cAAA,CAACE,aAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,OAAO,QACP,GAAG,EAAE,CAAC,EAAA,EAAA,EAAA,QAAA,EAEL,SAAS,IAAI,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAA0B,KAAI;wBAA9B,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAAa,EAAR,MAAM,GAAAE,YAAA,CAAA,EAAA,EAAxB,iBAA0B,CAAF;AACxE,oBAAA,QACGJ,cAAA,CAACK,eAAU,kBAER,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EAAA,EACT,MAAM,EAAA,EAAA,QAAA,EAET,IAAI,KALA,KAAK,CAMA;AAEnB,gBAAA,CAAC,CAAC,EAAA,CAAA,CACG,CAAA,EAAA,CAAA,CACH;AAEd"}
+{"version":3,"file":"SelectedBox.js","sources":["../../src/Datatable/SelectedBox.tsx"],"sourcesContent":["\nimport IconButton from '../IconButton'\nimport Stack from '../Stack'\nimport Text from '../Text'\nimport { DatatablePropsWithState } from '.'\n\nconst SelectedBox = (props: DatatablePropsWithState) => {\n   let {\n      state,\n      rowAction\n   } = props\n\n   let selected = state.selectedIds\n   let checked = state.selectAll || !!selected.length\n\n   if (!checked) return <></>\n\n   return (\n      <Stack\n         bgcolor=\"background.secondary\"\n         direction=\"row\"\n         alignItems=\"center\"\n         justifyContent=\"space-between\"\n         zIndex={1}\n         radius={1}\n         mb={1}\n         height={50}\n         width=\"100%\"\n         px={1.5}\n      >\n         <Text fontWeight={600}>Selected: {selected.length}</Text>\n         <Stack\n            flexRow\n            gap={1}\n         >\n            {rowAction && rowAction({ row: null, state }).map(({ label, icon, ...bprops }) => {\n               return (\n                  <IconButton\n                     key={label}\n                     variant=\"alpha\"\n                     color=\"brand\"\n                     {...bprops}\n                  >\n                     {icon}\n                  </IconButton>\n               )\n            })}\n         </Stack>\n      </Stack>\n   )\n}\n\nexport default SelectedBox"],"names":["_jsx","_jsxs","Stack","Text","__rest","IconButton"],"mappings":"0PAMA,MAAM,WAAW,GAAG,CAAC,KAA8B,KAAI;AACpD,IAAA,IAAI,EACD,KAAK,EACL,SAAS,EACX,GAAG,KAAK;AAET,IAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM;AAElD,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAOA,uCAAK;AAE1B,IAAA,QACGC,eAAA,CAACC,aAAK,EAAA,EACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,EACL,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,GAAG,aAEPD,eAAA,CAACE,eAAI,IAAC,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,CAAA,YAAA,EAAa,QAAQ,CAAC,MAAM,IAAQ,EACzDH,cAAA,CAACE,aAAK,EAAA,EACH,OAAO,QACP,GAAG,EAAE,CAAC,EAAA,QAAA,EAEL,SAAS,IAAI,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAA0B,KAAI;wBAA9B,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAAa,EAAR,MAAM,GAAAE,YAAA,CAAA,EAAA,EAAxB,iBAA0B,CAAF;AACxE,oBAAA,QACGJ,cAAA,CAACK,eAAU,kBAER,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EAAA,EACT,MAAM,EAAA,EAAA,QAAA,EAET,IAAI,KALA,KAAK,CAMA;AAEnB,gBAAA,CAAC,CAAC,EAAA,CACG,CAAA,EAAA,CACH;AAEd"}

package/Datatable/SelectedBox.mjs

@@ -4,8 +4,8 @@ import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';imp
     let checked = state.selectAll || !!selected.length;
     if (!checked)
         return jsx(Fragment, {});
-    return (jsxs(Stack, Object.assign({ bgcolor: "background.secondary", direction: "row", alignItems: "center", justifyContent: "space-between", zIndex: 1, radius: 1, mb: 1, height: 50, width: "100%", px: 1.5 }, { children: [jsxs(Text, Object.assign({ fontWeight: 600 }, { children: ["Selected: ", selected.length] })), jsx(Stack, Object.assign({ flexRow: true, gap: 1 }, { children: rowAction && rowAction({ row: null, state }).map((_a) => {
+    return (jsxs(Stack, { bgcolor: "background.secondary", direction: "row", alignItems: "center", justifyContent: "space-between", zIndex: 1, radius: 1, mb: 1, height: 50, width: "100%", px: 1.5, children: [jsxs(Text, { fontWeight: 600, children: ["Selected: ", selected.length] }), jsx(Stack, { flexRow: true, gap: 1, children: rowAction && rowAction({ row: null, state }).map((_a) => {
                     var { label, icon } = _a, bprops = __rest(_a, ["label", "icon"]);
                     return (jsx(IconButton, Object.assign({ variant: "alpha", color: "brand" }, bprops, { children: icon }), label));
-                }) }))] })));
+                }) })] }));
 };export{SelectedBox as default};//# sourceMappingURL=SelectedBox.mjs.map

package/Datatable/SelectedBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedBox.mjs","sources":["../../src/Datatable/SelectedBox.tsx"],"sourcesContent":["\nimport IconButton from '../IconButton'\nimport Stack from '../Stack'\nimport Text from '../Text'\nimport { DatatablePropsWithState } from '.'\n\nconst SelectedBox = (props: DatatablePropsWithState) => {\n   let {\n      state,\n      rowAction\n   } = props\n\n   let selected = state.selectedIds\n   let checked = state.selectAll || !!selected.length\n\n   if (!checked) return <></>\n\n   return (\n      <Stack\n         bgcolor=\"background.secondary\"\n         direction=\"row\"\n         alignItems=\"center\"\n         justifyContent=\"space-between\"\n         zIndex={1}\n         radius={1}\n         mb={1}\n         height={50}\n         width=\"100%\"\n         px={1.5}\n      >\n         <Text fontWeight={600}>Selected: {selected.length}</Text>\n         <Stack\n            flexRow\n            gap={1}\n         >\n            {rowAction && rowAction({ row: null, state }).map(({ label, icon, ...bprops }) => {\n               return (\n                  <IconButton\n                     key={label}\n                     variant=\"alpha\"\n                     color=\"brand\"\n                     {...bprops}\n                  >\n                     {icon}\n                  </IconButton>\n               )\n            })}\n         </Stack>\n      </Stack>\n   )\n}\n\nexport default SelectedBox"],"names":["_jsx","_jsxs"],"mappings":"uMAMA,MAAM,WAAW,GAAG,CAAC,KAA8B,KAAI;AACpD,IAAA,IAAI,EACD,KAAK,EACL,SAAS,EACX,GAAG,KAAK;AAET,IAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM;AAElD,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAOA,iBAAK;AAE1B,IAAA,QACGC,IAAA,CAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,EACL,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,GAAG,iBAEPA,IAAA,CAAC,IAAI,kBAAC,UAAU,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,EAAa,QAAQ,CAAC,MAAM,KAAQ,EACzDD,GAAA,CAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,OAAO,QACP,GAAG,EAAE,CAAC,EAAA,EAAA,EAAA,QAAA,EAEL,SAAS,IAAI,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAA0B,KAAI;wBAA9B,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAAa,EAAR,MAAM,GAAA,MAAA,CAAA,EAAA,EAAxB,iBAA0B,CAAF;AACxE,oBAAA,QACGA,GAAA,CAAC,UAAU,kBAER,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EAAA,EACT,MAAM,EAAA,EAAA,QAAA,EAET,IAAI,KALA,KAAK,CAMA;AAEnB,gBAAA,CAAC,CAAC,EAAA,CAAA,CACG,CAAA,EAAA,CAAA,CACH;AAEd"}
+{"version":3,"file":"SelectedBox.mjs","sources":["../../src/Datatable/SelectedBox.tsx"],"sourcesContent":["\nimport IconButton from '../IconButton'\nimport Stack from '../Stack'\nimport Text from '../Text'\nimport { DatatablePropsWithState } from '.'\n\nconst SelectedBox = (props: DatatablePropsWithState) => {\n   let {\n      state,\n      rowAction\n   } = props\n\n   let selected = state.selectedIds\n   let checked = state.selectAll || !!selected.length\n\n   if (!checked) return <></>\n\n   return (\n      <Stack\n         bgcolor=\"background.secondary\"\n         direction=\"row\"\n         alignItems=\"center\"\n         justifyContent=\"space-between\"\n         zIndex={1}\n         radius={1}\n         mb={1}\n         height={50}\n         width=\"100%\"\n         px={1.5}\n      >\n         <Text fontWeight={600}>Selected: {selected.length}</Text>\n         <Stack\n            flexRow\n            gap={1}\n         >\n            {rowAction && rowAction({ row: null, state }).map(({ label, icon, ...bprops }) => {\n               return (\n                  <IconButton\n                     key={label}\n                     variant=\"alpha\"\n                     color=\"brand\"\n                     {...bprops}\n                  >\n                     {icon}\n                  </IconButton>\n               )\n            })}\n         </Stack>\n      </Stack>\n   )\n}\n\nexport default SelectedBox"],"names":["_jsx","_jsxs"],"mappings":"uMAMA,MAAM,WAAW,GAAG,CAAC,KAA8B,KAAI;AACpD,IAAA,IAAI,EACD,KAAK,EACL,SAAS,EACX,GAAG,KAAK;AAET,IAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM;AAElD,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAOA,iBAAK;AAE1B,IAAA,QACGC,IAAA,CAAC,KAAK,EAAA,EACH,OAAO,EAAC,sBAAsB,EAC9B,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,EACL,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,GAAG,aAEPA,IAAA,CAAC,IAAI,IAAC,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,CAAA,YAAA,EAAa,QAAQ,CAAC,MAAM,IAAQ,EACzDD,GAAA,CAAC,KAAK,EAAA,EACH,OAAO,QACP,GAAG,EAAE,CAAC,EAAA,QAAA,EAEL,SAAS,IAAI,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAA0B,KAAI;wBAA9B,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAAa,EAAR,MAAM,GAAA,MAAA,CAAA,EAAA,EAAxB,iBAA0B,CAAF;AACxE,oBAAA,QACGA,GAAA,CAAC,UAAU,kBAER,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EAAA,EACT,MAAM,EAAA,EAAA,QAAA,EAET,IAAI,KALA,KAAK,CAMA;AAEnB,gBAAA,CAAC,CAAC,EAAA,CACG,CAAA,EAAA,CACH;AAEd"}

package/Datatable/Table.js

@@ -1,11 +1,11 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),TableHead=require('./TableHead.js'),index=require('../Table/index.js'),index$1=require('../TableBody/index.js'),Row=require('./Row.js');const TableArea = (props) => {
     let { rows, renderRow, state, update, slotProps } = props;
-    return (jsxRuntime.jsxs(index.default, Object.assign({ width: "100%", border: 1 }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.table, { children: [jsxRuntime.jsx(TableHead.default, Object.assign({}, props, { update: update, state: state })), jsxRuntime.jsx(index$1.default, Object.assign({ sx: {
+    return (jsxRuntime.jsxs(index.default, Object.assign({ width: "100%", border: 1 }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.table, { children: [jsxRuntime.jsx(TableHead.default, Object.assign({}, props, { update: update, state: state })), jsxRuntime.jsx(index$1.default, { sx: {
                     '& tr:last-child td': {
                         borderBottom: 0
                     }
-                } }, { children: rows === null || rows === void 0 ? void 0 : rows.map((row, idx) => {
+                }, children: rows === null || rows === void 0 ? void 0 : rows.map((row, idx) => {
                     let _row = renderRow ? renderRow(Object.assign({}, row), state) : row;
                     return jsxRuntime.jsx(Row.default, Object.assign({ rawRow: row, row: _row }, props, { update: update, state: state }), row.id + idx);
-                }) }))] })));
+                }) })] })));
 };exports.default=TableArea;//# sourceMappingURL=Table.js.map

package/Datatable/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../src/Datatable/Table.tsx"],"sourcesContent":["\nimport TableHead from './TableHead'\nimport Table from '../Table'\nimport TableBody from '../TableBody'\nimport Row from './Row'\nimport { DatatablePropsWithState } from '.'\n\nconst TableArea = (props: DatatablePropsWithState) => {\n   let {\n      rows,\n      renderRow,\n      state,\n      update,\n      slotProps\n   } = props\n\n   return (\n      <Table width=\"100%\" border={1} {...slotProps?.table}>\n         <TableHead {...props} update={update} state={state} />\n         <TableBody\n            sx={{\n               '& tr:last-child td': {\n                  borderBottom: 0\n               }\n            }}\n         >\n            {\n               rows?.map((row: any, idx) => {\n                  let _row = renderRow ? renderRow({ ...row }, state) : row\n                  return <Row\n                     key={row.id + idx}\n                     rawRow={row}\n                     row={_row}\n                     {...props}\n                     update={update}\n                     state={state}\n                  />\n               })\n            }\n         </TableBody>\n      </Table>\n   )\n}\n\nexport default TableArea"],"names":["_jsxs","Table","_jsx","TableHead","TableBody","Row"],"mappings":"0PAOA,MAAM,SAAS,GAAG,CAAC,KAA8B,KAAI;AAClD,IAAA,IAAI,EACD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACX,GAAG,KAAK;AAET,IAAA,QACGA,eAAA,CAACC,aAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAA,EAAM,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,EAAA,EAAA,QAAA,EAAA,CAChDC,cAAA,CAACC,iBAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAA,CAAA,CAAI,EACtDD,eAACE,eAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACP,EAAE,EAAE;AACD,oBAAA,oBAAoB,EAAE;AACnB,wBAAA,YAAY,EAAE;AAChB;AACH,iBAAA,EAAA,EAAA,EAAA,QAAA,EAGE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAG,KAAI;AACzB,oBAAA,IAAI,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,GAAG,CAAA,EAAI,KAAK,CAAC,GAAG,GAAG;oBACzD,OAAOF,cAAA,CAACG,WAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAER,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,IAAI,EAAA,EACL,KAAK,EAAA,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAAA,CAAA,EALP,GAAG,CAAC,EAAE,GAAG,GAAG,CAMlB;AACL,gBAAA,CAAC,CAAC,EAAA,CAAA,CAEI,CAAA,EAAA,CAAA,CACP;AAEd"}
+{"version":3,"file":"Table.js","sources":["../../src/Datatable/Table.tsx"],"sourcesContent":["\nimport TableHead from './TableHead'\nimport Table from '../Table'\nimport TableBody from '../TableBody'\nimport Row from './Row'\nimport { DatatablePropsWithState } from '.'\n\nconst TableArea = (props: DatatablePropsWithState) => {\n   let {\n      rows,\n      renderRow,\n      state,\n      update,\n      slotProps\n   } = props\n\n   return (\n      <Table width=\"100%\" border={1} {...slotProps?.table}>\n         <TableHead {...props} update={update} state={state} />\n         <TableBody\n            sx={{\n               '& tr:last-child td': {\n                  borderBottom: 0\n               }\n            }}\n         >\n            {\n               rows?.map((row: any, idx) => {\n                  let _row = renderRow ? renderRow({ ...row }, state) : row\n                  return <Row\n                     key={row.id + idx}\n                     rawRow={row}\n                     row={_row}\n                     {...props}\n                     update={update}\n                     state={state}\n                  />\n               })\n            }\n         </TableBody>\n      </Table>\n   )\n}\n\nexport default TableArea"],"names":["_jsxs","Table","_jsx","TableHead","TableBody","Row"],"mappings":"0PAOA,MAAM,SAAS,GAAG,CAAC,KAA8B,KAAI;AAClD,IAAA,IAAI,EACD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACX,GAAG,KAAK;AAET,IAAA,QACGA,eAAA,CAACC,aAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAA,EAAM,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,EAAA,EAAA,QAAA,EAAA,CAChDC,cAAA,CAACC,iBAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAA,CAAA,CAAI,EACtDD,eAACE,eAAS,EAAA,EACP,EAAE,EAAE;AACD,oBAAA,oBAAoB,EAAE;AACnB,wBAAA,YAAY,EAAE;AAChB;AACH,iBAAA,EAAA,QAAA,EAGE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAG,KAAI;AACzB,oBAAA,IAAI,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,GAAG,CAAA,EAAI,KAAK,CAAC,GAAG,GAAG;oBACzD,OAAOF,cAAA,CAACG,WAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAER,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,IAAI,EAAA,EACL,KAAK,EAAA,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAAA,CAAA,EALP,GAAG,CAAC,EAAE,GAAG,GAAG,CAMlB;AACL,gBAAA,CAAC,CAAC,EAAA,CAEI,CAAA,EAAA,CAAA,CACP;AAEd"}

package/Datatable/Table.mjs

@@ -1,11 +1,11 @@
 import {jsxs,jsx}from'react/jsx-runtime';import TableHeadRender from'./TableHead.mjs';import Table from'../Table/index.mjs';import TableBody from'../TableBody/index.mjs';import Row from'./Row.mjs';const TableArea = (props) => {
     let { rows, renderRow, state, update, slotProps } = props;
-    return (jsxs(Table, Object.assign({ width: "100%", border: 1 }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.table, { children: [jsx(TableHeadRender, Object.assign({}, props, { update: update, state: state })), jsx(TableBody, Object.assign({ sx: {
+    return (jsxs(Table, Object.assign({ width: "100%", border: 1 }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.table, { children: [jsx(TableHeadRender, Object.assign({}, props, { update: update, state: state })), jsx(TableBody, { sx: {
                     '& tr:last-child td': {
                         borderBottom: 0
                     }
-                } }, { children: rows === null || rows === void 0 ? void 0 : rows.map((row, idx) => {
+                }, children: rows === null || rows === void 0 ? void 0 : rows.map((row, idx) => {
                     let _row = renderRow ? renderRow(Object.assign({}, row), state) : row;
                     return jsx(Row, Object.assign({ rawRow: row, row: _row }, props, { update: update, state: state }), row.id + idx);
-                }) }))] })));
+                }) })] })));
 };export{TableArea as default};//# sourceMappingURL=Table.mjs.map

package/Datatable/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","sources":["../../src/Datatable/Table.tsx"],"sourcesContent":["\nimport TableHead from './TableHead'\nimport Table from '../Table'\nimport TableBody from '../TableBody'\nimport Row from './Row'\nimport { DatatablePropsWithState } from '.'\n\nconst TableArea = (props: DatatablePropsWithState) => {\n   let {\n      rows,\n      renderRow,\n      state,\n      update,\n      slotProps\n   } = props\n\n   return (\n      <Table width=\"100%\" border={1} {...slotProps?.table}>\n         <TableHead {...props} update={update} state={state} />\n         <TableBody\n            sx={{\n               '& tr:last-child td': {\n                  borderBottom: 0\n               }\n            }}\n         >\n            {\n               rows?.map((row: any, idx) => {\n                  let _row = renderRow ? renderRow({ ...row }, state) : row\n                  return <Row\n                     key={row.id + idx}\n                     rawRow={row}\n                     row={_row}\n                     {...props}\n                     update={update}\n                     state={state}\n                  />\n               })\n            }\n         </TableBody>\n      </Table>\n   )\n}\n\nexport default TableArea"],"names":["_jsxs","_jsx","TableHead"],"mappings":"qMAOA,MAAM,SAAS,GAAG,CAAC,KAA8B,KAAI;AAClD,IAAA,IAAI,EACD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACX,GAAG,KAAK;AAET,IAAA,QACGA,IAAA,CAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAA,EAAM,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,EAAA,EAAA,QAAA,EAAA,CAChDC,GAAA,CAACC,eAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAA,CAAA,CAAI,EACtDD,IAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACP,EAAE,EAAE;AACD,oBAAA,oBAAoB,EAAE;AACnB,wBAAA,YAAY,EAAE;AAChB;AACH,iBAAA,EAAA,EAAA,EAAA,QAAA,EAGE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAG,KAAI;AACzB,oBAAA,IAAI,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,GAAG,CAAA,EAAI,KAAK,CAAC,GAAG,GAAG;oBACzD,OAAOA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAER,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,IAAI,EAAA,EACL,KAAK,EAAA,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAAA,CAAA,EALP,GAAG,CAAC,EAAE,GAAG,GAAG,CAMlB;AACL,gBAAA,CAAC,CAAC,EAAA,CAAA,CAEI,CAAA,EAAA,CAAA,CACP;AAEd"}
+{"version":3,"file":"Table.mjs","sources":["../../src/Datatable/Table.tsx"],"sourcesContent":["\nimport TableHead from './TableHead'\nimport Table from '../Table'\nimport TableBody from '../TableBody'\nimport Row from './Row'\nimport { DatatablePropsWithState } from '.'\n\nconst TableArea = (props: DatatablePropsWithState) => {\n   let {\n      rows,\n      renderRow,\n      state,\n      update,\n      slotProps\n   } = props\n\n   return (\n      <Table width=\"100%\" border={1} {...slotProps?.table}>\n         <TableHead {...props} update={update} state={state} />\n         <TableBody\n            sx={{\n               '& tr:last-child td': {\n                  borderBottom: 0\n               }\n            }}\n         >\n            {\n               rows?.map((row: any, idx) => {\n                  let _row = renderRow ? renderRow({ ...row }, state) : row\n                  return <Row\n                     key={row.id + idx}\n                     rawRow={row}\n                     row={_row}\n                     {...props}\n                     update={update}\n                     state={state}\n                  />\n               })\n            }\n         </TableBody>\n      </Table>\n   )\n}\n\nexport default TableArea"],"names":["_jsxs","_jsx","TableHead"],"mappings":"qMAOA,MAAM,SAAS,GAAG,CAAC,KAA8B,KAAI;AAClD,IAAA,IAAI,EACD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACX,GAAG,KAAK;AAET,IAAA,QACGA,IAAA,CAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAA,EAAM,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,EAAA,EAAA,QAAA,EAAA,CAChDC,GAAA,CAACC,eAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAA,CAAA,CAAI,EACtDD,IAAC,SAAS,EAAA,EACP,EAAE,EAAE;AACD,oBAAA,oBAAoB,EAAE;AACnB,wBAAA,YAAY,EAAE;AAChB;AACH,iBAAA,EAAA,QAAA,EAGE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAG,KAAI;AACzB,oBAAA,IAAI,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,GAAG,CAAA,EAAI,KAAK,CAAC,GAAG,GAAG;oBACzD,OAAOA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAER,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,IAAI,EAAA,EACL,KAAK,EAAA,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAAA,CAAA,EALP,GAAG,CAAC,EAAE,GAAG,GAAG,CAMlB;AACL,gBAAA,CAAC,CAAC,EAAA,CAEI,CAAA,EAAA,CAAA,CACP;AAEd"}

package/Datatable/TableHead.js

@@ -3,7 +3,7 @@
         return jsxRuntime.jsx(jsxRuntime.Fragment, {});
     let selected = state.selectedIds;
     let checked = state.selectAll || !!selected.length;
-    return (jsxRuntime.jsx(index.default, Object.assign({ position: "relative" }, { children: jsxRuntime.jsxs(index$1.default, Object.assign({ bgcolor: "default", borderBottom: 1 }, { children: [!disableSelect && jsxRuntime.jsx(index$2.default, Object.assign({ th: true, width: 40 }, { children: jsxRuntime.jsx(index$3.default, { checkIcon: selected.length && !state.selectAll ? jsxRuntime.jsx(IndeterminateCheckBoxIcon, {}) : undefined, checked: checked, onChange: () => {
+    return (jsxRuntime.jsx(index.default, { position: "relative", children: jsxRuntime.jsxs(index$1.default, { bgcolor: "default", borderBottom: 1, children: [!disableSelect && jsxRuntime.jsx(index$2.default, { th: true, width: 40, children: jsxRuntime.jsx(index$3.default, { checkIcon: selected.length && !state.selectAll ? jsxRuntime.jsx(IndeterminateCheckBoxIcon, {}) : undefined, checked: checked, onChange: () => {
                             let ids = [];
                             let undefinedCount = 0;
                             for (let i = 0; i < rows.length; i++) {
@@ -28,8 +28,8 @@
                                     selectAll: !state.selectAll
                                 });
                             }
-                        } }) })), columns.map((_a, idx) => {
+                        } }) }), columns.map((_a, idx) => {
                     var { label, field: _f } = _a, rest = tslib.__rest(_a, ["label", "field"]);
                     return jsxRuntime.jsx(index$2.default, Object.assign({ th: true, textAlign: "left" }, rest, { children: label }), idx);
-                }), jsxRuntime.jsx(index$2.default, { th: true, width: 30 })] })) })));
+                }), jsxRuntime.jsx(index$2.default, { th: true, width: 30 })] }) }));
 };exports.default=TableHeadRender;//# sourceMappingURL=TableHead.js.map

package/Datatable/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sources":["../../src/Datatable/TableHead.tsx"],"sourcesContent":["\nimport TableHead from '../TableHead'\nimport TableRow from '../TableRow'\nimport TableCell from '../TableCell'\nimport { DatatablePropsWithState } from '.'\nimport Checkbox from '../Checkbox'\nimport IntermidiatIcon from '@xanui/icons/IndeterminateCheckBox'\n\n\nconst TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }: DatatablePropsWithState) => {\n    if (!columns.length) return <></>\n    let selected = state.selectedIds\n    let checked = state.selectAll || !!selected.length\n\n    return (\n        <TableHead position=\"relative\">\n            <TableRow bgcolor=\"default\" borderBottom={1} >\n                {!disableSelect && <TableCell th width={40}>\n                    <Checkbox\n                        checkIcon={selected.length && !state.selectAll ? <IntermidiatIcon /> : undefined}\n                        checked={checked}\n                        onChange={() => {\n                            let ids: any = []\n                            let undefinedCount = 0\n                            for (let i = 0; i < rows.length; i++) {\n                                const row = rows[i]\n                                const isDisable = (disableRow ? disableRow(row, state) : false) || false\n                                if (!isDisable && row.id) {\n                                    ids.push(row.id)\n                                } else {\n                                    undefinedCount += 1\n                                }\n                            }\n\n                            if (undefinedCount) {\n                                update({\n                                    selectedIds: selected.length ? [] : ids,\n                                    selectAll: !selected.length\n                                })\n                            } else {\n                                update({\n                                    selectedIds: state.selectAll ? [] : ids,\n                                    selectAll: !state.selectAll\n                                })\n                            }\n                        }}\n                    />\n                </TableCell>}\n                {\n                    columns.map(({ label, field: _f, ...rest }, idx) => <TableCell key={idx} th textAlign=\"left\" {...rest}>{label}</TableCell>)\n                }\n                <TableCell th width={30}>\n\n                </TableCell>\n            </TableRow>\n        </TableHead>\n    )\n}\n\nexport default TableHeadRender\n"],"names":["_jsx","TableHead","_jsxs","TableRow","TableCell","Checkbox","IntermidiatIcon","__rest"],"mappings":"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"}
+{"version":3,"file":"TableHead.js","sources":["../../src/Datatable/TableHead.tsx"],"sourcesContent":["\nimport TableHead from '../TableHead'\nimport TableRow from '../TableRow'\nimport TableCell from '../TableCell'\nimport { DatatablePropsWithState } from '.'\nimport Checkbox from '../Checkbox'\nimport IntermidiatIcon from '@xanui/icons/IndeterminateCheckBox'\n\n\nconst TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }: DatatablePropsWithState) => {\n    if (!columns.length) return <></>\n    let selected = state.selectedIds\n    let checked = state.selectAll || !!selected.length\n\n    return (\n        <TableHead position=\"relative\">\n            <TableRow bgcolor=\"default\" borderBottom={1} >\n                {!disableSelect && <TableCell th width={40}>\n                    <Checkbox\n                        checkIcon={selected.length && !state.selectAll ? <IntermidiatIcon /> : undefined}\n                        checked={checked}\n                        onChange={() => {\n                            let ids: any = []\n                            let undefinedCount = 0\n                            for (let i = 0; i < rows.length; i++) {\n                                const row = rows[i]\n                                const isDisable = (disableRow ? disableRow(row, state) : false) || false\n                                if (!isDisable && row.id) {\n                                    ids.push(row.id)\n                                } else {\n                                    undefinedCount += 1\n                                }\n                            }\n\n                            if (undefinedCount) {\n                                update({\n                                    selectedIds: selected.length ? [] : ids,\n                                    selectAll: !selected.length\n                                })\n                            } else {\n                                update({\n                                    selectedIds: state.selectAll ? [] : ids,\n                                    selectAll: !state.selectAll\n                                })\n                            }\n                        }}\n                    />\n                </TableCell>}\n                {\n                    columns.map(({ label, field: _f, ...rest }, idx) => <TableCell key={idx} th textAlign=\"left\" {...rest}>{label}</TableCell>)\n                }\n                <TableCell th width={30}>\n\n                </TableCell>\n            </TableRow>\n        </TableHead>\n    )\n}\n\nexport default TableHeadRender\n"],"names":["_jsx","TableHead","_jsxs","TableRow","TableCell","Checkbox","IntermidiatIcon","__rest"],"mappings":"iXASA,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAA2B,KAAI;IAC7G,IAAI,CAAC,OAAO,CAAC,MAAM;AAAE,QAAA,OAAOA,uCAAK;AACjC,IAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM;AAElD,IAAA,QACIA,cAAA,CAACC,aAAS,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EAC1BC,eAAA,CAACC,eAAQ,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAE,CAAC,EAAA,QAAA,EAAA,CACtC,CAAC,aAAa,IAAIH,cAAA,CAACI,eAAS,EAAA,EAAC,EAAE,EAAA,IAAA,EAAC,KAAK,EAAE,EAAE,EAAA,QAAA,EACtCJ,cAAA,CAACK,eAAQ,EAAA,EACL,SAAS,EAAE,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,GAAGL,cAAA,CAACM,yBAAe,EAAA,EAAA,CAAG,GAAG,SAAS,EAChF,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAK;4BACX,IAAI,GAAG,GAAQ,EAAE;4BACjB,IAAI,cAAc,GAAG,CAAC;AACtB,4BAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClC,gCAAA,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;gCACnB,MAAM,SAAS,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,KAAK,KAAK,KAAK;AACxE,gCAAA,IAAI,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,EAAE;AACtB,oCAAA,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gCACpB;qCAAO;oCACH,cAAc,IAAI,CAAC;gCACvB;4BACJ;4BAEA,IAAI,cAAc,EAAE;AAChB,gCAAA,MAAM,CAAC;oCACH,WAAW,EAAE,QAAQ,CAAC,MAAM,GAAG,EAAE,GAAG,GAAG;AACvC,oCAAA,SAAS,EAAE,CAAC,QAAQ,CAAC;AACxB,iCAAA,CAAC;4BACN;iCAAO;AACH,gCAAA,MAAM,CAAC;oCACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG;AACvC,oCAAA,SAAS,EAAE,CAAC,KAAK,CAAC;AACrB,iCAAA,CAAC;4BACN;AACJ,wBAAA,CAAC,EAAA,CACH,EAAA,CACM,EAER,OAAO,CAAC,GAAG,CAAC,CAAC,EAA6B,EAAE,GAAG,KAAI;wBAAtC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAW,EAAN,IAAI,GAAAC,YAAA,CAAA,EAAA,EAA3B,CAAA,OAAA,EAAA,OAAA,CAA6B,CAAF;AAAY,oBAAA,OAAAP,cAAA,CAACI,eAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAW,EAAE,QAAC,SAAS,EAAC,MAAM,EAAA,EAAK,IAAI,EAAA,EAAA,QAAA,EAAG,KAAK,EAAA,CAAA,EAAzC,GAAG,CAAmD;AAAA,gBAAA,CAAA,CAAC,EAE/HJ,cAAA,CAACI,eAAS,EAAA,EAAC,EAAE,EAAA,IAAA,EAAC,KAAK,EAAE,EAAE,EAAA,CAEX,CAAA,EAAA,CACL,EAAA,CACH;AAEpB"}

package/Datatable/TableHead.mjs

@@ -3,7 +3,7 @@ import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';imp
         return jsx(Fragment, {});
     let selected = state.selectedIds;
     let checked = state.selectAll || !!selected.length;
-    return (jsx(TableHead, Object.assign({ position: "relative" }, { children: jsxs(TableRow, Object.assign({ bgcolor: "default", borderBottom: 1 }, { children: [!disableSelect && jsx(TableCell, Object.assign({ th: true, width: 40 }, { children: jsx(Checkbox, { checkIcon: selected.length && !state.selectAll ? jsx(IndeterminateCheckBoxIcon, {}) : undefined, checked: checked, onChange: () => {
+    return (jsx(TableHead, { position: "relative", children: jsxs(TableRow, { bgcolor: "default", borderBottom: 1, children: [!disableSelect && jsx(TableCell, { th: true, width: 40, children: jsx(Checkbox, { checkIcon: selected.length && !state.selectAll ? jsx(IndeterminateCheckBoxIcon, {}) : undefined, checked: checked, onChange: () => {
                             let ids = [];
                             let undefinedCount = 0;
                             for (let i = 0; i < rows.length; i++) {
@@ -28,8 +28,8 @@ import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';imp
                                     selectAll: !state.selectAll
                                 });
                             }
-                        } }) })), columns.map((_a, idx) => {
+                        } }) }), columns.map((_a, idx) => {
                     var { label, field: _f } = _a, rest = __rest(_a, ["label", "field"]);
                     return jsx(TableCell, Object.assign({ th: true, textAlign: "left" }, rest, { children: label }), idx);
-                }), jsx(TableCell, { th: true, width: 30 })] })) })));
+                }), jsx(TableCell, { th: true, width: 30 })] }) }));
 };export{TableHeadRender as default};//# sourceMappingURL=TableHead.mjs.map

package/Datatable/TableHead.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.mjs","sources":["../../src/Datatable/TableHead.tsx"],"sourcesContent":["\nimport TableHead from '../TableHead'\nimport TableRow from '../TableRow'\nimport TableCell from '../TableCell'\nimport { DatatablePropsWithState } from '.'\nimport Checkbox from '../Checkbox'\nimport IntermidiatIcon from '@xanui/icons/IndeterminateCheckBox'\n\n\nconst TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }: DatatablePropsWithState) => {\n    if (!columns.length) return <></>\n    let selected = state.selectedIds\n    let checked = state.selectAll || !!selected.length\n\n    return (\n        <TableHead position=\"relative\">\n            <TableRow bgcolor=\"default\" borderBottom={1} >\n                {!disableSelect && <TableCell th width={40}>\n                    <Checkbox\n                        checkIcon={selected.length && !state.selectAll ? <IntermidiatIcon /> : undefined}\n                        checked={checked}\n                        onChange={() => {\n                            let ids: any = []\n                            let undefinedCount = 0\n                            for (let i = 0; i < rows.length; i++) {\n                                const row = rows[i]\n                                const isDisable = (disableRow ? disableRow(row, state) : false) || false\n                                if (!isDisable && row.id) {\n                                    ids.push(row.id)\n                                } else {\n                                    undefinedCount += 1\n                                }\n                            }\n\n                            if (undefinedCount) {\n                                update({\n                                    selectedIds: selected.length ? [] : ids,\n                                    selectAll: !selected.length\n                                })\n                            } else {\n                                update({\n                                    selectedIds: state.selectAll ? [] : ids,\n                                    selectAll: !state.selectAll\n                                })\n                            }\n                        }}\n                    />\n                </TableCell>}\n                {\n                    columns.map(({ label, field: _f, ...rest }, idx) => <TableCell key={idx} th textAlign=\"left\" {...rest}>{label}</TableCell>)\n                }\n                <TableCell th width={30}>\n\n                </TableCell>\n            </TableRow>\n        </TableHead>\n    )\n}\n\nexport default TableHeadRender\n"],"names":["_jsx","_jsxs","IntermidiatIcon"],"mappings":"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"}
+{"version":3,"file":"TableHead.mjs","sources":["../../src/Datatable/TableHead.tsx"],"sourcesContent":["\nimport TableHead from '../TableHead'\nimport TableRow from '../TableRow'\nimport TableCell from '../TableCell'\nimport { DatatablePropsWithState } from '.'\nimport Checkbox from '../Checkbox'\nimport IntermidiatIcon from '@xanui/icons/IndeterminateCheckBox'\n\n\nconst TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }: DatatablePropsWithState) => {\n    if (!columns.length) return <></>\n    let selected = state.selectedIds\n    let checked = state.selectAll || !!selected.length\n\n    return (\n        <TableHead position=\"relative\">\n            <TableRow bgcolor=\"default\" borderBottom={1} >\n                {!disableSelect && <TableCell th width={40}>\n                    <Checkbox\n                        checkIcon={selected.length && !state.selectAll ? <IntermidiatIcon /> : undefined}\n                        checked={checked}\n                        onChange={() => {\n                            let ids: any = []\n                            let undefinedCount = 0\n                            for (let i = 0; i < rows.length; i++) {\n                                const row = rows[i]\n                                const isDisable = (disableRow ? disableRow(row, state) : false) || false\n                                if (!isDisable && row.id) {\n                                    ids.push(row.id)\n                                } else {\n                                    undefinedCount += 1\n                                }\n                            }\n\n                            if (undefinedCount) {\n                                update({\n                                    selectedIds: selected.length ? [] : ids,\n                                    selectAll: !selected.length\n                                })\n                            } else {\n                                update({\n                                    selectedIds: state.selectAll ? [] : ids,\n                                    selectAll: !state.selectAll\n                                })\n                            }\n                        }}\n                    />\n                </TableCell>}\n                {\n                    columns.map(({ label, field: _f, ...rest }, idx) => <TableCell key={idx} th textAlign=\"left\" {...rest}>{label}</TableCell>)\n                }\n                <TableCell th width={30}>\n\n                </TableCell>\n            </TableRow>\n        </TableHead>\n    )\n}\n\nexport default TableHeadRender\n"],"names":["_jsx","_jsxs","IntermidiatIcon"],"mappings":"2UASA,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAA2B,KAAI;IAC7G,IAAI,CAAC,OAAO,CAAC,MAAM;AAAE,QAAA,OAAOA,iBAAK;AACjC,IAAA,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM;AAElD,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EAC1BC,IAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAE,CAAC,EAAA,QAAA,EAAA,CACtC,CAAC,aAAa,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAA,IAAA,EAAC,KAAK,EAAE,EAAE,EAAA,QAAA,EACtCA,GAAA,CAAC,QAAQ,EAAA,EACL,SAAS,EAAE,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,GAAGA,GAAA,CAACE,yBAAe,EAAA,EAAA,CAAG,GAAG,SAAS,EAChF,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAK;4BACX,IAAI,GAAG,GAAQ,EAAE;4BACjB,IAAI,cAAc,GAAG,CAAC;AACtB,4BAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClC,gCAAA,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;gCACnB,MAAM,SAAS,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,KAAK,KAAK,KAAK;AACxE,gCAAA,IAAI,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,EAAE;AACtB,oCAAA,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gCACpB;qCAAO;oCACH,cAAc,IAAI,CAAC;gCACvB;4BACJ;4BAEA,IAAI,cAAc,EAAE;AAChB,gCAAA,MAAM,CAAC;oCACH,WAAW,EAAE,QAAQ,CAAC,MAAM,GAAG,EAAE,GAAG,GAAG;AACvC,oCAAA,SAAS,EAAE,CAAC,QAAQ,CAAC;AACxB,iCAAA,CAAC;4BACN;iCAAO;AACH,gCAAA,MAAM,CAAC;oCACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG;AACvC,oCAAA,SAAS,EAAE,CAAC,KAAK,CAAC;AACrB,iCAAA,CAAC;4BACN;AACJ,wBAAA,CAAC,EAAA,CACH,EAAA,CACM,EAER,OAAO,CAAC,GAAG,CAAC,CAAC,EAA6B,EAAE,GAAG,KAAI;wBAAtC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAW,EAAN,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3B,CAAA,OAAA,EAAA,OAAA,CAA6B,CAAF;AAAY,oBAAA,OAAAF,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAW,EAAE,QAAC,SAAS,EAAC,MAAM,EAAA,EAAK,IAAI,EAAA,EAAA,QAAA,EAAG,KAAK,EAAA,CAAA,EAAzC,GAAG,CAAmD;AAAA,gBAAA,CAAA,CAAC,EAE/HA,GAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAA,IAAA,EAAC,KAAK,EAAE,EAAE,EAAA,CAEX,CAAA,EAAA,CACL,EAAA,CACH;AAEpB"}

package/Datatable/index.js

@@ -18,18 +18,18 @@
             return ns;
         });
     };
-    return (jsxRuntime.jsxs(index.default, Object.assign({ baseClass: 'datatable', ref: ref, height: "100%", sx: {
+    return (jsxRuntime.jsxs(index.default, { baseClass: 'datatable', ref: ref, height: "100%", sx: {
             '& thead': fixedHeader ? {
                 position: "sticky",
                 top: 0,
                 bgcolor: "background.primary",
                 zIndex: 1
             } : {},
-        }, startContent: (jsxRuntime.jsxs(core.Tag, Object.assign({ baseClass: 'datatable-header', sxr: {
+        }, startContent: (jsxRuntime.jsxs(core.Tag, { baseClass: 'datatable-header', sxr: {
                 display: "flex",
                 flexDirection: "row",
                 justifyContent: "space-between"
-            } }, { children: [jsxRuntime.jsx(SelectedBox.default, Object.assign({}, _props, { update: update, state: state })), jsxRuntime.jsx(FilterBox.default, Object.assign({}, _props, { update: update, state: state }))] }))) }, { children: [jsxRuntime.jsx(Table.default, Object.assign({}, _props, { update: update, state: state })), jsxRuntime.jsx(index$1.default, Object.assign({ p: 1, alignItems: "flex-end" }, { children: !disablePagination && jsxRuntime.jsx(index$2.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.pagination, { total: totalCount || rows.length, page: state.paginationState.page, perpages: perpages, onChange: (state) => {
+            }, children: [jsxRuntime.jsx(SelectedBox.default, Object.assign({}, _props, { update: update, state: state })), jsxRuntime.jsx(FilterBox.default, Object.assign({}, _props, { update: update, state: state }))] })), children: [jsxRuntime.jsx(Table.default, Object.assign({}, _props, { update: update, state: state })), jsxRuntime.jsx(index$1.default, { p: 1, alignItems: "flex-end", children: !disablePagination && jsxRuntime.jsx(index$2.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.pagination, { total: totalCount || rows.length, page: state.paginationState.page, perpages: perpages, onChange: (state) => {
                         update({ paginationState: state });
-                    } })) }))] })));
+                    } })) })] }));
 });exports.default=DataTable;//# sourceMappingURL=index.js.map

package/Datatable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useState } from 'react'\nimport { TableColumnProps } from '../TableCell'\nimport { IconButtonProps } from '../IconButton'\nimport { InputProps } from '../Input'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationProps } from '../TablePagination'\nimport Stack from '../Stack'\nimport { TableProps } from '../Table'\n\n\nexport type ColumnType = (Omit<TableColumnProps, \"children\"> & { label: string, field?: string })\nexport type DataTableDefaultRow = { id?: number, [key: string | number]: any }\nexport type RowActionType = Omit<IconButtonProps, \"children\"> & {\n    label: string;\n    icon: ReactElement;\n}\nexport type TabsProps = {\n    label: string;\n    value?: string\n}\nexport type DatatableFilter = {\n    label: string;\n    value: string | number\n}\n\nexport type DatatableProps = {\n    rows: DataTableDefaultRow[];\n    columns: ColumnType[];\n    tabs?: TabsProps[];\n    defaultActiveTab?: string;\n    rowAction?: (props: { row: DataTableDefaultRow | null, state: State }) => RowActionType[];\n    renderRow?: (row: DataTableDefaultRow, state: State) => DataTableDefaultRow;\n    disableRow?: (row: DataTableDefaultRow, state: State) => boolean | void;\n    totalCount?: number;\n    page?: number;\n    perpages?: number[];\n    getState?: (state: State) => void;\n    onSearch?: (text: string, state: State) => void;\n    onTabChange?: (tab: string, state: State) => void;\n    filters?: { [key: string]: DatatableFilter[] }\n    fixedHeader?: boolean;\n    disablePagination?: boolean;\n    disableSearch?: boolean;\n    disableSelect?: boolean;\n    slotProps?: {\n        search?: Omit<InputProps, \"value\" | \"onChange\">;\n        table?: Omit<TableProps, 'children'>;\n        pagination?: TablePaginationProps;\n    }\n}\n\nexport type State = {\n    selectedIds: number[];\n    selectAll: boolean;\n    paginationState: {\n        page: number,\n        perpage: number\n    },\n    activeTab: string;\n    search: string;\n}\n\nexport type DatatablePropsWithState = DatatableProps & {\n    state: State,\n    update: (state: Partial<State>) => void;\n}\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [_props] = useInterface<any>(\"Datatable\", props, {})\n    let {\n        rows,\n        tabs,\n        defaultActiveTab,\n        totalCount,\n        page,\n        perpages,\n        getState,\n\n        fixedHeader,\n        disablePagination,\n        slotProps,\n    } = _props\n\n    const [state, setState] = useState<State>({\n        selectedIds: [],\n        selectAll: false,\n        paginationState: {\n            page: page || 1,\n            perpage: perpages ? perpages[0] : 30\n        },\n        activeTab: tabs ? (defaultActiveTab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: \"\"\n    })\n\n    const update = (s: Partial<State>) => {\n        setState(o => {\n            let ns = { ...o, ...s }\n            getState && getState(ns)\n            return ns\n        })\n    }\n\n    return (\n        <ViewBox\n            baseClass='datatable'\n            ref={ref as any}\n            height=\"100%\"\n            sx={{\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!disablePagination && <TablePagination\n                    {...slotProps?.pagination}\n                    total={totalCount || rows.length}\n                    page={state.paginationState.page}\n                    perpages={perpages}\n                    onChange={(state: any) => {\n                        update({ paginationState: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":["useInterface","useState","_jsxs","ViewBox","Tag","_jsx","SelectedBox","FilterBox","TableArea","Stack","TablePagination"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useState } from 'react'\nimport { TableColumnProps } from '../TableCell'\nimport { IconButtonProps } from '../IconButton'\nimport { InputProps } from '../Input'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationProps } from '../TablePagination'\nimport Stack from '../Stack'\nimport { TableProps } from '../Table'\n\n\nexport type ColumnType = (Omit<TableColumnProps, \"children\"> & { label: string, field?: string })\nexport type DataTableDefaultRow = { id?: number, [key: string | number]: any }\nexport type RowActionType = Omit<IconButtonProps, \"children\"> & {\n    label: string;\n    icon: ReactElement;\n}\nexport type TabsProps = {\n    label: string;\n    value?: string\n}\nexport type DatatableFilter = {\n    label: string;\n    value: string | number\n}\n\nexport type DatatableProps = {\n    rows: DataTableDefaultRow[];\n    columns: ColumnType[];\n    tabs?: TabsProps[];\n    defaultActiveTab?: string;\n    rowAction?: (props: { row: DataTableDefaultRow | null, state: State }) => RowActionType[];\n    renderRow?: (row: DataTableDefaultRow, state: State) => DataTableDefaultRow;\n    disableRow?: (row: DataTableDefaultRow, state: State) => boolean | void;\n    totalCount?: number;\n    page?: number;\n    perpages?: number[];\n    getState?: (state: State) => void;\n    onSearch?: (text: string, state: State) => void;\n    onTabChange?: (tab: string, state: State) => void;\n    filters?: { [key: string]: DatatableFilter[] }\n    fixedHeader?: boolean;\n    disablePagination?: boolean;\n    disableSearch?: boolean;\n    disableSelect?: boolean;\n    slotProps?: {\n        search?: Omit<InputProps, \"value\" | \"onChange\">;\n        table?: Omit<TableProps, 'children'>;\n        pagination?: TablePaginationProps;\n    }\n}\n\nexport type State = {\n    selectedIds: number[];\n    selectAll: boolean;\n    paginationState: {\n        page: number,\n        perpage: number\n    },\n    activeTab: string;\n    search: string;\n}\n\nexport type DatatablePropsWithState = DatatableProps & {\n    state: State,\n    update: (state: Partial<State>) => void;\n}\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [_props] = useInterface<any>(\"Datatable\", props, {})\n    let {\n        rows,\n        tabs,\n        defaultActiveTab,\n        totalCount,\n        page,\n        perpages,\n        getState,\n\n        fixedHeader,\n        disablePagination,\n        slotProps,\n    } = _props\n\n    const [state, setState] = useState<State>({\n        selectedIds: [],\n        selectAll: false,\n        paginationState: {\n            page: page || 1,\n            perpage: perpages ? perpages[0] : 30\n        },\n        activeTab: tabs ? (defaultActiveTab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: \"\"\n    })\n\n    const update = (s: Partial<State>) => {\n        setState(o => {\n            let ns = { ...o, ...s }\n            getState && getState(ns)\n            return ns\n        })\n    }\n\n    return (\n        <ViewBox\n            baseClass='datatable'\n            ref={ref as any}\n            height=\"100%\"\n            sx={{\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!disablePagination && <TablePagination\n                    {...slotProps?.pagination}\n                    total={totalCount || rows.length}\n                    page={state.paginationState.page}\n                    perpages={perpages}\n                    onChange={(state: any) => {\n                        update({ paginationState: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":["useInterface","useState","_jsxs","ViewBox","Tag","_jsx","SelectedBox","FilterBox","TableArea","Stack","TablePagination"],"mappings":"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"}

package/Datatable/index.mjs

@@ -18,18 +18,18 @@ import {jsxs,jsx}from'react/jsx-runtime';import React,{useState}from'react';impo
             return ns;
         });
     };
-    return (jsxs(ViewBox, Object.assign({ baseClass: 'datatable', ref: ref, height: "100%", sx: {
+    return (jsxs(ViewBox, { baseClass: 'datatable', ref: ref, height: "100%", sx: {
             '& thead': fixedHeader ? {
                 position: "sticky",
                 top: 0,
                 bgcolor: "background.primary",
                 zIndex: 1
             } : {},
-        }, startContent: (jsxs(Tag, Object.assign({ baseClass: 'datatable-header', sxr: {
+        }, startContent: (jsxs(Tag, { baseClass: 'datatable-header', sxr: {
                 display: "flex",
                 flexDirection: "row",
                 justifyContent: "space-between"
-            } }, { children: [jsx(SelectedBox, Object.assign({}, _props, { update: update, state: state })), jsx(FilterBox, Object.assign({}, _props, { update: update, state: state }))] }))) }, { children: [jsx(TableArea, Object.assign({}, _props, { update: update, state: state })), jsx(Stack, Object.assign({ p: 1, alignItems: "flex-end" }, { children: !disablePagination && jsx(TablePagination, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.pagination, { total: totalCount || rows.length, page: state.paginationState.page, perpages: perpages, onChange: (state) => {
+            }, children: [jsx(SelectedBox, Object.assign({}, _props, { update: update, state: state })), jsx(FilterBox, Object.assign({}, _props, { update: update, state: state }))] })), children: [jsx(TableArea, Object.assign({}, _props, { update: update, state: state })), jsx(Stack, { p: 1, alignItems: "flex-end", children: !disablePagination && jsx(TablePagination, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.pagination, { total: totalCount || rows.length, page: state.paginationState.page, perpages: perpages, onChange: (state) => {
                         update({ paginationState: state });
-                    } })) }))] })));
+                    } })) })] }));
 });export{DataTable as default};//# sourceMappingURL=index.mjs.map

package/Datatable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useState } from 'react'\nimport { TableColumnProps } from '../TableCell'\nimport { IconButtonProps } from '../IconButton'\nimport { InputProps } from '../Input'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationProps } from '../TablePagination'\nimport Stack from '../Stack'\nimport { TableProps } from '../Table'\n\n\nexport type ColumnType = (Omit<TableColumnProps, \"children\"> & { label: string, field?: string })\nexport type DataTableDefaultRow = { id?: number, [key: string | number]: any }\nexport type RowActionType = Omit<IconButtonProps, \"children\"> & {\n    label: string;\n    icon: ReactElement;\n}\nexport type TabsProps = {\n    label: string;\n    value?: string\n}\nexport type DatatableFilter = {\n    label: string;\n    value: string | number\n}\n\nexport type DatatableProps = {\n    rows: DataTableDefaultRow[];\n    columns: ColumnType[];\n    tabs?: TabsProps[];\n    defaultActiveTab?: string;\n    rowAction?: (props: { row: DataTableDefaultRow | null, state: State }) => RowActionType[];\n    renderRow?: (row: DataTableDefaultRow, state: State) => DataTableDefaultRow;\n    disableRow?: (row: DataTableDefaultRow, state: State) => boolean | void;\n    totalCount?: number;\n    page?: number;\n    perpages?: number[];\n    getState?: (state: State) => void;\n    onSearch?: (text: string, state: State) => void;\n    onTabChange?: (tab: string, state: State) => void;\n    filters?: { [key: string]: DatatableFilter[] }\n    fixedHeader?: boolean;\n    disablePagination?: boolean;\n    disableSearch?: boolean;\n    disableSelect?: boolean;\n    slotProps?: {\n        search?: Omit<InputProps, \"value\" | \"onChange\">;\n        table?: Omit<TableProps, 'children'>;\n        pagination?: TablePaginationProps;\n    }\n}\n\nexport type State = {\n    selectedIds: number[];\n    selectAll: boolean;\n    paginationState: {\n        page: number,\n        perpage: number\n    },\n    activeTab: string;\n    search: string;\n}\n\nexport type DatatablePropsWithState = DatatableProps & {\n    state: State,\n    update: (state: Partial<State>) => void;\n}\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [_props] = useInterface<any>(\"Datatable\", props, {})\n    let {\n        rows,\n        tabs,\n        defaultActiveTab,\n        totalCount,\n        page,\n        perpages,\n        getState,\n\n        fixedHeader,\n        disablePagination,\n        slotProps,\n    } = _props\n\n    const [state, setState] = useState<State>({\n        selectedIds: [],\n        selectAll: false,\n        paginationState: {\n            page: page || 1,\n            perpage: perpages ? perpages[0] : 30\n        },\n        activeTab: tabs ? (defaultActiveTab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: \"\"\n    })\n\n    const update = (s: Partial<State>) => {\n        setState(o => {\n            let ns = { ...o, ...s }\n            getState && getState(ns)\n            return ns\n        })\n    }\n\n    return (\n        <ViewBox\n            baseClass='datatable'\n            ref={ref as any}\n            height=\"100%\"\n            sx={{\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!disablePagination && <TablePagination\n                    {...slotProps?.pagination}\n                    total={totalCount || rows.length}\n                    page={state.paginationState.page}\n                    perpages={perpages}\n                    onChange={(state: any) => {\n                        update({ paginationState: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Datatable/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useState } from 'react'\nimport { TableColumnProps } from '../TableCell'\nimport { IconButtonProps } from '../IconButton'\nimport { InputProps } from '../Input'\nimport ViewBox from '../ViewBox'\nimport { Tag, useInterface } from '@xanui/core';\nimport SelectedBox from './SelectedBox'\nimport TableArea from './Table'\nimport FilterBox from './FilterBox'\nimport TablePagination, { TablePaginationProps } from '../TablePagination'\nimport Stack from '../Stack'\nimport { TableProps } from '../Table'\n\n\nexport type ColumnType = (Omit<TableColumnProps, \"children\"> & { label: string, field?: string })\nexport type DataTableDefaultRow = { id?: number, [key: string | number]: any }\nexport type RowActionType = Omit<IconButtonProps, \"children\"> & {\n    label: string;\n    icon: ReactElement;\n}\nexport type TabsProps = {\n    label: string;\n    value?: string\n}\nexport type DatatableFilter = {\n    label: string;\n    value: string | number\n}\n\nexport type DatatableProps = {\n    rows: DataTableDefaultRow[];\n    columns: ColumnType[];\n    tabs?: TabsProps[];\n    defaultActiveTab?: string;\n    rowAction?: (props: { row: DataTableDefaultRow | null, state: State }) => RowActionType[];\n    renderRow?: (row: DataTableDefaultRow, state: State) => DataTableDefaultRow;\n    disableRow?: (row: DataTableDefaultRow, state: State) => boolean | void;\n    totalCount?: number;\n    page?: number;\n    perpages?: number[];\n    getState?: (state: State) => void;\n    onSearch?: (text: string, state: State) => void;\n    onTabChange?: (tab: string, state: State) => void;\n    filters?: { [key: string]: DatatableFilter[] }\n    fixedHeader?: boolean;\n    disablePagination?: boolean;\n    disableSearch?: boolean;\n    disableSelect?: boolean;\n    slotProps?: {\n        search?: Omit<InputProps, \"value\" | \"onChange\">;\n        table?: Omit<TableProps, 'children'>;\n        pagination?: TablePaginationProps;\n    }\n}\n\nexport type State = {\n    selectedIds: number[];\n    selectAll: boolean;\n    paginationState: {\n        page: number,\n        perpage: number\n    },\n    activeTab: string;\n    search: string;\n}\n\nexport type DatatablePropsWithState = DatatableProps & {\n    state: State,\n    update: (state: Partial<State>) => void;\n}\n\nconst DataTable = React.forwardRef((props: DatatableProps, ref: React.Ref<HTMLDivElement>) => {\n    let [_props] = useInterface<any>(\"Datatable\", props, {})\n    let {\n        rows,\n        tabs,\n        defaultActiveTab,\n        totalCount,\n        page,\n        perpages,\n        getState,\n\n        fixedHeader,\n        disablePagination,\n        slotProps,\n    } = _props\n\n    const [state, setState] = useState<State>({\n        selectedIds: [],\n        selectAll: false,\n        paginationState: {\n            page: page || 1,\n            perpage: perpages ? perpages[0] : 30\n        },\n        activeTab: tabs ? (defaultActiveTab || tabs[0].value || tabs[0].label.toLowerCase()) : \"\",\n        search: \"\"\n    })\n\n    const update = (s: Partial<State>) => {\n        setState(o => {\n            let ns = { ...o, ...s }\n            getState && getState(ns)\n            return ns\n        })\n    }\n\n    return (\n        <ViewBox\n            baseClass='datatable'\n            ref={ref as any}\n            height=\"100%\"\n            sx={{\n                '& thead': fixedHeader ? {\n                    position: \"sticky\",\n                    top: 0,\n                    bgcolor: \"background.primary\",\n                    zIndex: 1\n                } : {},\n            }}\n            startContent={(\n                <Tag\n                    baseClass='datatable-header'\n                    sxr={{\n                        display: \"flex\",\n                        flexDirection: \"row\",\n                        justifyContent: \"space-between\"\n                    }}\n                >\n                    <SelectedBox {..._props} update={update} state={state} />\n                    <FilterBox {..._props} update={update} state={state} />\n                </Tag>\n            )}\n        >\n            <TableArea\n                {..._props}\n                update={update}\n                state={state}\n            />\n            <Stack\n                p={1}\n                alignItems=\"flex-end\"\n            >\n                {!disablePagination && <TablePagination\n                    {...slotProps?.pagination}\n                    total={totalCount || rows.length}\n                    page={state.paginationState.page}\n                    perpages={perpages}\n                    onChange={(state: any) => {\n                        update({ paginationState: state })\n                    }}\n                />}\n            </Stack>\n        </ViewBox>\n    )\n})\n\nexport default DataTable"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/Divider/index.js

@@ -17,5 +17,5 @@
             width: isHori ? "100%" : size,
             height: isHori ? size : "100%",
             bgcolor: color === 'default' ? `background.secondary` : `${color}.secondary`,
-        }, ref: ref }, { children: children })));
+        }, ref: ref, children: children })));
 });exports.default=Divider;//# sourceMappingURL=index.js.map

package/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Divider/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type DividerProps<T extends TagComponentType = \"div\"> = Omit<TagProps<T>, \"color\"> & {\n    direction?: useBreakpointPropsType<\"verticle\" | \"horizental\">;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    size?: useBreakpointPropsType<number>;\n}\n\nconst Divider = React.forwardRef(<T extends TagComponentType = \"div\">({ children, direction, color, size, ...rest }: DividerProps<T>, ref: React.Ref<any>) => {\n    const _p: any = {}\n    if (direction) _p.direction = direction\n    if (color) _p.color = color\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n    direction = p.direction ?? \"horizental\"\n    color = p.color ?? \"default\"\n    size = p.size ?? 1\n\n    let isHori = direction === 'horizental'\n\n    return (\n        <Tag\n            {...rest}\n            baseClass='divider'\n            sxr={{\n                width: isHori ? \"100%\" : size,\n                height: isHori ? size : \"100%\",\n                bgcolor: color === 'default' ? `background.secondary` : `${color}.secondary`,\n            }}\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Divider\n\n"],"names":["__rest","useBreakpointProps","_jsx","Tag"],"mappings":"4LAWA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;;AAAvF,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAA3C,CAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,CAA6C,CAAF;IAC7G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,SAAS,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,YAAY;AACvC,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,IAAI,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AAElB,IAAA,IAAI,MAAM,GAAG,SAAS,KAAK,YAAY;IAEvC,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE;YACD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;YAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;AAC9B,YAAA,OAAO,EAAE,KAAK,KAAK,SAAS,GAAG,CAAA,oBAAA,CAAsB,GAAG,CAAA,EAAG,KAAK,CAAA,UAAA,CAAY;AAC/E,SAAA,EACD,GAAG,EAAE,GAAG,gBACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/Divider/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type DividerProps<T extends TagComponentType = \"div\"> = Omit<TagProps<T>, \"color\"> & {\n    direction?: useBreakpointPropsType<\"verticle\" | \"horizental\">;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    size?: useBreakpointPropsType<number>;\n}\n\nconst Divider = React.forwardRef(<T extends TagComponentType = \"div\">({ children, direction, color, size, ...rest }: DividerProps<T>, ref: React.Ref<any>) => {\n    const _p: any = {}\n    if (direction) _p.direction = direction\n    if (color) _p.color = color\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n    direction = p.direction ?? \"horizental\"\n    color = p.color ?? \"default\"\n    size = p.size ?? 1\n\n    let isHori = direction === 'horizental'\n\n    return (\n        <Tag\n            {...rest}\n            baseClass='divider'\n            sxr={{\n                width: isHori ? \"100%\" : size,\n                height: isHori ? size : \"100%\",\n                bgcolor: color === 'default' ? `background.secondary` : `${color}.secondary`,\n            }}\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Divider\n\n"],"names":["__rest","useBreakpointProps","_jsx","Tag"],"mappings":"4LAWA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;;AAAvF,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAA3C,CAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,CAA6C,CAAF;IAC7G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,SAAS,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,YAAY;AACvC,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,IAAI,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AAElB,IAAA,IAAI,MAAM,GAAG,SAAS,KAAK,YAAY;IAEvC,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE;YACD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;YAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;AAC9B,YAAA,OAAO,EAAE,KAAK,KAAK,SAAS,GAAG,CAAA,oBAAA,CAAsB,GAAG,CAAA,EAAG,KAAK,CAAA,UAAA,CAAY;AAC/E,SAAA,EACD,GAAG,EAAE,GAAG,YACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/Divider/index.mjs

@@ -17,5 +17,5 @@ import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from
             width: isHori ? "100%" : size,
             height: isHori ? size : "100%",
             bgcolor: color === 'default' ? `background.secondary` : `${color}.secondary`,
-        }, ref: ref }, { children: children })));
+        }, ref: ref, children: children })));
 });export{Divider as default};//# sourceMappingURL=index.mjs.map

package/Divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Divider/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type DividerProps<T extends TagComponentType = \"div\"> = Omit<TagProps<T>, \"color\"> & {\n    direction?: useBreakpointPropsType<\"verticle\" | \"horizental\">;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    size?: useBreakpointPropsType<number>;\n}\n\nconst Divider = React.forwardRef(<T extends TagComponentType = \"div\">({ children, direction, color, size, ...rest }: DividerProps<T>, ref: React.Ref<any>) => {\n    const _p: any = {}\n    if (direction) _p.direction = direction\n    if (color) _p.color = color\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n    direction = p.direction ?? \"horizental\"\n    color = p.color ?? \"default\"\n    size = p.size ?? 1\n\n    let isHori = direction === 'horizental'\n\n    return (\n        <Tag\n            {...rest}\n            baseClass='divider'\n            sxr={{\n                width: isHori ? \"100%\" : size,\n                height: isHori ? size : \"100%\",\n                bgcolor: color === 'default' ? `background.secondary` : `${color}.secondary`,\n            }}\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Divider\n\n"],"names":["_jsx"],"mappings":"yIAWA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;;AAAvF,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3C,CAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,CAA6C,CAAF;IAC7G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,SAAS,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,YAAY;AACvC,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,IAAI,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AAElB,IAAA,IAAI,MAAM,GAAG,SAAS,KAAK,YAAY;IAEvC,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE;YACD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;YAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;AAC9B,YAAA,OAAO,EAAE,KAAK,KAAK,SAAS,GAAG,CAAA,oBAAA,CAAsB,GAAG,CAAA,EAAG,KAAK,CAAA,UAAA,CAAY;AAC/E,SAAA,EACD,GAAG,EAAE,GAAG,gBACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/Divider/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type DividerProps<T extends TagComponentType = \"div\"> = Omit<TagProps<T>, \"color\"> & {\n    direction?: useBreakpointPropsType<\"verticle\" | \"horizental\">;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    size?: useBreakpointPropsType<number>;\n}\n\nconst Divider = React.forwardRef(<T extends TagComponentType = \"div\">({ children, direction, color, size, ...rest }: DividerProps<T>, ref: React.Ref<any>) => {\n    const _p: any = {}\n    if (direction) _p.direction = direction\n    if (color) _p.color = color\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n    direction = p.direction ?? \"horizental\"\n    color = p.color ?? \"default\"\n    size = p.size ?? 1\n\n    let isHori = direction === 'horizental'\n\n    return (\n        <Tag\n            {...rest}\n            baseClass='divider'\n            sxr={{\n                width: isHori ? \"100%\" : size,\n                height: isHori ? size : \"100%\",\n                bgcolor: color === 'default' ? `background.secondary` : `${color}.secondary`,\n            }}\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Divider\n\n"],"names":["_jsx"],"mappings":"yIAWA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;;AAAvF,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3C,CAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,CAA6C,CAAF;IAC7G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,SAAS,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,YAAY;AACvC,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,IAAI,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AAElB,IAAA,IAAI,MAAM,GAAG,SAAS,KAAK,YAAY;IAEvC,QACIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE;YACD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;YAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;AAC9B,YAAA,OAAO,EAAE,KAAK,KAAK,SAAS,GAAG,CAAA,oBAAA,CAAsB,GAAG,CAAA,EAAG,KAAK,CAAA,UAAA,CAAY;AAC/E,SAAA,EACD,GAAG,EAAE,GAAG,YACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/Drawer/index.js

@@ -22,12 +22,12 @@
             display: "flex",
             direction: isSide ? "row" : "column",
             justifyContent: placement === 'left' || placement === 'top' ? "flex-start" : "flex-end"
-        } }, { children: jsxRuntime.jsx(index$1.default, Object.assign({ onClickOutside: onClickOutside || (() => { }) }, { children: jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { sxr: {
+        }, children: jsxRuntime.jsx(index$1.default, { onClickOutside: onClickOutside || (() => { }), children: jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { sxr: {
                     width: isSide ? _size : "100%",
                     height: isSide ? "100%" : _size,
                     bgcolor: "background.primary",
                     shadow: 10
-                }, baseClass: 'drawer-content' }, { children: children })) })) })));
+                }, baseClass: 'drawer-content', children: children })) }) })));
 };
 let drawerId = "_" + Math.random().toString(32).substring(2);
 const getVariant = (placement) => {
@@ -45,12 +45,12 @@ const getVariant = (placement) => {
 const Drawer = (_a) => {
     var _b;
     var { children, open } = _a, rest = tslib.__rest(_a, ["children", "open"]);
-    return (jsxRuntime.jsx(index.default, Object.assign({}, (_b = rest === null || rest === void 0 ? void 0 : rest.slotProps) === null || _b === void 0 ? void 0 : _b.layer, { open: open !== null && open !== void 0 ? open : true, transition: getVariant(rest.placement) }, { children: jsxRuntime.jsx(MainView, Object.assign({}, rest, { open: true }, { children: children })) })));
+    return (jsxRuntime.jsx(index.default, Object.assign({}, (_b = rest === null || rest === void 0 ? void 0 : rest.slotProps) === null || _b === void 0 ? void 0 : _b.layer, { open: open !== null && open !== void 0 ? open : true, transition: getVariant(rest.placement), children: jsxRuntime.jsx(MainView, Object.assign({}, rest, { open: true, children: children })) })));
 };
 Drawer.open = (content, props) => {
     let { placement, slotProps } = props || {};
     placement !== null && placement !== void 0 ? placement : (placement = 'left');
-    index.default.open(drawerId, jsxRuntime.jsx(MainView, Object.assign({ onClickOutside: () => index.default.close(drawerId) }, props, { open: true }, { children: content })), Object.assign(Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer), { transition: getVariant(placement) }));
+    index.default.open(drawerId, jsxRuntime.jsx(MainView, Object.assign({ onClickOutside: () => index.default.close(drawerId) }, props, { open: true, children: content })), Object.assign(Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.layer), { transition: getVariant(placement) }));
 };
 Drawer.close = () => {
     index.default.close(drawerId);

package/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Drawer/index.tsx"],"sourcesContent":["\nimport { ReactElement, ReactNode } from 'react';\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Layer, { LayerProps } from '../Layer';\nimport ClickOutside from '../ClickOutside';\n\n\nexport type DrawerChildrenType = ReactNode | ReactElement | string\n\nexport type DrawerProps = Omit<TagProps, \"children\" | \"size\"> & {\n    children?: DrawerChildrenType;\n    placement?: useBreakpointPropsType<\"left\" | \"right\" | \"bottom\" | \"top\">;\n    open?: boolean;\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    onClickOutside?: () => void;\n    slotProps?: {\n        root?: TagProps<\"div\">;\n        layer?: Omit<LayerProps, 'id' | 'children' | 'open' | 'transition'>;\n    }\n}\n\nconst MainView = ({ children, placement, open, size, slotProps, onClickOutside, ...rest }: DrawerProps) => {\n    const _p: any = {}\n    if (placement) _p.placement = placement\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n\n    placement = p.placement ?? 'left'\n    size = p.size || \"medium\"\n\n    let isSide = placement === 'left' || placement === 'right'\n    let sizes: any = {\n        small: 200,\n        medium: 300,\n        large: 400\n    }\n\n    let _size = sizes[size as any] || size\n\n    return (\n        <Tag\n            {...slotProps?.root}\n            baseClass='drawer'\n            sxr={{\n                width: \"100%\",\n                height: \"100%\",\n                display: \"flex\",\n                direction: isSide ? \"row\" : \"column\" as any,\n                justifyContent: placement === 'left' || placement === 'top' ? \"flex-start\" : \"flex-end\"\n            }}\n        >\n            <ClickOutside onClickOutside={onClickOutside || (() => { })}>\n                <Tag\n                    {...rest}\n                    sxr={{\n                        width: isSide ? _size : \"100%\",\n                        height: isSide ? \"100%\" : _size,\n                        bgcolor: \"background.primary\",\n                        shadow: 10\n                    }}\n                    baseClass='drawer-content'\n                >\n                    {children}\n                </Tag>\n            </ClickOutside>\n        </Tag>\n    )\n}\n\nlet drawerId = \"_\" + Math.random().toString(32).substring(2)\n\nconst getVariant = (placement?: any) => {\n    switch (placement) {\n        case \"right\":\n            return \"fadeLeft\"\n        case \"top\":\n            return \"fadeDown\"\n        case \"bottom\":\n            return \"fadeUp\"\n        default:\n            return \"fadeRight\"\n    }\n}\n\nconst Drawer = ({ children, open, ...rest }: DrawerProps) => {\n    return (\n        <Layer\n            {...rest?.slotProps?.layer}\n            open={open ?? true}\n            transition={getVariant(rest.placement)}\n        >\n            <MainView {...rest} open={true}>{children}</MainView>\n        </Layer>\n    )\n}\n\n\nDrawer.open = (content: DrawerChildrenType, props?: Omit<DrawerProps, \"children\" | \"open\">) => {\n    let { placement, slotProps } = props || {}\n    placement ??= 'left'\n    Layer.open(drawerId, <MainView\n        onClickOutside={() => Layer.close(drawerId)}\n        {...props}\n        open={true}\n    >{content}</MainView>, {\n        ...slotProps?.layer,\n        transition: getVariant(placement)\n    })\n}\n\nDrawer.close = () => {\n    Layer.close(drawerId)\n}\n\nexport default Drawer"],"names":["__rest","useBreakpointProps","_jsx","Tag","ClickOutside","Layer"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Drawer/index.tsx"],"sourcesContent":["\nimport { ReactElement, ReactNode } from 'react';\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Layer, { LayerProps } from '../Layer';\nimport ClickOutside from '../ClickOutside';\n\n\nexport type DrawerChildrenType = ReactNode | ReactElement | string\n\nexport type DrawerProps = Omit<TagProps, \"children\" | \"size\"> & {\n    children?: DrawerChildrenType;\n    placement?: useBreakpointPropsType<\"left\" | \"right\" | \"bottom\" | \"top\">;\n    open?: boolean;\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    onClickOutside?: () => void;\n    slotProps?: {\n        root?: TagProps<\"div\">;\n        layer?: Omit<LayerProps, 'id' | 'children' | 'open' | 'transition'>;\n    }\n}\n\nconst MainView = ({ children, placement, open, size, slotProps, onClickOutside, ...rest }: DrawerProps) => {\n    const _p: any = {}\n    if (placement) _p.placement = placement\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n\n    placement = p.placement ?? 'left'\n    size = p.size || \"medium\"\n\n    let isSide = placement === 'left' || placement === 'right'\n    let sizes: any = {\n        small: 200,\n        medium: 300,\n        large: 400\n    }\n\n    let _size = sizes[size as any] || size\n\n    return (\n        <Tag\n            {...slotProps?.root}\n            baseClass='drawer'\n            sxr={{\n                width: \"100%\",\n                height: \"100%\",\n                display: \"flex\",\n                direction: isSide ? \"row\" : \"column\" as any,\n                justifyContent: placement === 'left' || placement === 'top' ? \"flex-start\" : \"flex-end\"\n            }}\n        >\n            <ClickOutside onClickOutside={onClickOutside || (() => { })}>\n                <Tag\n                    {...rest}\n                    sxr={{\n                        width: isSide ? _size : \"100%\",\n                        height: isSide ? \"100%\" : _size,\n                        bgcolor: \"background.primary\",\n                        shadow: 10\n                    }}\n                    baseClass='drawer-content'\n                >\n                    {children}\n                </Tag>\n            </ClickOutside>\n        </Tag>\n    )\n}\n\nlet drawerId = \"_\" + Math.random().toString(32).substring(2)\n\nconst getVariant = (placement?: any) => {\n    switch (placement) {\n        case \"right\":\n            return \"fadeLeft\"\n        case \"top\":\n            return \"fadeDown\"\n        case \"bottom\":\n            return \"fadeUp\"\n        default:\n            return \"fadeRight\"\n    }\n}\n\nconst Drawer = ({ children, open, ...rest }: DrawerProps) => {\n    return (\n        <Layer\n            {...rest?.slotProps?.layer}\n            open={open ?? true}\n            transition={getVariant(rest.placement)}\n        >\n            <MainView {...rest} open={true}>{children}</MainView>\n        </Layer>\n    )\n}\n\n\nDrawer.open = (content: DrawerChildrenType, props?: Omit<DrawerProps, \"children\" | \"open\">) => {\n    let { placement, slotProps } = props || {}\n    placement ??= 'left'\n    Layer.open(drawerId, <MainView\n        onClickOutside={() => Layer.close(drawerId)}\n        {...props}\n        open={true}\n    >{content}</MainView>, {\n        ...slotProps?.layer,\n        transition: getVariant(placement)\n    })\n}\n\nDrawer.close = () => {\n    Layer.close(drawerId)\n}\n\nexport default Drawer"],"names":["__rest","useBreakpointProps","_jsx","Tag","ClickOutside","Layer"],"mappings":"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"}