@raystack/apsara 0.0.1 → 0.10.2

package/dist/table/DataTableClearFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableClearFilter.js","sources":["../../../table/DataTableClearFilter.tsx"],"sourcesContent":["import { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { PropsWithChildren } from \"react\";\nimport { Button } from \"~/button\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableClearFilterProps = PropsWithChildren<typeof Button>;\n\nexport function DataTableClearFilter({\n  children,\n  ...props\n}: DataTableClearFilterProps) {\n  const { resetColumns, table } = useTable();\n\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={() => {\n        table.resetColumnFilters();\n        resetColumns();\n      }}\n      style={{ width: \"100%\" }}\n      {...props}\n    >\n      {children || (\n        <Flex gap=\"small\" align=\"center\" justify=\"center\">\n          Clear filters <Cross2Icon width={12} height=\"12\" />\n        </Flex>\n      )}\n    </Button>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAQM,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACkB,EAAA;IAC1B,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE3C,QACEA,GAAC,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,MAAK;YACZ,KAAK,CAAC,kBAAkB,EAAE,CAAC;AAC3B,YAAA,YAAY,EAAE,CAAC;SAChB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACpB,GAAA,KAAK,YAER,QAAQ,KACPC,IAAC,CAAA,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,+BACjCD,GAAC,CAAA,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,IAC9C,CACR,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/table/DataTableFilterChips.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var flex = require('../flex/flex.cjs');
-var datatable_module = require('./datatable.module.css.cjs');
-var DataTableFilterOptions = require('./DataTableFilterOptions.cjs');
-var FilteredChip = require('./FilteredChip.cjs');
-var useTable = require('./hooks/useTable.cjs');
-
-function DataTableFilterChips(props) {
-    const { filteredColumns, table } = useTable.useTable();
-    const tableColumns = table
-        .getAllColumns()
-        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
-    if (!filteredColumns.length)
-        return null;
-    return (jsxRuntime.jsxs(flex.Flex, { gap: "small", align: "center", className: datatable_module.chipWrapper, ...props, children: [filteredColumns.map((filter, index) => {
-                const filteredColumn = table.getColumn(filter);
-                return jsxRuntime.jsx(FilteredChip.FilteredChip, { column: filteredColumn });
-            }), filteredColumns.length < tableColumns.length && (jsxRuntime.jsx(DataTableFilterOptions.DataTableFilterOptions, { variant: "ghost", style: { border: "none", background: "none" }, children: jsxRuntime.jsx(reactIcons.PlusIcon, { width: 16, height: 16 }) }))] }));
-}
-
-exports.DataTableFilterChips = DataTableFilterChips;
-//# sourceMappingURL=DataTableFilterChips.cjs.map

package/dist/table/DataTableFilterChips.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableFilterChips.cjs","sources":["../../../table/DataTableFilterChips.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Flex } from \"~/flex\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { FilteredChip } from \"./FilteredChip\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterChipsProps = ComponentProps<typeof Flex>;\nexport function DataTableFilterChips(props: DataTableFilterChipsProps) {\n  const { filteredColumns, table } = useTable();\n  const tableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    );\n\n  if (!filteredColumns.length) return null;\n\n  return (\n    <Flex gap=\"small\" align=\"center\" className={styles.chipWrapper} {...props}>\n      {filteredColumns.map((filter, index) => {\n        const filteredColumn = table.getColumn(filter)!;\n        return <FilteredChip column={filteredColumn} />;\n      })}\n\n      {filteredColumns.length < tableColumns.length && (\n        <DataTableFilterOptions\n          variant=\"ghost\"\n          style={{ border: \"none\", background: \"none\" }}\n        >\n          <PlusIcon width={16} height={16} />\n        </DataTableFilterOptions>\n      )}\n    </Flex>\n  );\n}\n"],"names":["useTable","_jsxs","Flex","styles","_jsx","FilteredChip","DataTableFilterOptions","PlusIcon"],"mappings":";;;;;;;;;;AASM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;IACnE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK;AACvB,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE,CAAC;IAEJ,IAAI,CAAC,eAAe,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;AAEzC,IAAA,QACEC,eAAA,CAACC,SAAI,EAAA,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAEC,gBAAM,CAAC,WAAW,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CACtE,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;gBACrC,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAE,CAAC;AAChD,gBAAA,OAAOC,eAACC,yBAAY,EAAA,EAAC,MAAM,EAAE,cAAc,GAAI,CAAC;aACjD,CAAC,EAED,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,KAC3CD,cAAC,CAAAE,6CAAsB,IACrB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAE7C,QAAA,EAAAF,cAAA,CAACG,mBAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACZ,CAAA,CAC1B,CACI,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/table/DataTableFilterChips.js

@@ -1,23 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { PlusIcon } from '@radix-ui/react-icons';
-import { Flex } from '../flex/flex.js';
-import styles from './datatable.module.css.js';
-import { DataTableFilterOptions } from './DataTableFilterOptions.js';
-import { FilteredChip } from './FilteredChip.js';
-import { useTable } from './hooks/useTable.js';
-
-function DataTableFilterChips(props) {
-    const { filteredColumns, table } = useTable();
-    const tableColumns = table
-        .getAllColumns()
-        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
-    if (!filteredColumns.length)
-        return null;
-    return (jsxs(Flex, { gap: "small", align: "center", className: styles.chipWrapper, ...props, children: [filteredColumns.map((filter, index) => {
-                const filteredColumn = table.getColumn(filter);
-                return jsx(FilteredChip, { column: filteredColumn });
-            }), filteredColumns.length < tableColumns.length && (jsx(DataTableFilterOptions, { variant: "ghost", style: { border: "none", background: "none" }, children: jsx(PlusIcon, { width: 16, height: 16 }) }))] }));
-}
-
-export { DataTableFilterChips };
-//# sourceMappingURL=DataTableFilterChips.js.map

