@raystack/apsara 0.0.0

package/dist/table/DataTableGloabalSearch.js

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from "class-variance-authority";
+import type { ReactNode } from "react";
+import { Flex } from "~/flex";
+declare type DataTableToolbarProps<TData> = VariantProps<typeof Flex> & {
+    children?: ReactNode;
+};
+export declare function DataTableToolbar<TData>({ children, }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableToolbar.d.ts.map

package/dist/table/DataTableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableToolbar.d.ts","sourceRoot":"","sources":["../../table/DataTableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,aAAK,qBAAqB,CAAC,KAAK,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,QAAQ,GACT,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CAM9B"}

package/dist/table/DataTableToolbar.js

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { Button } from "~/button";
+declare type DataTableViewOptionsProps = ComponentProps<typeof Button>;
+export declare function DataTableViewOptions({ children, ...props }: DataTableViewOptionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableViewOptions.d.ts.map

package/dist/table/DataTableViewOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableViewOptions.d.ts","sourceRoot":"","sources":["../../table/DataTableViewOptions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMlC,aAAK,yBAAyB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAC/D,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAgD3B"}

package/dist/table/DataTableViewOptions.js

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,7 @@
+import { Column } from "@tanstack/table-core";
+declare type FilteredChipProps = {
+    column: Column<any, unknown>;
+};
+export declare const FilteredChip: ({ column }: FilteredChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilteredChip.d.ts.map

package/dist/table/FilteredChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilteredChip.d.ts","sourceRoot":"","sources":["../../table/FilteredChip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAe9C,aAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY,eAAgB,iBAAiB,4CA0HzD,CAAC"}

package/dist/table/FilteredChip.js

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from "react";
+export interface TableBottomContainerProps {
+    children?: ReactNode;
+}
+export declare const TableBottomContainer: FC<TableBottomContainerProps>;
+//# sourceMappingURL=TableBottomContainer.d.ts.map

package/dist/table/TableBottomContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBottomContainer.d.ts","sourceRoot":"","sources":["../../table/TableBottomContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAK9D,CAAC"}

package/dist/table/TableBottomContainer.js

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

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

package/dist/table/TableContext.cjs.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { OnChangeFn, Table, TableState } from "@tanstack/react-table";
+export declare type onTableChangeEvent = (params: TableState & TableFormType) => void;
+export declare type TableFormType = {
+    /**
+     * @example {type: "LONG", origin: "system"}
+     */
+    predicates: Record<string, string>;
+};
+declare type TableContextType = {
+    table: Table<any>;
+    filteredColumns: string[];
+    addFilterColumn: (column: string) => void;
+    removeFilterColumn: (column: string) => void;
+    onChange: () => void;
+    resetColumns: () => void;
+    globalFilter: string;
+    onGlobalFilterChange: OnChangeFn<any>;
+};
+export declare const TableContext: import("react").Context<TableContextType | null>;
+export {};
+//# sourceMappingURL=TableContext.d.ts.map

package/dist/table/TableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../table/TableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG3E,oBAAY,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;AAE9E,oBAAY,aAAa,GAAG;IAC1B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;CAavC,CAAC;AAEF,eAAO,MAAM,YAAY,kDAA+C,CAAC"}

package/dist/table/TableContext.js

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

package/dist/table/TableContext.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from "react";
+export interface TableDetailContainerProps {
+    children?: ReactNode;
+}
+export declare const TableDetailContainer: FC<TableDetailContainerProps>;
+//# sourceMappingURL=TableDetailContainer.d.ts.map

package/dist/table/TableDetailContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDetailContainer.d.ts","sourceRoot":"","sources":["../../table/TableDetailContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAI9D,CAAC"}

package/dist/table/TableDetailContainer.js

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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;;;;"}

package/dist/table/TableTopContainer.cjs

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

package/dist/table/TableTopContainer.cjs.map

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

package/dist/table/TableTopContainer.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from "react";
+export interface TableTopContainerProps {
+    children?: ReactNode;
+}
+export declare const TableTopContainer: FC<TableTopContainerProps>;
+//# sourceMappingURL=TableTopContainer.d.ts.map

package/dist/table/TableTopContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTopContainer.d.ts","sourceRoot":"","sources":["../../table/TableTopContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAExD,CAAC"}

package/dist/table/TableTopContainer.js

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

package/dist/table/TableTopContainer.js.map

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