@xanui/ui 1.1.9 → 1.1.10

package/Container/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Container/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useTheme, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ContainerProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    maxWidth?: useBreakpointPropsType<'lg' | 'md' | \"sm\" | 'xs'>\n}\n\nconst Container = React.forwardRef(<T extends TagComponentType = \"div\">({ children, maxWidth, ...rest }: ContainerProps<T>, ref?: React.Ref<any>) => {\n    const _p: any = {}\n    if (maxWidth) _p.maxWidth = maxWidth\n    const p: any = useBreakpointProps(_p)\n    maxWidth = p.maxWidth\n\n    const { breakpoints } = useTheme()\n    maxWidth = maxWidth || \"lg\"\n    return (\n        <Tag\n            {...rest}\n            sxr={{\n                width: \"100%\",\n                maxWidth: {\n                    xs: \"100%\",\n                    [maxWidth as any]: (breakpoints as any)[maxWidth as any]\n                },\n                mx: \"auto\",\n                px: 2,\n            }}\n            baseClass=\"container\"\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Container\n\n\n"],"names":["_jsx"],"mappings":"kJASA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAkD,EAAE,GAAoB,KAAI;QAA5E,EAAE,QAAQ,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7B,wBAA+B,CAAF;IACjG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AAErB,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE;AAClC,IAAA,QAAQ,GAAG,QAAQ,IAAI,IAAI;AAC3B,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE;AACN,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,CAAC,QAAe,GAAI,WAAmB,CAAC,QAAe;AAC1D,aAAA;AACD,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,CAAC;SACR,EACD,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/Container/index.tsx"],"sourcesContent":["\r\nimport React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useTheme, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type ContainerProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    maxWidth?: useBreakpointPropsType<'lg' | 'md' | \"sm\" | 'xs'>\r\n}\r\n\r\nconst Container = React.forwardRef(<T extends TagComponentType = \"div\">({ children, maxWidth, ...rest }: ContainerProps<T>, ref?: React.Ref<any>) => {\r\n    const _p: any = {}\r\n    if (maxWidth) _p.maxWidth = maxWidth\r\n    const p: any = useBreakpointProps(_p)\r\n    maxWidth = p.maxWidth\r\n\r\n    const { breakpoints } = useTheme()\r\n    maxWidth = maxWidth || \"lg\"\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                width: \"100%\",\r\n                maxWidth: {\r\n                    xs: \"100%\",\r\n                    [maxWidth as any]: (breakpoints as any)[maxWidth as any]\r\n                },\r\n                mx: \"auto\",\r\n                px: 2,\r\n            }}\r\n            baseClass=\"container\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Container\r\n\r\n\r\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAkD,EAAE,GAAoB,KAAI;QAA5E,EAAE,QAAQ,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7B,wBAA+B,CAAF;IACjG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AAErB,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE;AAClC,IAAA,QAAQ,GAAG,QAAQ,IAAI,IAAI;AAC3B,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE;AACN,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,CAAC,QAAe,GAAI,WAAmB,CAAC,QAAe;AAC1D,aAAA;AACD,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,CAAC;SACR,EACD,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/Datatable/FilterBox.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../Stack/index.cjs');
+var index$1 = require('../Tabs/index.cjs');
+var index$2 = require('../Tab/index.cjs');
+var index$3 = require('../Select/index.cjs');
+var index$4 = require('../Option/index.cjs');
+var index$5 = require('../Input/index.cjs');
+var IconSearch = require('@xanui/icons/Search');
+
+const FilterBox = (props) => {
+    let { tabs, filters, onSearch, onTabChange, disableSearch, slotProps, state, update, } = props;
+    let selected = state.selectedIds;
+    let checked = state.selectAll || !!selected.length;
+    if (checked)
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    return (jsxRuntime.jsxs(index, { direction: "row", alignItems: "center", justifyContent: "space-between", zIndex: 1, radius: 1, mb: 1, height: 50, width: "100%", children: [jsxRuntime.jsx(index, { gap: 2.4, flexRow: true, children: tabs && jsxRuntime.jsx(index$1, { onChange: (value) => {
+                        update({ activeTab: value });
+                        onTabChange && onTabChange(value, state);
+                    }, value: state.activeTab, children: tabs.map(t => jsxRuntime.jsx(index$2, { value: t.value || t.label.toLowerCase(), children: t.label }, t.label)) }) }), jsxRuntime.jsx(index, { className: 'datatable-header-filter-area', flex: 1, flexRow: true, children: filters && jsxRuntime.jsx(index, { flexRow: true, gap: 2, px: 2, children: Object.keys(filters).map(name => {
+                        const items = filters[name];
+                        return (jsxRuntime.jsx(index$3, { placeholder: name.charAt(0).toUpperCase() + name.slice(1), value: state[name] || "", onChange: (value) => {
+                                update({ [name]: value });
+                            }, children: items.map((item) => jsxRuntime.jsx(index$4, { value: item.value, children: item.label }, name + item.value)) }, name));
+                    }) }) }), jsxRuntime.jsx(index, { flexRow: true, gap: 2, className: 'datatable-header-right-area', children: !disableSearch && jsxRuntime.jsx(index$5, Object.assign({ endIcon: jsxRuntime.jsx(IconSearch, {}), p: 1, placeholder: 'Search...' }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.search, { value: state.search, onChange: (e) => {
+                        update({ search: e.target.value });
+                        onSearch && onSearch(e.target.value, state);
+                    } })) })] }));
+};
+
+module.exports = FilterBox;
+//# sourceMappingURL=FilterBox.cjs.map

package/Datatable/FilterBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBox.cjs","sources":["../../src/Datatable/FilterBox.tsx"],"sourcesContent":["\r\nimport Stack from '../Stack'\r\nimport { DatatableFilter, DatatablePropsWithState } from '.'\r\nimport Tabs from '../Tabs'\r\nimport Tab from '../Tab'\r\nimport Select from '../Select'\r\nimport Option from '../Option'\r\nimport Input from '../Input'\r\nimport IconSearch from '@xanui/icons/Search'\r\n\r\n\r\nconst FilterBox = (props: DatatablePropsWithState) => {\r\n   let {\r\n      tabs,\r\n      filters,\r\n      onSearch,\r\n      onTabChange,\r\n      disableSearch,\r\n      slotProps,\r\n      state,\r\n      update,\r\n   } = props\r\n\r\n   let selected = state.selectedIds\r\n   let checked = state.selectAll || !!selected.length\r\n\r\n   if (checked) return <></>\r\n\r\n   return (\r\n      <Stack\r\n         direction=\"row\"\r\n         alignItems=\"center\"\r\n         justifyContent=\"space-between\"\r\n         zIndex={1}\r\n         radius={1}\r\n         mb={1}\r\n         height={50}\r\n         width=\"100%\"\r\n      >\r\n         <Stack gap={2.4} flexRow>\r\n            {\r\n               tabs && <Tabs\r\n                  onChange={(value: any) => {\r\n                     update({ activeTab: value })\r\n                     onTabChange && onTabChange(value, state)\r\n                  }}\r\n                  value={state.activeTab}\r\n               >\r\n                  {\r\n                     tabs.map(t => <Tab key={t.label} value={t.value || t.label.toLowerCase()}>{t.label}</Tab>)\r\n                  }\r\n               </Tabs>\r\n            }\r\n         </Stack>\r\n         <Stack className='datatable-header-filter-area' flex={1} flexRow>\r\n            {\r\n               filters && <Stack flexRow gap={2} px={2}>\r\n                  {\r\n                     Object.keys(filters).map(name => {\r\n                        const items: DatatableFilter[] = (filters as any)[name]\r\n                        return (\r\n                           <Select\r\n                              key={name}\r\n                              placeholder={name.charAt(0).toUpperCase() + name.slice(1)}\r\n                              value={(state as any)[name] || \"\"}\r\n                              onChange={(value) => {\r\n                                 update({ [name]: value } as any)\r\n                              }}\r\n                           >\r\n                              {\r\n                                 items.map((item) => <Option key={name + item.value} value={item.value}>\r\n                                    {item.label}\r\n                                 </Option>)\r\n                              }\r\n                           </Select>\r\n                        )\r\n                     })\r\n                  }\r\n               </Stack>\r\n            }\r\n         </Stack>\r\n         <Stack flexRow gap={2} className='datatable-header-right-area'>\r\n\r\n            {!disableSearch && <Input\r\n               endIcon={<IconSearch />}\r\n               p={1}\r\n               placeholder='Search...'\r\n               {...slotProps?.search}\r\n               value={state.search}\r\n               onChange={(e: any) => {\r\n                  update({ search: e.target.value })\r\n                  onSearch && onSearch(e.target.value, state)\r\n               }}\r\n            />}\r\n         </Stack>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default FilterBox"],"names":["_jsx","_jsxs","Stack","Tabs","Tab","Select","Option","Input"],"mappings":"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"}

package/Datatable/FilterBox.mjs

@@ -1,4 +1,13 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import Stack from'../Stack/index.mjs';import Tabs from'../Tabs/index.mjs';import Tab from'../Tab/index.mjs';import Select from'../Select/index.mjs';import Option from'../Option/index.mjs';import Input from'../Input/index.mjs';import IconSearch from'@xanui/icons/Search';const FilterBox = (props) => {
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import Stack from '../Stack/index.mjs';
+import Tabs from '../Tabs/index.mjs';
+import Tab from '../Tab/index.mjs';
+import Select from '../Select/index.mjs';
+import Option from '../Option/index.mjs';
+import Input from '../Input/index.mjs';
+import IconSearch from '@xanui/icons/Search';
+
+const FilterBox = (props) => {
     let { tabs, filters, onSearch, onTabChange, disableSearch, slotProps, state, update, } = props;
     let selected = state.selectedIds;
     let checked = state.selectAll || !!selected.length;
@@ -16,4 +25,7 @@ import {jsx,Fragment,jsxs}from'react/jsx-runtime';import Stack from'../Stack/ind
                         update({ search: e.target.value });
                         onSearch && onSearch(e.target.value, state);
                     } })) })] }));