package/dist/table/DataTableFilterChips.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableFilterChips.js","sources":["../../../table/DataTableFilterChips.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Flex } from \"~/flex\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { FilteredChip } from \"./FilteredChip\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterChipsProps = ComponentProps<typeof Flex>;\nexport function DataTableFilterChips(props: DataTableFilterChipsProps) {\n  const { filteredColumns, table } = useTable();\n  const tableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    );\n\n  if (!filteredColumns.length) return null;\n\n  return (\n    <Flex gap=\"small\" align=\"center\" className={styles.chipWrapper} {...props}>\n      {filteredColumns.map((filter, index) => {\n        const filteredColumn = table.getColumn(filter)!;\n        return <FilteredChip column={filteredColumn} />;\n      })}\n\n      {filteredColumns.length < tableColumns.length && (\n        <DataTableFilterOptions\n          variant=\"ghost\"\n          style={{ border: \"none\", background: \"none\" }}\n        >\n          <PlusIcon width={16} height={16} />\n        </DataTableFilterOptions>\n      )}\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;IACnE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK;AACvB,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE,CAAC;IAEJ,IAAI,CAAC,eAAe,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;AAEzC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CACtE,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;gBACrC,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAE,CAAC;AAChD,gBAAA,OAAOC,IAAC,YAAY,EAAA,EAAC,MAAM,EAAE,cAAc,GAAI,CAAC;aACjD,CAAC,EAED,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,KAC3CA,GAAC,CAAA,sBAAsB,IACrB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAE7C,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACZ,CAAA,CAC1B,CACI,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/table/DataTableFilterOptions.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var button = require('../button/button.cjs');
-var dropdownMenu = require('../dropdown-menu/dropdown-menu.cjs');
-var flex = require('../flex/flex.cjs');
-var useTable = require('./hooks/useTable.cjs');
-
-function DataTableFilterOptions({ children, ...props }) {
-    const { table, filteredColumns, addFilterColumn } = useTable.useTable();
-    const availableColumns = table
-        .getAllColumns()
-        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
-        .filter((column) => !filteredColumns.includes(column.id));
-    return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenu.Trigger, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: "ghost", ...props, children: children || (jsxRuntime.jsxs(flex.Flex, { gap: "small", align: "center", justify: "center", children: [jsxRuntime.jsx(reactIcons.PlusIcon, { width: 12, height: "12" }), " Filter"] })) }) }), availableColumns.length ? (jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsxRuntime.jsx(dropdownMenu.DropdownMenu.Label, { children: "Filter column" }), jsxRuntime.jsx(dropdownMenu.DropdownMenu.Separator, {}), availableColumns.map((column) => {
-                        return (jsxRuntime.jsx(dropdownMenu.DropdownMenu.Item, { onSelect: () => addFilterColumn(column.id), children: column.id }, column.id));
-                    })] })) : null] }));
-}
-
-exports.DataTableFilterOptions = DataTableFilterOptions;
-//# sourceMappingURL=DataTableFilterOptions.cjs.map

package/dist/table/DataTableFilterOptions.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableFilterOptions.cjs","sources":["../../../table/DataTableFilterOptions.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Button } from \"~/button\";\nimport { DropdownMenu } from \"~/dropdown-menu\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterOptionsProps = ComponentProps<typeof Button>;\nexport function DataTableFilterOptions({\n  children,\n  ...props\n}: DataTableFilterOptionsProps) {\n  const { table, filteredColumns, addFilterColumn } = useTable();\n  const availableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    )\n    .filter((column) => !filteredColumns.includes(column.id));\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"ghost\" {...props}>\n          {children || (\n            <Flex gap=\"small\" align=\"center\" justify=\"center\">\n              <PlusIcon width={12} height=\"12\" /> Filter\n            </Flex>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n\n      {availableColumns.length ? (\n        <DropdownMenu.Content align=\"end\" className=\"w-[150px]\">\n          <DropdownMenu.Label>Filter column</DropdownMenu.Label>\n          <DropdownMenu.Separator />\n          {availableColumns.map((column) => {\n            return (\n              <DropdownMenu.Item\n                key={column.id}\n                onSelect={() => addFilterColumn(column.id)}\n              >\n                {column.id}\n              </DropdownMenu.Item>\n            );\n          })}\n        </DropdownMenu.Content>\n      ) : null}\n    </DropdownMenu>\n  );\n}\n"],"names":["useTable","_jsxs","DropdownMenu","_jsx","Button","Flex","PlusIcon"],"mappings":";;;;;;;;;AAQM,SAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACoB,EAAA;IAC5B,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAC/D,MAAM,gBAAgB,GAAG,KAAK;AAC3B,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE;AACA,SAAA,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5D,QACEC,gBAACC,yBAAY,EAAA,EAAA,QAAA,EAAA,CACXC,eAACD,yBAAY,CAAC,OAAO,EAAC,EAAA,OAAO,kBAC3BC,cAAC,CAAAC,aAAM,IAAC,OAAO,EAAC,OAAO,EAAK,GAAA,KAAK,YAC9B,QAAQ,KACPH,eAAC,CAAAI,SAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC/CF,cAAC,CAAAG,mBAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,eAC9B,CACR,EAAA,CACM,GACY,EAEtB,gBAAgB,CAAC,MAAM,IACtBL,gBAACC,yBAAY,CAAC,OAAO,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,aACrDC,cAAC,CAAAD,yBAAY,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,eAAA,EAAA,CAAmC,EACtDC,cAAC,CAAAD,yBAAY,CAAC,SAAS,EAAA,EAAA,CAAG,EACzB,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;wBAC/B,QACEC,cAAC,CAAAD,yBAAY,CAAC,IAAI,EAEhB,EAAA,QAAQ,EAAE,MAAM,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAEzC,QAAA,EAAA,MAAM,CAAC,EAAE,EAHL,EAAA,MAAM,CAAC,EAAE,CAII,EACpB;qBACH,CAAC,IACmB,IACrB,IAAI,CACK,EAAA,CAAA,EACf;AACJ;;;;"}

package/dist/table/DataTableFilterOptions.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { PlusIcon } from '@radix-ui/react-icons';
-import { Button } from '../button/button.js';
-import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
-import { Flex } from '../flex/flex.js';
-import { useTable } from './hooks/useTable.js';
-
-function DataTableFilterOptions({ children, ...props }) {
-    const { table, filteredColumns, addFilterColumn } = useTable();
-    const availableColumns = table
-        .getAllColumns()
-        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
-        .filter((column) => !filteredColumns.includes(column.id));
-    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenu.Trigger, { asChild: true, children: jsx(Button, { variant: "ghost", ...props, children: children || (jsxs(Flex, { gap: "small", align: "center", justify: "center", children: [jsx(PlusIcon, { width: 12, height: "12" }), " Filter"] })) }) }), availableColumns.length ? (jsxs(DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsx(DropdownMenu.Label, { children: "Filter column" }), jsx(DropdownMenu.Separator, {}), availableColumns.map((column) => {
-                        return (jsx(DropdownMenu.Item, { onSelect: () => addFilterColumn(column.id), children: column.id }, column.id));
-                    })] })) : null] }));
-}
-
-export { DataTableFilterOptions };
-//# sourceMappingURL=DataTableFilterOptions.js.map

package/dist/table/DataTableFilterOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableFilterOptions.js","sources":["../../../table/DataTableFilterOptions.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Button } from \"~/button\";\nimport { DropdownMenu } from \"~/dropdown-menu\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterOptionsProps = ComponentProps<typeof Button>;\nexport function DataTableFilterOptions({\n  children,\n  ...props\n}: DataTableFilterOptionsProps) {\n  const { table, filteredColumns, addFilterColumn } = useTable();\n  const availableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    )\n    .filter((column) => !filteredColumns.includes(column.id));\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"ghost\" {...props}>\n          {children || (\n            <Flex gap=\"small\" align=\"center\" justify=\"center\">\n              <PlusIcon width={12} height=\"12\" /> Filter\n            </Flex>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n\n      {availableColumns.length ? (\n        <DropdownMenu.Content align=\"end\" className=\"w-[150px]\">\n          <DropdownMenu.Label>Filter column</DropdownMenu.Label>\n          <DropdownMenu.Separator />\n          {availableColumns.map((column) => {\n            return (\n              <DropdownMenu.Item\n                key={column.id}\n                onSelect={() => addFilterColumn(column.id)}\n              >\n                {column.id}\n              </DropdownMenu.Item>\n            );\n          })}\n        </DropdownMenu.Content>\n      ) : null}\n    </DropdownMenu>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQM,SAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACoB,EAAA;IAC5B,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC/D,MAAM,gBAAgB,GAAG,KAAK;AAC3B,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE;AACA,SAAA,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5D,QACEA,KAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACXC,IAAC,YAAY,CAAC,OAAO,EAAC,EAAA,OAAO,kBAC3BA,GAAC,CAAA,MAAM,IAAC,OAAO,EAAC,OAAO,EAAK,GAAA,KAAK,YAC9B,QAAQ,KACPD,IAAC,CAAA,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC/CC,GAAC,CAAA,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,eAC9B,CACR,EAAA,CACM,GACY,EAEtB,gBAAgB,CAAC,MAAM,IACtBD,KAAC,YAAY,CAAC,OAAO,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,aACrDC,GAAC,CAAA,YAAY,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,eAAA,EAAA,CAAmC,EACtDA,GAAC,CAAA,YAAY,CAAC,SAAS,EAAA,EAAA,CAAG,EACzB,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;wBAC/B,QACEA,GAAC,CAAA,YAAY,CAAC,IAAI,EAEhB,EAAA,QAAQ,EAAE,MAAM,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAEzC,QAAA,EAAA,MAAM,CAAC,EAAE,EAHL,EAAA,MAAM,CAAC,EAAE,CAII,EACpB;qBACH,CAAC,IACmB,IACrB,IAAI,CACK,EAAA,CAAA,EACf;AACJ;;;;"}

package/dist/table/DataTableFooter.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var flex = require('../flex/flex.cjs');
-var datatable_module = require('./datatable.module.css.cjs');
-
-function DataTableFooter({ children, }) {
-    return (jsxRuntime.jsx(flex.Flex, { direction: "column", className: datatable_module.toolbar, children: children }));
-}
-
-exports.DataTableFooter = DataTableFooter;
-//# sourceMappingURL=DataTableFooter.cjs.map

package/dist/table/DataTableFooter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableFooter.cjs","sources":["../../../table/DataTableFooter.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nimport styles from \"./datatable.module.css\";\n\ntype DataTableFooterProps<TData> = VariantProps<typeof Flex> & {\n  children?: ReactNode;\n};\n\nexport function DataTableFooter<TData>({\n  children,\n}: DataTableFooterProps<TData>) {\n  return (\n    <Flex direction=\"column\" className={styles.toolbar}>\n      {children}\n    </Flex>\n  );\n}\n"],"names":["_jsx","Flex","styles"],"mappings":";;;;;;AAUgB,SAAA,eAAe,CAAQ,EACrC,QAAQ,GACoB,EAAA;AAC5B,IAAA,QACEA,cAAC,CAAAC,SAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAEC,gBAAM,CAAC,OAAO,YAC/C,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/table/DataTableFooter.js

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Flex } from '../flex/flex.js';
-import styles from './datatable.module.css.js';
-
-function DataTableFooter({ children, }) {
-    return (jsx(Flex, { direction: "column", className: styles.toolbar, children: children }));
-}
-
-export { DataTableFooter };
-//# sourceMappingURL=DataTableFooter.js.map

package/dist/table/DataTableFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableFooter.js","sources":["../../../table/DataTableFooter.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nimport styles from \"./datatable.module.css\";\n\ntype DataTableFooterProps<TData> = VariantProps<typeof Flex> & {\n  children?: ReactNode;\n};\n\nexport function DataTableFooter<TData>({\n  children,\n}: DataTableFooterProps<TData>) {\n  return (\n    <Flex direction=\"column\" className={styles.toolbar}>\n      {children}\n    </Flex>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAUgB,SAAA,eAAe,CAAQ,EACrC,QAAQ,GACoB,EAAA;AAC5B,IAAA,QACEA,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,YAC/C,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/table/DataTableGloabalSearch.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var textfield = require('../textfield/textfield.cjs');
-var useTable = require('./hooks/useTable.cjs');
-
-function DataTableGloabalSearch(props) {
-    const { table, globalFilter, onGlobalFilterChange } = useTable.useTable();
-    return (jsxRuntime.jsx(textfield.TextField, { placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
-}
-
-exports.DataTableGloabalSearch = DataTableGloabalSearch;
-//# sourceMappingURL=DataTableGloabalSearch.cjs.map

package/dist/table/DataTableGloabalSearch.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableGloabalSearch.cjs","sources":["../../../table/DataTableGloabalSearch.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { TextField } from \"~/textfield\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableGloabalSearchProps = ComponentProps<typeof TextField>;\nexport function DataTableGloabalSearch(props: DataTableGloabalSearchProps) {\n  const { table, globalFilter, onGlobalFilterChange } = useTable();\n\n  return (\n    <TextField\n      placeholder=\"Filter tasks...\"\n      value={globalFilter ?? \"\"}\n      onChange={(event) => onGlobalFilterChange(String(event.target.value))}\n      {...props}\n    />\n  );\n}\n"],"names":["useTable","_jsx","TextField"],"mappings":";;;;;;AAKM,SAAU,sBAAsB,CAAC,KAAkC,EAAA;IACvE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAGA,iBAAQ,EAAE,CAAC;AAEjE,IAAA,QACEC,cAAC,CAAAC,mBAAS,EACR,EAAA,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,YAAY,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,KAAK,KAAK,oBAAoB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAA,GACjE,KAAK,EAAA,CACT,EACF;AACJ;;;;"}

package/dist/table/DataTableGloabalSearch.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { TextField } from '../textfield/textfield.js';
-import { useTable } from './hooks/useTable.js';
-
-function DataTableGloabalSearch(props) {
-    const { table, globalFilter, onGlobalFilterChange } = useTable();
-    return (jsx(TextField, { placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
-}
-
-export { DataTableGloabalSearch };
-//# sourceMappingURL=DataTableGloabalSearch.js.map

package/dist/table/DataTableGloabalSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableGloabalSearch.js","sources":["../../../table/DataTableGloabalSearch.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { TextField } from \"~/textfield\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableGloabalSearchProps = ComponentProps<typeof TextField>;\nexport function DataTableGloabalSearch(props: DataTableGloabalSearchProps) {\n  const { table, globalFilter, onGlobalFilterChange } = useTable();\n\n  return (\n    <TextField\n      placeholder=\"Filter tasks...\"\n      value={globalFilter ?? \"\"}\n      onChange={(event) => onGlobalFilterChange(String(event.target.value))}\n      {...props}\n    />\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAKM,SAAU,sBAAsB,CAAC,KAAkC,EAAA;IACvE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAG,QAAQ,EAAE,CAAC;AAEjE,IAAA,QACEA,GAAC,CAAA,SAAS,EACR,EAAA,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,YAAY,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,KAAK,KAAK,oBAAoB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAA,GACjE,KAAK,EAAA,CACT,EACF;AACJ;;;;"}

package/dist/table/DataTableToolbar.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var flex = require('../flex/flex.cjs');
-var datatable_module = require('./datatable.module.css.cjs');
-
-function DataTableToolbar({ children, }) {
-    return (jsxRuntime.jsx(flex.Flex, { direction: "column", className: datatable_module.toolbar, children: children }));
-}
-
-exports.DataTableToolbar = DataTableToolbar;
-//# sourceMappingURL=DataTableToolbar.cjs.map

package/dist/table/DataTableToolbar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableToolbar.cjs","sources":["../../../table/DataTableToolbar.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nimport styles from \"./datatable.module.css\";\n\ntype DataTableToolbarProps<TData> = VariantProps<typeof Flex> & {\n  children?: ReactNode;\n};\n\nexport function DataTableToolbar<TData>({\n  children,\n}: DataTableToolbarProps<TData>) {\n  return (\n    <Flex direction=\"column\" className={styles.toolbar}>\n      {children}\n    </Flex>\n  );\n}\n"],"names":["_jsx","Flex","styles"],"mappings":";;;;;;AAUgB,SAAA,gBAAgB,CAAQ,EACtC,QAAQ,GACqB,EAAA;AAC7B,IAAA,QACEA,cAAC,CAAAC,SAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAEC,gBAAM,CAAC,OAAO,YAC/C,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/table/DataTableToolbar.js

@@ -1,10 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Flex } from '../flex/flex.js';
-import styles from './datatable.module.css.js';
-
-function DataTableToolbar({ children, }) {
-    return (jsx(Flex, { direction: "column", className: styles.toolbar, children: children }));
-}
-
-export { DataTableToolbar };
-//# sourceMappingURL=DataTableToolbar.js.map

package/dist/table/DataTableToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableToolbar.js","sources":["../../../table/DataTableToolbar.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nimport styles from \"./datatable.module.css\";\n\ntype DataTableToolbarProps<TData> = VariantProps<typeof Flex> & {\n  children?: ReactNode;\n};\n\nexport function DataTableToolbar<TData>({\n  children,\n}: DataTableToolbarProps<TData>) {\n  return (\n    <Flex direction=\"column\" className={styles.toolbar}>\n      {children}\n    </Flex>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAUgB,SAAA,gBAAgB,CAAQ,EACtC,QAAQ,GACqB,EAAA;AAC7B,IAAA,QACEA,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,YAC/C,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/table/DataTableViewOptions.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var button = require('../button/button.cjs');
-var checkbox = require('../checkbox/checkbox.cjs');
-var dropdownMenu = require('../dropdown-menu/dropdown-menu.cjs');
-var flex = require('../flex/flex.cjs');
-var useTable = require('./hooks/useTable.cjs');
-
-function DataTableViewOptions({ children, ...props }) {
-    const { table } = useTable.useTable();
-    return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenu.Trigger, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: "ghost", ...props, children: children || (jsxRuntime.jsxs(flex.Flex, { gap: "small", align: "center", justify: "center", children: [jsxRuntime.jsx(reactIcons.ColumnsIcon, { width: 12, height: "12" }), " View"] })) }) }), jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsxRuntime.jsx(dropdownMenu.DropdownMenu.Label, { children: "Toggle columns" }), jsxRuntime.jsx(dropdownMenu.DropdownMenu.Separator, {}), jsxRuntime.jsx(dropdownMenu.DropdownMenu.Item, { children: jsxRuntime.jsx(checkbox.Checkbox, { checked: table.getIsAllColumnsVisible(), onCheckedChange: table.getToggleAllColumnsVisibilityHandler(), children: "Toggle All" }) }), table
-                        .getAllColumns()
-                        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
-                        .map((column) => {
-                        return (jsxRuntime.jsx(dropdownMenu.DropdownMenu.Item, { children: jsxRuntime.jsx(checkbox.Checkbox, { checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(!!value), children: column.id }, column.id) }, column.id));
-                    })] })] }));
-}
-
-exports.DataTableViewOptions = DataTableViewOptions;
-//# sourceMappingURL=DataTableViewOptions.cjs.map