-};export{FilterBox as default};//# sourceMappingURL=FilterBox.mjs.map
+};
+
+export { FilterBox as default };
+//# sourceMappingURL=FilterBox.mjs.map

package/Datatable/FilterBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBox.mjs","sources":["../../src/Datatable/FilterBox.tsx"],"sourcesContent":["\nimport Stack from '../Stack'\nimport { DatatableFilter, DatatablePropsWithState } from '.'\nimport Tabs from '../Tabs'\nimport Tab from '../Tab'\nimport Select from '../Select'\nimport Option from '../Option'\nimport Input from '../Input'\nimport IconSearch from '@xanui/icons/Search'\n\n\nconst FilterBox = (props: DatatablePropsWithState) => {\n   let {\n      tabs,\n      filters,\n      onSearch,\n      onTabChange,\n      disableSearch,\n      slotProps,\n      state,\n      update,\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         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      >\n         <Stack gap={2.4} flexRow>\n            {\n               tabs && <Tabs\n                  onChange={(value: any) => {\n                     update({ activeTab: value })\n                     onTabChange && onTabChange(value, state)\n                  }}\n                  value={state.activeTab}\n               >\n                  {\n                     tabs.map(t => <Tab key={t.label} value={t.value || t.label.toLowerCase()}>{t.label}</Tab>)\n                  }\n               </Tabs>\n            }\n         </Stack>\n         <Stack className='datatable-header-filter-area' flex={1} flexRow>\n            {\n               filters && <Stack flexRow gap={2} px={2}>\n                  {\n                     Object.keys(filters).map(name => {\n                        const items: DatatableFilter[] = (filters as any)[name]\n                        return (\n                           <Select\n                              key={name}\n                              placeholder={name.charAt(0).toUpperCase() + name.slice(1)}\n                              value={(state as any)[name] || \"\"}\n                              onChange={(value) => {\n                                 update({ [name]: value } as any)\n                              }}\n                           >\n                              {\n                                 items.map((item) => <Option key={name + item.value} value={item.value}>\n                                    {item.label}\n                                 </Option>)\n                              }\n                           </Select>\n                        )\n                     })\n                  }\n               </Stack>\n            }\n         </Stack>\n         <Stack flexRow gap={2} className='datatable-header-right-area'>\n\n            {!disableSearch && <Input\n               endIcon={<IconSearch />}\n               p={1}\n               placeholder='Search...'\n               {...slotProps?.search}\n               value={state.search}\n               onChange={(e: any) => {\n                  update({ search: e.target.value })\n                  onSearch && onSearch(e.target.value, state)\n               }}\n            />}\n         </Stack>\n      </Stack>\n   )\n}\n\nexport default FilterBox"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"FilterBox.mjs","sources":["../../src/Datatable/FilterBox.tsx"],"sourcesContent":["\r\nimport Stack from '../Stack'\r\nimport { DatatableFilter, DatatablePropsWithState } from '.'\r\nimport Tabs from '../Tabs'\r\nimport Tab from '../Tab'\r\nimport Select from '../Select'\r\nimport Option from '../Option'\r\nimport Input from '../Input'\r\nimport IconSearch from '@xanui/icons/Search'\r\n\r\n\r\nconst FilterBox = (props: DatatablePropsWithState) => {\r\n   let {\r\n      tabs,\r\n      filters,\r\n      onSearch,\r\n      onTabChange,\r\n      disableSearch,\r\n      slotProps,\r\n      state,\r\n      update,\r\n   } = props\r\n\r\n   let selected = state.selectedIds\r\n   let checked = state.selectAll || !!selected.length\r\n\r\n   if (checked) return <></>\r\n\r\n   return (\r\n      <Stack\r\n         direction=\"row\"\r\n         alignItems=\"center\"\r\n         justifyContent=\"space-between\"\r\n         zIndex={1}\r\n         radius={1}\r\n         mb={1}\r\n         height={50}\r\n         width=\"100%\"\r\n      >\r\n         <Stack gap={2.4} flexRow>\r\n            {\r\n               tabs && <Tabs\r\n                  onChange={(value: any) => {\r\n                     update({ activeTab: value })\r\n                     onTabChange && onTabChange(value, state)\r\n                  }}\r\n                  value={state.activeTab}\r\n               >\r\n                  {\r\n                     tabs.map(t => <Tab key={t.label} value={t.value || t.label.toLowerCase()}>{t.label}</Tab>)\r\n                  }\r\n               </Tabs>\r\n            }\r\n         </Stack>\r\n         <Stack className='datatable-header-filter-area' flex={1} flexRow>\r\n            {\r\n               filters && <Stack flexRow gap={2} px={2}>\r\n                  {\r\n                     Object.keys(filters).map(name => {\r\n                        const items: DatatableFilter[] = (filters as any)[name]\r\n                        return (\r\n                           <Select\r\n                              key={name}\r\n                              placeholder={name.charAt(0).toUpperCase() + name.slice(1)}\r\n                              value={(state as any)[name] || \"\"}\r\n                              onChange={(value) => {\r\n                                 update({ [name]: value } as any)\r\n                              }}\r\n                           >\r\n                              {\r\n                                 items.map((item) => <Option key={name + item.value} value={item.value}>\r\n                                    {item.label}\r\n                                 </Option>)\r\n                              }\r\n                           </Select>\r\n                        )\r\n                     })\r\n                  }\r\n               </Stack>\r\n            }\r\n         </Stack>\r\n         <Stack flexRow gap={2} className='datatable-header-right-area'>\r\n\r\n            {!disableSearch && <Input\r\n               endIcon={<IconSearch />}\r\n               p={1}\r\n               placeholder='Search...'\r\n               {...slotProps?.search}\r\n               value={state.search}\r\n               onChange={(e: any) => {\r\n                  update({ search: e.target.value })\r\n                  onSearch && onSearch(e.target.value, state)\r\n               }}\r\n            />}\r\n         </Stack>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default FilterBox"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/Datatable/{Row.js → Row.cjs}

@@ -1,10 +1,24 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),index=require('../TableRow/index.js'),index$1=require('../TableCell/index.js'),index$2=require('../Checkbox/index.js'),index$3=require('../IconButton/index.js'),index$5=require('../List/index.js'),index$6=require('../ListItem/index.js'),ActionIcon=require('@xanui/icons/MoreVert'),index$4=require('../Menu/index.js');const Row = ({ rows, rawRow, row, rowAction, disableRow, disableSelect, columns, state, update }) => {
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../TableRow/index.cjs');
+var index$1 = require('../TableCell/index.cjs');
+var index$2 = require('../Checkbox/index.cjs');
+var index$3 = require('../IconButton/index.cjs');
+var index$5 = require('../List/index.cjs');
+var index$6 = require('../ListItem/index.cjs');
+var ActionIcon = require('@xanui/icons/MoreVert');
+var index$4 = require('../Menu/index.cjs');
+
+const Row = ({ rows, rawRow, row, rowAction, disableRow, disableSelect, columns, state, update }) => {
     let selectesIds = state.selectedIds;
     const selected = row.id ? state.selectedIds.includes(row === null || row === void 0 ? void 0 : row.id) : false;
     let selectedColor = selected ? "primary.soft" : "transparent";
     const [target, setTarget] = React.useState();
     const isDisable = (disableRow ? disableRow(rawRow, state) : false) || false;
-    return (jsxRuntime.jsxs(index.default, { disabled: isDisable, children: [!disableSelect && jsxRuntime.jsx(index$1.default, { width: 40, bgcolor: selectedColor, children: !!row.id && jsxRuntime.jsx(index$2.default, { checked: selected, onChange: () => {
+    return (jsxRuntime.jsxs(index, { disabled: isDisable, children: [!disableSelect && jsxRuntime.jsx(index$1, { width: 40, bgcolor: selectedColor, children: !!row.id && jsxRuntime.jsx(index$2, { checked: selected, onChange: () => {
                         if (isDisable || !row.id)
                             return;
                         let ids = [...selectesIds];
@@ -23,9 +37,9 @@
                 var { label, field } = _a, rest = tslib.__rest(_a, ["label", "field"]);
                 field = field || label;
                 if (!row[field])
-                    return jsxRuntime.jsx(index$1.default, {}, idx);
-                return (jsxRuntime.jsx(index$1.default, Object.assign({ textAlign: "left" }, rest, { bgcolor: selectedColor, children: row[field] }), idx));
-            }), jsxRuntime.jsx(index$1.default, { width: 30, bgcolor: selectedColor, borderColor: "divider", children: rowAction && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index$3.default, { disabled: isDisable || selected, onClick: (e) => setTarget(e.currentTarget), variant: "text", color: "default", children: jsxRuntime.jsx(ActionIcon, {}) }), jsxRuntime.jsx(index$4.default, { target: target, placement: "bottom-right", onClickOutside: () => setTarget(null), children: jsxRuntime.jsx(index$5.default, { bgcolor: "background.primary", minWidth: 160, sx: {
+                    return jsxRuntime.jsx(index$1, {}, idx);
+                return (jsxRuntime.jsx(index$1, Object.assign({ textAlign: "left" }, rest, { bgcolor: selectedColor, children: row[field] }), idx));
+            }), jsxRuntime.jsx(index$1, { width: 30, bgcolor: selectedColor, borderColor: "divider", children: rowAction && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index$3, { disabled: isDisable || selected, onClick: (e) => setTarget(e.currentTarget), variant: "text", color: "default", children: jsxRuntime.jsx(ActionIcon, {}) }), jsxRuntime.jsx(index$4, { target: target, placement: "bottom-right", onClickOutside: () => setTarget(null), children: jsxRuntime.jsx(index$5, { bgcolor: "background.primary", minWidth: 160, sx: {
                                     '& > li': {
                                         borderBottom: 1,
                                         '&:last-child': {
@@ -33,9 +47,12 @@
                                         }
                                     }
                                 }, children: rowAction({ row, state }).map(({ label, icon, onClick }) => {
-                                    return (jsxRuntime.jsx(index$6.default, { startIcon: icon, onClick: (e) => {
+                                    return (jsxRuntime.jsx(index$6, { startIcon: icon, onClick: (e) => {
                                             onClick && onClick(e);
                                             setTarget(null);
                                         }, children: label }, label));
                                 }) }) })] }) })] }));
-};exports.default=Row;//# sourceMappingURL=Row.js.map
+};
+
+module.exports = Row;
+//# sourceMappingURL=Row.cjs.map

package/Datatable/Row.cjs.map

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

package/Datatable/Row.mjs

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

package/Datatable/SelectedBox.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var index$2 = require('../IconButton/index.cjs');
+var index = require('../Stack/index.cjs');
+var index$1 = require('../Text/index.cjs');
+
+const SelectedBox = (props) => {
+    let { state, rowAction } = props;
+    let selected = state.selectedIds;
+    let checked = state.selectAll || !!selected.length;
+    if (!checked)
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    return (jsxRuntime.jsxs(index, { 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, { fontWeight: 600, children: ["Selected: ", selected.length] }), jsxRuntime.jsx(index, { 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, Object.assign({ variant: "soft", color: "brand" }, bprops, { children: icon }), label));
+                }) })] }));
+};
+
+module.exports = SelectedBox;
+//# sourceMappingURL=SelectedBox.cjs.map

package/Datatable/SelectedBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedBox.cjs","sources":["../../src/Datatable/SelectedBox.tsx"],"sourcesContent":["\r\nimport IconButton from '../IconButton'\r\nimport Stack from '../Stack'\r\nimport Text from '../Text'\r\nimport { DatatablePropsWithState } from '.'\r\n\r\nconst SelectedBox = (props: DatatablePropsWithState) => {\r\n   let {\r\n      state,\r\n      rowAction\r\n   } = props\r\n\r\n   let selected = state.selectedIds\r\n   let checked = state.selectAll || !!selected.length\r\n\r\n   if (!checked) return <></>\r\n\r\n   return (\r\n      <Stack\r\n         bgcolor=\"background.secondary\"\r\n         direction=\"row\"\r\n         alignItems=\"center\"\r\n         justifyContent=\"space-between\"\r\n         zIndex={1}\r\n         radius={1}\r\n         mb={1}\r\n         height={50}\r\n         width=\"100%\"\r\n         px={1.5}\r\n      >\r\n         <Text fontWeight={600}>Selected: {selected.length}</Text>\r\n         <Stack\r\n            flexRow\r\n            gap={1}\r\n         >\r\n            {rowAction && rowAction({ row: null, state }).map(({ label, icon, ...bprops }) => {\r\n               return (\r\n                  <IconButton\r\n                     key={label}\r\n                     variant=\"soft\"\r\n                     color=\"brand\"\r\n                     {...bprops}\r\n                  >\r\n                     {icon}\r\n                  </IconButton>\r\n               )\r\n            })}\r\n         </Stack>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default SelectedBox"],"names":["_jsx","_jsxs","Stack","Text","__rest","IconButton"],"mappings":";;;;;;;;AAMA,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,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,aAEPD,eAAA,CAACE,OAAI,IAAC,UAAU,EAAE,GAAG,EAAA,QAAA,EAAA,CAAA,YAAA,EAAa,QAAQ,CAAC,MAAM,IAAQ,EACzDH,cAAA,CAACE,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,GAAAE,YAAA,CAAA,EAAA,EAAxB,iBAA0B,CAAF;AACxE,oBAAA,QACGJ,cAAA,CAACK,OAAU,kBAER,OAAO,EAAC,MAAM,EACd,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

@@ -1,4 +1,10 @@
-import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import IconButton from'../IconButton/index.mjs';import Stack from'../Stack/index.mjs';import Text from'../Text/index.mjs';const SelectedBox = (props) => {
+import { __rest } from 'tslib';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import IconButton from '../IconButton/index.mjs';
+import Stack from '../Stack/index.mjs';
+import Text from '../Text/index.mjs';
+
+const SelectedBox = (props) => {
     let { state, rowAction } = props;
     let selected = state.selectedIds;
     let checked = state.selectAll || !!selected.length;
@@ -8,4 +14,7 @@ import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';imp
                     var { label, icon } = _a, bprops = __rest(_a, ["label", "icon"]);
                     return (jsx(IconButton, Object.assign({ variant: "soft", color: "brand" }, bprops, { children: icon }), label));
                 }) })] }));
-};export{SelectedBox as default};//# sourceMappingURL=SelectedBox.mjs.map
+};
+
+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=\"soft\"\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,MAAM,EACd,KAAK,EAAC,OAAO,EAAA,EACT,MAAM,EAAA,EAAA,QAAA,EAET,IAAI,KALA,KAAK,CAMA;AAEnB,gBAAA,CAAC,CAAC,EAAA,CACG,CAAA,EAAA,CACH;AAEd"}
+{"version":3,"file":"SelectedBox.mjs","sources":["../../src/Datatable/SelectedBox.tsx"],"sourcesContent":["\r\nimport IconButton from '../IconButton'\r\nimport Stack from '../Stack'\r\nimport Text from '../Text'\r\nimport { DatatablePropsWithState } from '.'\r\n\r\nconst SelectedBox = (props: DatatablePropsWithState) => {\r\n   let {\r\n      state,\r\n      rowAction\r\n   } = props\r\n\r\n   let selected = state.selectedIds\r\n   let checked = state.selectAll || !!selected.length\r\n\r\n   if (!checked) return <></>\r\n\r\n   return (\r\n      <Stack\r\n         bgcolor=\"background.secondary\"\r\n         direction=\"row\"\r\n         alignItems=\"center\"\r\n         justifyContent=\"space-between\"\r\n         zIndex={1}\r\n         radius={1}\r\n         mb={1}\r\n         height={50}\r\n         width=\"100%\"\r\n         px={1.5}\r\n      >\r\n         <Text fontWeight={600}>Selected: {selected.length}</Text>\r\n         <Stack\r\n            flexRow\r\n            gap={1}\r\n         >\r\n            {rowAction && rowAction({ row: null, state }).map(({ label, icon, ...bprops }) => {\r\n               return (\r\n                  <IconButton\r\n                     key={label}\r\n                     variant=\"soft\"\r\n                     color=\"brand\"\r\n                     {...bprops}\r\n                  >\r\n                     {icon}\r\n                  </IconButton>\r\n               )\r\n            })}\r\n         </Stack>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default SelectedBox"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA,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,MAAM,EACd,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.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var TableHead = require('./TableHead.cjs');
+var index = require('../Table/index.cjs');
+var index$1 = require('../TableBody/index.cjs');
+var Row = require('./Row.cjs');
+
+const TableArea = (props) => {
+    let { rows, renderRow, state, update, slotProps } = props;
+    return (jsxRuntime.jsxs(index, Object.assign({ width: "100%", border: "1px solid", borderColor: "divider" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.table, { children: [jsxRuntime.jsx(TableHead, Object.assign({}, props, { update: update, state: state })), jsxRuntime.jsx(index$1, { sx: {
+                    '& tr:last-child td': {
+                        borderBottom: 0
+                    }
+                }, 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, Object.assign({ rawRow: row, row: _row }, props, { update: update, state: state }), row.id + idx);
+                }) })] })));
+};
+
+module.exports = TableArea;
+//# sourceMappingURL=Table.cjs.map

package/Datatable/Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","sources":["../../src/Datatable/Table.tsx"],"sourcesContent":["\r\nimport TableHead from './TableHead'\r\nimport Table from '../Table'\r\nimport TableBody from '../TableBody'\r\nimport Row from './Row'\r\nimport { DatatablePropsWithState } from '.'\r\n\r\nconst TableArea = (props: DatatablePropsWithState) => {\r\n   let {\r\n      rows,\r\n      renderRow,\r\n      state,\r\n      update,\r\n      slotProps\r\n   } = props\r\n\r\n   return (\r\n      <Table width=\"100%\" border=\"1px solid\" borderColor=\"divider\" {...slotProps?.table}>\r\n         <TableHead {...props} update={update} state={state} />\r\n         <TableBody\r\n            sx={{\r\n               '& tr:last-child td': {\r\n                  borderBottom: 0\r\n               }\r\n            }}\r\n         >\r\n            {\r\n               rows?.map((row: any, idx) => {\r\n                  let _row = renderRow ? renderRow({ ...row }, state) : row\r\n                  return <Row\r\n                     key={row.id + idx}\r\n                     rawRow={row}\r\n                     row={_row}\r\n                     {...props}\r\n                     update={update}\r\n                     state={state}\r\n                  />\r\n               })\r\n            }\r\n         </TableBody>\r\n      </Table>\r\n   )\r\n}\r\n\r\nexport default TableArea"],"names":["_jsxs","Table","_jsx","TableBody"],"mappings":";;;;;;;;AAOA,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,KAAK,kBAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,SAAS,IAAK,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,eAC9EC,cAAA,CAAC,SAAS,oBAAK,KAAK,EAAA,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAA,CAAA,CAAI,EACtDA,eAACC,OAAS,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,OAAOD,cAAA,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/Table.mjs

@@ -1,4 +1,10 @@
-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) => {
+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: "1px solid", borderColor: "divider" }, 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': {
@@ -8,4 +14,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import TableHeadRender from'./TableHead
                     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
+};
+
+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=\"1px solid\" borderColor=\"divider\" {...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,kBAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,SAAS,IAAK,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,eAC9EC,GAAA,CAACC,eAAS,oBAAK,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"}
+{"version":3,"file":"Table.mjs","sources":["../../src/Datatable/Table.tsx"],"sourcesContent":["\r\nimport TableHead from './TableHead'\r\nimport Table from '../Table'\r\nimport TableBody from '../TableBody'\r\nimport Row from './Row'\r\nimport { DatatablePropsWithState } from '.'\r\n\r\nconst TableArea = (props: DatatablePropsWithState) => {\r\n   let {\r\n      rows,\r\n      renderRow,\r\n      state,\r\n      update,\r\n      slotProps\r\n   } = props\r\n\r\n   return (\r\n      <Table width=\"100%\" border=\"1px solid\" borderColor=\"divider\" {...slotProps?.table}>\r\n         <TableHead {...props} update={update} state={state} />\r\n         <TableBody\r\n            sx={{\r\n               '& tr:last-child td': {\r\n                  borderBottom: 0\r\n               }\r\n            }}\r\n         >\r\n            {\r\n               rows?.map((row: any, idx) => {\r\n                  let _row = renderRow ? renderRow({ ...row }, state) : row\r\n                  return <Row\r\n                     key={row.id + idx}\r\n                     rawRow={row}\r\n                     row={_row}\r\n                     {...props}\r\n                     update={update}\r\n                     state={state}\r\n                  />\r\n               })\r\n            }\r\n         </TableBody>\r\n      </Table>\r\n   )\r\n}\r\n\r\nexport default TableArea"],"names":["_jsxs","_jsx","TableHead"],"mappings":";;;;;;AAOA,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,kBAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,SAAS,IAAK,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,eAC9EC,GAAA,CAACC,eAAS,oBAAK,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 → TableHead.cjs}

@@ -1,9 +1,19 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),index=require('../TableHead/index.js'),index$1=require('../TableRow/index.js'),index$2=require('../TableCell/index.js'),index$3=require('../Checkbox/index.js'),IndeterminateCheckBoxIcon=require('@xanui/icons/IndeterminateCheckBox');const TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }) => {
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../TableHead/index.cjs');
+var index$1 = require('../TableRow/index.cjs');
+var index$2 = require('../TableCell/index.cjs');
+var index$3 = require('../Checkbox/index.cjs');
+var IndeterminateCheckBoxIcon = require('@xanui/icons/IndeterminateCheckBox');
+
+const TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }) => {
     if (!columns.length)
         return jsxRuntime.jsx(jsxRuntime.Fragment, {});
     let selected = state.selectedIds;
     let checked = state.selectAll || !!selected.length;
-    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: () => {
+    return (jsxRuntime.jsx(index, { position: "relative", children: jsxRuntime.jsxs(index$1, { bgcolor: "default", borderBottom: 1, children: [!disableSelect && jsxRuntime.jsx(index$2, { th: true, width: 40, children: jsxRuntime.jsx(index$3, { 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++) {
@@ -30,6 +40,9 @@
                             }
                         } }) }), 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 })] }) }));
-};exports.default=TableHeadRender;//# sourceMappingURL=TableHead.js.map
+                    return jsxRuntime.jsx(index$2, Object.assign({ th: true, textAlign: "left" }, rest, { children: label }), idx);
+                }), jsxRuntime.jsx(index$2, { th: true, width: 30 })] }) }));
+};
+
+module.exports = TableHeadRender;
+//# sourceMappingURL=TableHead.cjs.map

package/Datatable/TableHead.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.cjs","sources":["../../src/Datatable/TableHead.tsx"],"sourcesContent":["\r\nimport TableHead from '../TableHead'\r\nimport TableRow from '../TableRow'\r\nimport TableCell from '../TableCell'\r\nimport { DatatablePropsWithState } from '.'\r\nimport Checkbox from '../Checkbox'\r\nimport IntermidiatIcon from '@xanui/icons/IndeterminateCheckBox'\r\n\r\n\r\nconst TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }: DatatablePropsWithState) => {\r\n    if (!columns.length) return <></>\r\n    let selected = state.selectedIds\r\n    let checked = state.selectAll || !!selected.length\r\n\r\n    return (\r\n        <TableHead position=\"relative\">\r\n            <TableRow bgcolor=\"default\" borderBottom={1} >\r\n                {!disableSelect && <TableCell th width={40}>\r\n                    <Checkbox\r\n                        checkIcon={selected.length && !state.selectAll ? <IntermidiatIcon /> : undefined}\r\n                        checked={checked}\r\n                        onChange={() => {\r\n                            let ids: any = []\r\n                            let undefinedCount = 0\r\n                            for (let i = 0; i < rows.length; i++) {\r\n                                const row = rows[i]\r\n                                const isDisable = (disableRow ? disableRow(row, state) : false) || false\r\n                                if (!isDisable && row.id) {\r\n                                    ids.push(row.id)\r\n                                } else {\r\n                                    undefinedCount += 1\r\n                                }\r\n                            }\r\n\r\n                            if (undefinedCount) {\r\n                                update({\r\n                                    selectedIds: selected.length ? [] : ids,\r\n                                    selectAll: !selected.length\r\n                                })\r\n                            } else {\r\n                                update({\r\n                                    selectedIds: state.selectAll ? [] : ids,\r\n                                    selectAll: !state.selectAll\r\n                                })\r\n                            }\r\n                        }}\r\n                    />\r\n                </TableCell>}\r\n                {\r\n                    columns.map(({ label, field: _f, ...rest }, idx) => <TableCell key={idx} th textAlign=\"left\" {...rest}>{label}</TableCell>)\r\n                }\r\n                <TableCell th width={30}>\r\n\r\n                </TableCell>\r\n            </TableRow>\r\n        </TableHead>\r\n    )\r\n}\r\n\r\nexport default TableHeadRender\r\n"],"names":["_jsx","TableHead","_jsxs","TableRow","TableCell","Checkbox","IntermidiatIcon","__rest"],"mappings":";;;;;;;;;;AASA,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,KAAS,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EAC1BC,eAAA,CAACC,OAAQ,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAE,CAAC,EAAA,QAAA,EAAA,CACtC,CAAC,aAAa,IAAIH,cAAA,CAACI,OAAS,EAAA,EAAC,EAAE,EAAA,IAAA,EAAC,KAAK,EAAE,EAAE,EAAA,QAAA,EACtCJ,cAAA,CAACK,OAAQ,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,OAAS,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,OAAS,EAAA,EAAC,EAAE,EAAA,IAAA,EAAC,KAAK,EAAE,EAAE,EAAA,CAEX,CAAA,EAAA,CACL,EAAA,CACH;AAEpB;;;;"}