package/dist/table/DataTableViewOptions.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableViewOptions.cjs","sources":["../../../table/DataTableViewOptions.tsx"],"sourcesContent":["import { ColumnsIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Button } from \"~/button\";\nimport { Checkbox } from \"~/checkbox\";\nimport { DropdownMenu } from \"~/dropdown-menu\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableViewOptionsProps = ComponentProps<typeof Button>;\nexport function DataTableViewOptions({\n  children,\n  ...props\n}: DataTableViewOptionsProps) {\n  const { table } = useTable();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"ghost\" {...props}>\n          {children || (\n            <Flex gap=\"small\" align=\"center\" justify=\"center\">\n              <ColumnsIcon width={12} height=\"12\" /> View\n            </Flex>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n\n      <DropdownMenu.Content align=\"end\" className=\"w-[150px]\">\n        <DropdownMenu.Label>Toggle columns</DropdownMenu.Label>\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item>\n          <Checkbox\n            checked={table.getIsAllColumnsVisible()}\n            onCheckedChange={table.getToggleAllColumnsVisibilityHandler()}\n          >\n            Toggle All\n          </Checkbox>\n        </DropdownMenu.Item>\n        {table\n          .getAllColumns()\n          .filter(\n            (column) =>\n              typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n          )\n          .map((column) => {\n            return (\n              <DropdownMenu.Item key={column.id}>\n                <Checkbox\n                  key={column.id}\n                  checked={column.getIsVisible()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {column.id}\n                </Checkbox>\n              </DropdownMenu.Item>\n            );\n          })}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["useTable","_jsxs","DropdownMenu","_jsx","Button","Flex","ColumnsIcon","Checkbox"],"mappings":";;;;;;;;;;AASM,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACkB,EAAA;AAC1B,IAAA,MAAM,EAAE,KAAK,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAE7B,QACEC,gBAACC,yBAAY,EAAA,EAAA,QAAA,EAAA,CACXC,eAACD,yBAAY,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BC,eAACC,aAAM,EAAA,EAAC,OAAO,EAAC,OAAO,KAAK,KAAK,EAAA,QAAA,EAC9B,QAAQ,KACPH,eAAA,CAACI,SAAI,EAAC,EAAA,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC/CF,cAAC,CAAAG,sBAAW,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,EACjC,OAAA,CAAA,EAAA,CAAA,CACR,GACM,EACY,CAAA,EAEvBL,gBAACC,yBAAY,CAAC,OAAO,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACrDC,cAAC,CAAAD,yBAAY,CAAC,KAAK,iCAAoC,EACvDC,cAAA,CAACD,yBAAY,CAAC,SAAS,EAAA,EAAA,CAAG,EAC1BC,cAAC,CAAAD,yBAAY,CAAC,IAAI,EAAA,EAAA,QAAA,EAChBC,eAACI,iBAAQ,EAAA,EACP,OAAO,EAAE,KAAK,CAAC,sBAAsB,EAAE,EACvC,eAAe,EAAE,KAAK,CAAC,oCAAoC,EAAE,EAAA,QAAA,EAAA,YAAA,EAAA,CAGpD,EACO,CAAA,EACnB,KAAK;AACH,yBAAA,aAAa,EAAE;AACf,yBAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE;AACA,yBAAA,GAAG,CAAC,CAAC,MAAM,KAAI;wBACd,QACEJ,eAACD,yBAAY,CAAC,IAAI,EAChB,EAAA,QAAA,EAAAC,cAAA,CAACI,iBAAQ,EAEP,EAAA,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,eAAe,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAE3D,MAAM,CAAC,EAAE,IAJL,MAAM,CAAC,EAAE,CAKL,EAAA,EAPW,MAAM,CAAC,EAAE,CAQb,EACpB;AACJ,qBAAC,CAAC,CAAA,EAAA,CACiB,CACV,EAAA,CAAA,EACf;AACJ;;;;"}

package/dist/table/DataTableViewOptions.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ColumnsIcon } from '@radix-ui/react-icons';
-import { Button } from '../button/button.js';
-import { Checkbox } from '../checkbox/checkbox.js';
-import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
-import { Flex } from '../flex/flex.js';
-import { useTable } from './hooks/useTable.js';
-
-function DataTableViewOptions({ children, ...props }) {
-    const { table } = useTable();
-    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenu.Trigger, { asChild: true, children: jsx(Button, { variant: "ghost", ...props, children: children || (jsxs(Flex, { gap: "small", align: "center", justify: "center", children: [jsx(ColumnsIcon, { width: 12, height: "12" }), " View"] })) }) }), jsxs(DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsx(DropdownMenu.Label, { children: "Toggle columns" }), jsx(DropdownMenu.Separator, {}), jsx(DropdownMenu.Item, { children: jsx(Checkbox, { checked: table.getIsAllColumnsVisible(), onCheckedChange: table.getToggleAllColumnsVisibilityHandler(), children: "Toggle All" }) }), table
-                        .getAllColumns()
-                        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
-                        .map((column) => {
-                        return (jsx(DropdownMenu.Item, { children: jsx(Checkbox, { checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(!!value), children: column.id }, column.id) }, column.id));
-                    })] })] }));
-}
-
-export { DataTableViewOptions };
-//# sourceMappingURL=DataTableViewOptions.js.map

package/dist/table/DataTableViewOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableViewOptions.js","sources":["../../../table/DataTableViewOptions.tsx"],"sourcesContent":["import { ColumnsIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Button } from \"~/button\";\nimport { Checkbox } from \"~/checkbox\";\nimport { DropdownMenu } from \"~/dropdown-menu\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableViewOptionsProps = ComponentProps<typeof Button>;\nexport function DataTableViewOptions({\n  children,\n  ...props\n}: DataTableViewOptionsProps) {\n  const { table } = useTable();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"ghost\" {...props}>\n          {children || (\n            <Flex gap=\"small\" align=\"center\" justify=\"center\">\n              <ColumnsIcon width={12} height=\"12\" /> View\n            </Flex>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n\n      <DropdownMenu.Content align=\"end\" className=\"w-[150px]\">\n        <DropdownMenu.Label>Toggle columns</DropdownMenu.Label>\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item>\n          <Checkbox\n            checked={table.getIsAllColumnsVisible()}\n            onCheckedChange={table.getToggleAllColumnsVisibilityHandler()}\n          >\n            Toggle All\n          </Checkbox>\n        </DropdownMenu.Item>\n        {table\n          .getAllColumns()\n          .filter(\n            (column) =>\n              typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n          )\n          .map((column) => {\n            return (\n              <DropdownMenu.Item key={column.id}>\n                <Checkbox\n                  key={column.id}\n                  checked={column.getIsVisible()}\n                  onCheckedChange={(value) => column.toggleVisibility(!!value)}\n                >\n                  {column.id}\n                </Checkbox>\n              </DropdownMenu.Item>\n            );\n          })}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASM,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACkB,EAAA;AAC1B,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,QACEA,KAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACXC,IAAC,YAAY,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,OAAO,KAAK,KAAK,EAAA,QAAA,EAC9B,QAAQ,KACPD,IAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC/CC,GAAC,CAAA,WAAW,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,EACjC,OAAA,CAAA,EAAA,CAAA,CACR,GACM,EACY,CAAA,EAEvBD,KAAC,YAAY,CAAC,OAAO,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACrDC,GAAC,CAAA,YAAY,CAAC,KAAK,iCAAoC,EACvDA,GAAA,CAAC,YAAY,CAAC,SAAS,EAAA,EAAA,CAAG,EAC1BA,GAAC,CAAA,YAAY,CAAC,IAAI,EAAA,EAAA,QAAA,EAChBA,IAAC,QAAQ,EAAA,EACP,OAAO,EAAE,KAAK,CAAC,sBAAsB,EAAE,EACvC,eAAe,EAAE,KAAK,CAAC,oCAAoC,EAAE,EAAA,QAAA,EAAA,YAAA,EAAA,CAGpD,EACO,CAAA,EACnB,KAAK;AACH,yBAAA,aAAa,EAAE;AACf,yBAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE;AACA,yBAAA,GAAG,CAAC,CAAC,MAAM,KAAI;wBACd,QACEA,IAAC,YAAY,CAAC,IAAI,EAChB,EAAA,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAEP,EAAA,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,eAAe,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAE3D,MAAM,CAAC,EAAE,IAJL,MAAM,CAAC,EAAE,CAKL,EAAA,EAPW,MAAM,CAAC,EAAE,CAQb,EACpB;AACJ,qBAAC,CAAC,CAAA,EAAA,CACiB,CACV,EAAA,CAAA,EACf;AACJ;;;;"}

package/dist/table/FilteredChip.cjs