package/Datatable/TableHead.mjs

@@ -1,4 +1,12 @@
-import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import TableHead from'../TableHead/index.mjs';import TableRow from'../TableRow/index.mjs';import TableCell from'../TableCell/index.mjs';import Checkbox from'../Checkbox/index.mjs';import IndeterminateCheckBoxIcon from'@xanui/icons/IndeterminateCheckBox';const TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }) => {
+import { __rest } from 'tslib';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import TableHead from '../TableHead/index.mjs';
+import TableRow from '../TableRow/index.mjs';
+import TableCell from '../TableCell/index.mjs';
+import Checkbox from '../Checkbox/index.mjs';
+import IndeterminateCheckBoxIcon from '@xanui/icons/IndeterminateCheckBox';
+
+const TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }) => {
     if (!columns.length)
         return jsx(Fragment, {});
     let selected = state.selectedIds;
@@ -32,4 +40,7 @@ import {__rest}from'tslib';import {jsx,Fragment,jsxs}from'react/jsx-runtime';imp
                     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 })] }) }));
-};export{TableHeadRender as default};//# sourceMappingURL=TableHead.mjs.map
+};
+
+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":"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"}
+{"version":3,"file":"TableHead.mjs","sources":["../../src/Datatable/TableHead.tsx"],"sourcesContent":["\r\nimport TableHead from '../TableHead'\r\nimport TableRow from '../TableRow'\r\nimport TableCell from '../TableCell'\r\nimport { DatatablePropsWithState } from '.'\r\nimport Checkbox from '../Checkbox'\r\nimport IntermidiatIcon from '@xanui/icons/IndeterminateCheckBox'\r\n\r\n\r\nconst TableHeadRender = ({ columns, rows, disableRow, disableSelect, state, update }: DatatablePropsWithState) => {\r\n    if (!columns.length) return <></>\r\n    let selected = state.selectedIds\r\n    let checked = state.selectAll || !!selected.length\r\n\r\n    return (\r\n        <TableHead position=\"relative\">\r\n            <TableRow bgcolor=\"default\" borderBottom={1} >\r\n                {!disableSelect && <TableCell th width={40}>\r\n                    <Checkbox\r\n                        checkIcon={selected.length && !state.selectAll ? <IntermidiatIcon /> : undefined}\r\n                        checked={checked}\r\n                        onChange={() => {\r\n                            let ids: any = []\r\n                            let undefinedCount = 0\r\n                            for (let i = 0; i < rows.length; i++) {\r\n                                const row = rows[i]\r\n                                const isDisable = (disableRow ? disableRow(row, state) : false) || false\r\n                                if (!isDisable && row.id) {\r\n                                    ids.push(row.id)\r\n                                } else {\r\n                                    undefinedCount += 1\r\n                                }\r\n                            }\r\n\r\n                            if (undefinedCount) {\r\n                                update({\r\n                                    selectedIds: selected.length ? [] : ids,\r\n                                    selectAll: !selected.length\r\n                                })\r\n                            } else {\r\n                                update({\r\n                                    selectedIds: state.selectAll ? [] : ids,\r\n                                    selectAll: !state.selectAll\r\n                                })\r\n                            }\r\n                        }}\r\n                    />\r\n                </TableCell>}\r\n                {\r\n                    columns.map(({ label, field: _f, ...rest }, idx) => <TableCell key={idx} th textAlign=\"left\" {...rest}>{label}</TableCell>)\r\n                }\r\n                <TableCell th width={30}>\r\n\r\n                </TableCell>\r\n            </TableRow>\r\n        </TableHead>\r\n    )\r\n}\r\n\r\nexport default TableHeadRender\r\n"],"names":["_jsx","_jsxs","IntermidiatIcon"],"mappings":";;;;;;;;AASA,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.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../ViewBox/index.cjs');
+var core = require('@xanui/core');
+var SelectedBox = require('./SelectedBox.cjs');
+var Table = require('./Table.cjs');
+var FilterBox = require('./FilterBox.cjs');
+var index$2 = require('../TablePagination/index.cjs');
+var index$1 = require('../Stack/index.cjs');
+
+const DataTable = React.forwardRef((props, ref) => {
+    let [_props] = core.useInterface("Datatable", props, {});
+    let { rows, tabs, defaultActiveTab, totalCount, page, perpages, getState, fixedHeader, disablePagination, slotProps, } = _props;
+    const [state, setState] = React.useState({
+        selectedIds: [],
+        selectAll: false,
+        paginationState: {
+            page: page || 1,
+            perpage: perpages ? perpages[0] : 30
+        },
+        activeTab: tabs ? (defaultActiveTab || tabs[0].value || tabs[0].label.toLowerCase()) : "",
+        search: ""
+    });
+    const update = (s) => {
+        setState(o => {
+            let ns = Object.assign(Object.assign({}, o), s);
+            getState && getState(ns);
+            return ns;
+        });
+    };
+    return (jsxRuntime.jsxs(index, { baseClass: 'datatable', ref: ref, height: "100%", sx: {
+            '& thead': fixedHeader ? {
+                position: "sticky",
+                top: 0,
+                bgcolor: "background.primary",
+                zIndex: 1
+            } : {},
+        }, startContent: (jsxRuntime.jsxs(core.Tag, { baseClass: 'datatable-header', sxr: {
+                display: "flex",
+                flexDirection: "row",
+                justifyContent: "space-between"
+            }, children: [jsxRuntime.jsx(SelectedBox, Object.assign({}, _props, { update: update, state: state })), jsxRuntime.jsx(FilterBox, Object.assign({}, _props, { update: update, state: state }))] })), children: [jsxRuntime.jsx(Table, Object.assign({}, _props, { update: update, state: state })), jsxRuntime.jsx(index$1, { p: 1, alignItems: "flex-end", children: !disablePagination && jsxRuntime.jsx(index$2, 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 });
+                    } })) })] }));
+});
+
+module.exports = DataTable;
+//# sourceMappingURL=index.cjs.map

package/Datatable/index.cjs.map

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