@@ -1,57 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var box = require('../box/box.cjs');
-var button = require('../button/button.cjs');
-var checkbox = require('../checkbox/checkbox.cjs');
-var command = require('../command/command.cjs');
-var flex = require('../flex/flex.cjs');
-var popover = require('../popover/popover.cjs');
-var select = require('../select/select.cjs');
-var text = require('../text/text.cjs');
-var textfield = require('../textfield/textfield.cjs');
-var datatable_module = require('./datatable.module.css.cjs');
-var useTable = require('./hooks/useTable.cjs');
-
-const FilteredChip = ({ column }) => {
-    const { table, removeFilterColumn } = useTable.useTable();
-    const { filterVariant } = column?.columnDef;
-    const options = column?.columnDef?.meta?.data || [];
-    const facets = column?.getFacetedUniqueValues();
-    const renderInputs = () => {
-        switch (filterVariant) {
-            case "text": {
-                return (jsxRuntime.jsx(textfield.TextField, { onChange: (e) => column.setFilterValue(e.target.value) }));
-            }
-            case "select": {
-                new Set(column?.getFilterValue());
-                return (jsxRuntime.jsxs(select.Select, { children: [jsxRuntime.jsx(select.Select.Trigger, { children: jsxRuntime.jsx(select.Select.Value, { placeholder: "Select a value" }) }), jsxRuntime.jsx(select.Select.Content, { children: jsxRuntime.jsxs(select.Select.Group, { children: [jsxRuntime.jsx(select.Select.Item, { value: "apple", children: "Apple" }), jsxRuntime.jsx(select.Select.Item, { value: "xs", children: "Ban" })] }) })] }));
-            }
-            default: {
-                const selectedValues = new Set(column?.getFilterValue());
-                return (jsxRuntime.jsxs(popover.Popover, { children: [jsxRuntime.jsx(popover.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(button.Button, { children: [selectedValues.size, " selected"] }) }), jsxRuntime.jsx(popover.Popover.Content, { align: "start", style: { padding: 0 }, children: jsxRuntime.jsxs(command.Command, { children: [jsxRuntime.jsx(command.Command.Input, {}), jsxRuntime.jsxs(command.Command.List, { children: [jsxRuntime.jsx(command.Command.Empty, { children: "No results found." }), jsxRuntime.jsx(command.Command.Group, { children: options.map((option) => {
-                                                    const isSelected = selectedValues.has(option.value);
-                                                    return (jsxRuntime.jsx(command.Command.Item, { onSelect: () => {
-                                                            if (isSelected) {
-                                                                selectedValues.delete(option.value);
-                                                            }
-                                                            else {
-                                                                selectedValues.add(option.value);
-                                                            }
-                                                            const filterValues = Array.from(selectedValues);
-                                                            console.log(selectedValues, filterValues);
-                                                            column?.setFilterValue(filterValues.length ? filterValues : undefined);
-                                                        }, children: jsxRuntime.jsxs(flex.Flex, { justify: "between", gap: "small", children: [jsxRuntime.jsxs(flex.Flex, { align: "center", gap: "small", children: [jsxRuntime.jsx(checkbox.Checkbox, { checked: isSelected }), option.icon && (jsxRuntime.jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" })), jsxRuntime.jsx("span", { children: option.label })] }), facets?.get(option.value) && (jsxRuntime.jsx("span", { children: facets.get(option.value) }))] }) }, option.value));
-                                                }) }), selectedValues.size > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(command.Command.Separator, {}), jsxRuntime.jsx(command.Command.Group, { children: jsxRuntime.jsx(command.Command.Item, { onSelect: () => column?.setFilterValue(undefined), className: "justify-center text-center", children: "Clear filters" }) })] }))] })] }) })] }));
-            }
-        }
-    };
-    return (jsxRuntime.jsxs(box.Box, { className: datatable_module.chip, children: [jsxRuntime.jsx(text.Text, { children: column.id }), jsxRuntime.jsx(text.Text, { children: "is" }), renderInputs(), jsxRuntime.jsx(flex.Flex, { children: jsxRuntime.jsx(reactIcons.Cross1Icon, { height: "12", width: "12", onClick: () => {
-                        column.setFilterValue(undefined);
-                        removeFilterColumn(column.id);
-                    } }) })] }));
-};
-
-exports.FilteredChip = FilteredChip;
-//# sourceMappingURL=FilteredChip.cjs.map

package/dist/table/FilteredChip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilteredChip.cjs","sources":["../../../table/FilteredChip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Button } from \"~/button\";\nimport { Checkbox } from \"~/checkbox\";\nimport { Command } from \"~/command\";\nimport { Flex } from \"~/flex\";\nimport { Popover } from \"~/popover\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typing\";\nimport styles from \"./datatable.module.css\";\nimport { ApsaraColumnDef } from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype FilteredChipProps = {\n  column: Column<any, unknown>;\n};\n\nexport const FilteredChip = ({ column }: FilteredChipProps) => {\n  const { table, removeFilterColumn } = useTable();\n  const { filterVariant } = column?.columnDef as ApsaraColumnDef;\n  const options: TableColumnMetadata[] =\n    (column?.columnDef?.meta as any)?.data || [];\n\n  const facets = column?.getFacetedUniqueValues();\n\n  const renderInputs = () => {\n    switch (filterVariant) {\n      case \"text\": {\n        return (\n          <TextField onChange={(e) => column.setFilterValue(e.target.value)} />\n        );\n      }\n      case \"select\": {\n        const selectedValues = new Set(column?.getFilterValue() as string[]);\n        return (\n          <Select>\n            <Select.Trigger>\n              <Select.Value placeholder=\"Select a value\" />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Group>\n                <Select.Item value=\"apple\">Apple</Select.Item>\n                <Select.Item value=\"xs\">Ban</Select.Item>\n              </Select.Group>\n            </Select.Content>\n          </Select>\n        );\n      }\n      default: {\n        const selectedValues = new Set(column?.getFilterValue() as string[]);\n        return (\n          <Popover>\n            <Popover.Trigger asChild>\n              <Button>{selectedValues.size} selected</Button>\n            </Popover.Trigger>\n            <Popover.Content align=\"start\" style={{ padding: 0 }}>\n              <Command>\n                <Command.Input />\n                <Command.List>\n                  <Command.Empty>No results found.</Command.Empty>\n                  <Command.Group>\n                    {options.map((option: any) => {\n                      const isSelected = selectedValues.has(option.value);\n                      return (\n                        <Command.Item\n                          key={option.value}\n                          onSelect={() => {\n                            if (isSelected) {\n                              selectedValues.delete(option.value);\n                            } else {\n                              selectedValues.add(option.value);\n                            }\n                            const filterValues = Array.from(selectedValues);\n                            console.log(selectedValues, filterValues);\n                            column?.setFilterValue(\n                              filterValues.length ? filterValues : undefined\n                            );\n                          }}\n                        >\n                          <Flex justify=\"between\" gap=\"small\">\n                            <Flex align=\"center\" gap=\"small\">\n                              <Checkbox checked={isSelected} />\n                              {option.icon && (\n                                <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                              )}\n                              <span>{option.label}</span>\n                            </Flex>\n\n                            {facets?.get(option.value) && (\n                              <span>{facets.get(option.value)}</span>\n                            )}\n                          </Flex>\n                        </Command.Item>\n                      );\n                    })}\n                  </Command.Group>\n                  {selectedValues.size > 0 && (\n                    <>\n                      <Command.Separator />\n                      <Command.Group>\n                        <Command.Item\n                          onSelect={() => column?.setFilterValue(undefined)}\n                          className=\"justify-center text-center\"\n                        >\n                          Clear filters\n                        </Command.Item>\n                      </Command.Group>\n                    </>\n                  )}\n                </Command.List>\n              </Command>\n            </Popover.Content>\n          </Popover>\n        );\n      }\n    }\n  };\n\n  return (\n    <Box className={styles.chip}>\n      <Text>{column.id}</Text>\n      <Text>is</Text>\n\n      {/* render diffrent input base on filterVariant type */}\n      {renderInputs()}\n\n      {/* close filter chip */}\n      <Flex>\n        <Cross1Icon\n          height=\"12\"\n          width=\"12\"\n          onClick={() => {\n            column.setFilterValue(undefined);\n            removeFilterColumn(column.id);\n          }}\n        />\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["useTable","_jsx","TextField","_jsxs","Select","Popover","Button","Command","Flex","Checkbox","_Fragment","Box","styles","Text","Cross1Icon"],"mappings":"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"}

package/dist/table/FilteredChip.js

@@ -1,55 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Cross1Icon } from '@radix-ui/react-icons';
-import { Box } from '../box/box.js';
-import { Button } from '../button/button.js';
-import { Checkbox } from '../checkbox/checkbox.js';
-import { Command } from '../command/command.js';
-import { Flex } from '../flex/flex.js';
-import { Popover } from '../popover/popover.js';
-import { Select } from '../select/select.js';
-import { Text } from '../text/text.js';
-import { TextField } from '../textfield/textfield.js';
-import styles from './datatable.module.css.js';
-import { useTable } from './hooks/useTable.js';
-
-const FilteredChip = ({ column }) => {
-    const { table, removeFilterColumn } = useTable();
-    const { filterVariant } = column?.columnDef;
-    const options = column?.columnDef?.meta?.data || [];
-    const facets = column?.getFacetedUniqueValues();
-    const renderInputs = () => {
-        switch (filterVariant) {
-            case "text": {
-                return (jsx(TextField, { onChange: (e) => column.setFilterValue(e.target.value) }));
-            }
-            case "select": {
-                new Set(column?.getFilterValue());
-                return (jsxs(Select, { children: [jsx(Select.Trigger, { children: jsx(Select.Value, { placeholder: "Select a value" }) }), jsx(Select.Content, { children: jsxs(Select.Group, { children: [jsx(Select.Item, { value: "apple", children: "Apple" }), jsx(Select.Item, { value: "xs", children: "Ban" })] }) })] }));
-            }
-            default: {
-                const selectedValues = new Set(column?.getFilterValue());
-                return (jsxs(Popover, { children: [jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { children: [selectedValues.size, " selected"] }) }), jsx(Popover.Content, { align: "start", style: { padding: 0 }, children: jsxs(Command, { children: [jsx(Command.Input, {}), jsxs(Command.List, { children: [jsx(Command.Empty, { children: "No results found." }), jsx(Command.Group, { children: options.map((option) => {
-                                                    const isSelected = selectedValues.has(option.value);
-                                                    return (jsx(Command.Item, { onSelect: () => {
-                                                            if (isSelected) {
-                                                                selectedValues.delete(option.value);
-                                                            }
-                                                            else {
-                                                                selectedValues.add(option.value);
-                                                            }
-                                                            const filterValues = Array.from(selectedValues);
-                                                            console.log(selectedValues, filterValues);
-                                                            column?.setFilterValue(filterValues.length ? filterValues : undefined);
-                                                        }, children: jsxs(Flex, { justify: "between", gap: "small", children: [jsxs(Flex, { align: "center", gap: "small", children: [jsx(Checkbox, { checked: isSelected }), option.icon && (jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" })), jsx("span", { children: option.label })] }), facets?.get(option.value) && (jsx("span", { children: facets.get(option.value) }))] }) }, option.value));
-                                                }) }), selectedValues.size > 0 && (jsxs(Fragment, { children: [jsx(Command.Separator, {}), jsx(Command.Group, { children: jsx(Command.Item, { onSelect: () => column?.setFilterValue(undefined), className: "justify-center text-center", children: "Clear filters" }) })] }))] })] }) })] }));
-            }
-        }
-    };
-    return (jsxs(Box, { className: styles.chip, children: [jsx(Text, { children: column.id }), jsx(Text, { children: "is" }), renderInputs(), jsx(Flex, { children: jsx(Cross1Icon, { height: "12", width: "12", onClick: () => {
-                        column.setFilterValue(undefined);
-                        removeFilterColumn(column.id);
-                    } }) })] }));
-};
-
-export { FilteredChip };
-//# sourceMappingURL=FilteredChip.js.map

package/dist/table/FilteredChip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilteredChip.js","sources":["../../../table/FilteredChip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Button } from \"~/button\";\nimport { Checkbox } from \"~/checkbox\";\nimport { Command } from \"~/command\";\nimport { Flex } from \"~/flex\";\nimport { Popover } from \"~/popover\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typing\";\nimport styles from \"./datatable.module.css\";\nimport { ApsaraColumnDef } from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype FilteredChipProps = {\n  column: Column<any, unknown>;\n};\n\nexport const FilteredChip = ({ column }: FilteredChipProps) => {\n  const { table, removeFilterColumn } = useTable();\n  const { filterVariant } = column?.columnDef as ApsaraColumnDef;\n  const options: TableColumnMetadata[] =\n    (column?.columnDef?.meta as any)?.data || [];\n\n  const facets = column?.getFacetedUniqueValues();\n\n  const renderInputs = () => {\n    switch (filterVariant) {\n      case \"text\": {\n        return (\n          <TextField onChange={(e) => column.setFilterValue(e.target.value)} />\n        );\n      }\n      case \"select\": {\n        const selectedValues = new Set(column?.getFilterValue() as string[]);\n        return (\n          <Select>\n            <Select.Trigger>\n              <Select.Value placeholder=\"Select a value\" />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.Group>\n                <Select.Item value=\"apple\">Apple</Select.Item>\n                <Select.Item value=\"xs\">Ban</Select.Item>\n              </Select.Group>\n            </Select.Content>\n          </Select>\n        );\n      }\n      default: {\n        const selectedValues = new Set(column?.getFilterValue() as string[]);\n        return (\n          <Popover>\n            <Popover.Trigger asChild>\n              <Button>{selectedValues.size} selected</Button>\n            </Popover.Trigger>\n            <Popover.Content align=\"start\" style={{ padding: 0 }}>\n              <Command>\n                <Command.Input />\n                <Command.List>\n                  <Command.Empty>No results found.</Command.Empty>\n                  <Command.Group>\n                    {options.map((option: any) => {\n                      const isSelected = selectedValues.has(option.value);\n                      return (\n                        <Command.Item\n                          key={option.value}\n                          onSelect={() => {\n                            if (isSelected) {\n                              selectedValues.delete(option.value);\n                            } else {\n                              selectedValues.add(option.value);\n                            }\n                            const filterValues = Array.from(selectedValues);\n                            console.log(selectedValues, filterValues);\n                            column?.setFilterValue(\n                              filterValues.length ? filterValues : undefined\n                            );\n                          }}\n                        >\n                          <Flex justify=\"between\" gap=\"small\">\n                            <Flex align=\"center\" gap=\"small\">\n                              <Checkbox checked={isSelected} />\n                              {option.icon && (\n                                <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                              )}\n                              <span>{option.label}</span>\n                            </Flex>\n\n                            {facets?.get(option.value) && (\n                              <span>{facets.get(option.value)}</span>\n                            )}\n                          </Flex>\n                        </Command.Item>\n                      );\n                    })}\n                  </Command.Group>\n                  {selectedValues.size > 0 && (\n                    <>\n                      <Command.Separator />\n                      <Command.Group>\n                        <Command.Item\n                          onSelect={() => column?.setFilterValue(undefined)}\n                          className=\"justify-center text-center\"\n                        >\n                          Clear filters\n                        </Command.Item>\n                      </Command.Group>\n                    </>\n                  )}\n                </Command.List>\n              </Command>\n            </Popover.Content>\n          </Popover>\n        );\n      }\n    }\n  };\n\n  return (\n    <Box className={styles.chip}>\n      <Text>{column.id}</Text>\n      <Text>is</Text>\n\n      {/* render diffrent input base on filterVariant type */}\n      {renderInputs()}\n\n      {/* close filter chip */}\n      <Flex>\n        <Cross1Icon\n          height=\"12\"\n          width=\"12\"\n          onClick={() => {\n            column.setFilterValue(undefined);\n            removeFilterColumn(column.id);\n          }}\n        />\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/table/TableBottomContainer.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const TableBottomContainer = ({ children, }) => {
-    // const { clearSelection } = useTable();
-    return jsxRuntime.jsx("div", { children: children });
-};
-
-exports.TableBottomContainer = TableBottomContainer;
-//# sourceMappingURL=TableBottomContainer.cjs.map

package/dist/table/TableBottomContainer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBottomContainer.cjs","sources":["../../../table/TableBottomContainer.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\n\nexport interface TableBottomContainerProps {\n  children?: ReactNode;\n}\nexport const TableBottomContainer: FC<TableBottomContainerProps> = ({\n  children,\n}) => {\n  // const { clearSelection } = useTable();\n  return <div>{children}</div>;\n};\n"],"names":["_jsx"],"mappings":";;;;MAKa,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,GACT,KAAI;;IAEH,OAAOA,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAA,CAAO,CAAC;AAC/B;;;;"}

package/dist/table/TableBottomContainer.js

@@ -1,9 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-const TableBottomContainer = ({ children, }) => {
-    // const { clearSelection } = useTable();
-    return jsx("div", { children: children });
-};
-
-export { TableBottomContainer };
-//# sourceMappingURL=TableBottomContainer.js.map

package/dist/table/TableBottomContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBottomContainer.js","sources":["../../../table/TableBottomContainer.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\n\nexport interface TableBottomContainerProps {\n  children?: ReactNode;\n}\nexport const TableBottomContainer: FC<TableBottomContainerProps> = ({\n  children,\n}) => {\n  // const { clearSelection } = useTable();\n  return <div>{children}</div>;\n};\n"],"names":["_jsx"],"mappings":";;MAKa,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,GACT,KAAI;;IAEH,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAA,CAAO,CAAC;AAC/B;;;;"}

package/dist/table/TableContext.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const TableContext = React.createContext(null);
-
-exports.TableContext = TableContext;
-//# sourceMappingURL=TableContext.cjs.map

package/dist/table/TableContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContext.cjs","sources":["../../../table/TableContext.tsx"],"sourcesContent":["import type { OnChangeFn, Table, TableState } from \"@tanstack/react-table\";\nimport { createContext } from \"react\";\n\nexport type onTableChangeEvent = (params: TableState & TableFormType) => void;\n\nexport type TableFormType = {\n  /**\n   * @example {type: \"LONG\", origin: \"system\"}\n   */\n  predicates: Record<string, string>;\n};\n\ntype TableContextType = {\n  table: Table<any>;\n  filteredColumns: string[];\n  addFilterColumn: (column: string) => void;\n  removeFilterColumn: (column: string) => void;\n  onChange: () => void;\n  resetColumns: () => void;\n  globalFilter: string;\n  onGlobalFilterChange: OnChangeFn<any>;\n  // state: TableState;\n  // setState: Dispatch<(prevState: TableState) => TableState>;\n  // filterQuery: (typeof INITIAL_QUERY)[];\n  // setFilterQuery: Dispatch<React.SetStateAction<(typeof INITIAL_QUERY)[]>>;\n  // clearFilters: () => void;\n  // getSelectedRow: () => any | null;\n  // getSelectedRows: () => any[];\n  // clearSelection: () => void;\n  // containerRef: RefObject<HTMLDivElement>;\n  // multiRowSelectionEnabled?: boolean;\n  // tableColumnsOrdered: Array<ColumnDef<any> & { hidden?: true }>;\n  // setTableColumnsOrdered: React.Dispatch<React.SetStateAction<any[]>>;\n};\n\nexport const TableContext = createContext<TableContextType | null>(null);\n"],"names":["createContext"],"mappings":";;;;MAmCa,YAAY,GAAGA,mBAAa,CAA0B,IAAI;;;;"}

package/dist/table/TableContext.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-
-const TableContext = createContext(null);
-
-export { TableContext };
-//# sourceMappingURL=TableContext.js.map

package/dist/table/TableContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContext.js","sources":["../../../table/TableContext.tsx"],"sourcesContent":["import type { OnChangeFn, Table, TableState } from \"@tanstack/react-table\";\nimport { createContext } from \"react\";\n\nexport type onTableChangeEvent = (params: TableState & TableFormType) => void;\n\nexport type TableFormType = {\n  /**\n   * @example {type: \"LONG\", origin: \"system\"}\n   */\n  predicates: Record<string, string>;\n};\n\ntype TableContextType = {\n  table: Table<any>;\n  filteredColumns: string[];\n  addFilterColumn: (column: string) => void;\n  removeFilterColumn: (column: string) => void;\n  onChange: () => void;\n  resetColumns: () => void;\n  globalFilter: string;\n  onGlobalFilterChange: OnChangeFn<any>;\n  // state: TableState;\n  // setState: Dispatch<(prevState: TableState) => TableState>;\n  // filterQuery: (typeof INITIAL_QUERY)[];\n  // setFilterQuery: Dispatch<React.SetStateAction<(typeof INITIAL_QUERY)[]>>;\n  // clearFilters: () => void;\n  // getSelectedRow: () => any | null;\n  // getSelectedRows: () => any[];\n  // clearSelection: () => void;\n  // containerRef: RefObject<HTMLDivElement>;\n  // multiRowSelectionEnabled?: boolean;\n  // tableColumnsOrdered: Array<ColumnDef<any> & { hidden?: true }>;\n  // setTableColumnsOrdered: React.Dispatch<React.SetStateAction<any[]>>;\n};\n\nexport const TableContext = createContext<TableContextType | null>(null);\n"],"names":[],"mappings":";;MAmCa,YAAY,GAAG,aAAa,CAA0B,IAAI;;;;"}

package/dist/table/TableDetailContainer.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var flex = require('../flex/flex.cjs');
-
-const TableDetailContainer = ({ children, }) => {
-    return jsxRuntime.jsx(flex.Flex, { children: children });
-};
-
-exports.TableDetailContainer = TableDetailContainer;
-//# sourceMappingURL=TableDetailContainer.cjs.map

package/dist/table/TableDetailContainer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableDetailContainer.cjs","sources":["../../../table/TableDetailContainer.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nexport interface TableDetailContainerProps {\n  children?: ReactNode;\n}\n\nexport const TableDetailContainer: FC<TableDetailContainerProps> = ({\n  children,\n}) => {\n  return <Flex>{children}</Flex>;\n};\n"],"names":["_jsx","Flex"],"mappings":";;;;;MAOa,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,GACT,KAAI;AACH,IAAA,OAAOA,cAAC,CAAAC,SAAI,EAAE,EAAA,QAAA,EAAA,QAAQ,GAAQ,CAAC;AACjC;;;;"}

package/dist/table/TableDetailContainer.js

@@ -1,9 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Flex } from '../flex/flex.js';
-
-const TableDetailContainer = ({ children, }) => {
-    return jsx(Flex, { children: children });
-};
-
-export { TableDetailContainer };
-//# sourceMappingURL=TableDetailContainer.js.map

package/dist/table/TableDetailContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableDetailContainer.js","sources":["../../../table/TableDetailContainer.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nexport interface TableDetailContainerProps {\n  children?: ReactNode;\n}\n\nexport const TableDetailContainer: FC<TableDetailContainerProps> = ({\n  children,\n}) => {\n  return <Flex>{children}</Flex>;\n};\n"],"names":["_jsx"],"mappings":";;;MAOa,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,GACT,KAAI;AACH,IAAA,OAAOA,GAAC,CAAA,IAAI,EAAE,EAAA,QAAA,EAAA,QAAQ,GAAQ,CAAC;AACjC;;;;"}