@lotte-innovate/ui-component-test 0.0.127 → 0.0.129

package/dist/lib/components/Grid/Pagination.mjs

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{IconButton as t}from"../IconButton/index.mjs";import{DoubleArrowLeftIcon as a,ChevronLeftIcon as r,ChevronRightIcon as o,DoubleArrowRightIcon as i}from"@radix-ui/react-icons";import l from"../TextField/index.mjs";import c from"../Select/index.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";function g(g){var s,u=g.table,m=null!==(s=u.options.color)&&void 0!==s?s:d;return e("div",{className:"flex items-center gap-2",children:[n(t,{className:"rounded border p-1",color:m,onClick:function(){return u.firstPage()},disabled:!u.getCanPreviousPage(),children:n(a,{})}),n(t,{className:"rounded border p-1",color:m,onClick:function(){return u.previousPage()},disabled:!u.getCanPreviousPage(),children:n(r,{})}),n(t,{className:"rounded border p-1",color:m,onClick:function(){return u.nextPage()},disabled:!u.getCanNextPage(),children:n(o,{})}),n(t,{className:"rounded border p-1",color:m,onClick:function(){return u.lastPage()},disabled:!u.getCanNextPage(),children:n(i,{})}),e("span",{className:"flex items-center gap-1",children:[n("div",{children:"Page"}),e("strong",{children:[u.getState().pagination.pageIndex+1," of ",u.getPageCount().toLocaleString()]})]}),e("span",{className:"flex items-center gap-1",children:["| Go to page:",n(l.Root,{type:"number",color:m,min:"1",max:u.getPageCount(),defaultValue:u.getState().pagination.pageIndex+1,onChange:function(e){var n=e.target.value?Number(e.target.value)-1:0;u.setPageIndex(n)},className:"w-16 rounded border p-1"})]}),e(c.Root,{color:m,value:String(u.getState().pagination.pageSize),defaultValue:String(u.getState().pagination.pageSize),onValueChange:function(e){u.setPageSize(Number(e))},children:[n(c.Trigger,{}),n(c.Content,{children:[10,20,30,40,50].map((function(e){return n(c.Item,{value:String(e),children:e},e)}))})]})]})}export{g as default};
+//# sourceMappingURL=Pagination.mjs.map

package/dist/lib/components/Grid/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","sources":["../../../lib/components/Grid/Pagination.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport IconButton from '../IconButton';\nimport { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';\nimport TextField from '../TextField';\nimport Select from '../Select';\nimport { MAIN_COLOR } from '../../../lib/color/constants';\nfunction Pagination(_a) {\n    var _b;\n    var table = _a.table;\n    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;\n    return (_jsxs(\"div\", { className: \"flex items-center gap-2\", children: [_jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () { return table.firstPage(); }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () { return table.previousPage(); }, disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () { return table.nextPage(); }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () { return table.lastPage(); }, disabled: !table.getCanNextPage(), children: _jsx(DoubleArrowRightIcon, {}) }), _jsxs(\"span\", { className: \"flex items-center gap-1\", children: [_jsx(\"div\", { children: \"Page\" }), _jsxs(\"strong\", { children: [table.getState().pagination.pageIndex + 1, \" of \", table.getPageCount().toLocaleString()] })] }), _jsxs(\"span\", { className: \"flex items-center gap-1\", children: [\"| Go to page:\", _jsx(TextField.Root, { type: \"number\", color: color, min: \"1\", max: table.getPageCount(), defaultValue: table.getState().pagination.pageIndex + 1, onChange: function (e) {\n                            var page = e.target.value ? Number(e.target.value) - 1 : 0;\n                            table.setPageIndex(page);\n                        }, className: \"w-16 rounded border p-1\" })] }), _jsxs(Select.Root, { color: color, value: String(table.getState().pagination.pageSize), defaultValue: String(table.getState().pagination.pageSize), onValueChange: function (e) {\n                    table.setPageSize(Number(e));\n                }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 40, 50].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] })] }));\n}\nexport default Pagination;\n"],"names":["Pagination","_a","_b","table","color","options","MAIN_COLOR","_jsxs","className","children","_jsx","IconButton","onClick","firstPage","disabled","getCanPreviousPage","DoubleArrowLeftIcon","previousPage","ChevronLeftIcon","nextPage","getCanNextPage","ChevronRightIcon","lastPage","DoubleArrowRightIcon","getState","pagination","pageIndex","getPageCount","toLocaleString","TextField","Root","type","min","max","defaultValue","onChange","e","page","target","value","Number","setPageIndex","Select","String","pageSize","onValueChange","setPageSize","Trigger","Content","map","Item"],"mappings":"wWAMA,SAASA,EAAWC,GAChB,IAAIC,EACAC,EAAQF,EAAGE,MACXC,EAAuC,QAA9BF,EAAKC,EAAME,QAAQD,aAA0B,IAAPF,EAAgBA,EAAKI,EACxE,OAAQC,EAAM,MAAO,CAAEC,UAAW,0BAA2BC,SAAU,CAACC,EAAKC,EAAY,CAAEH,UAAW,qBAAsBJ,MAAOA,EAAOQ,QAAS,WAAc,OAAOT,EAAMU,WAAc,EAAEC,UAAWX,EAAMY,qBAAsBN,SAAUC,EAAKM,EAAqB,MAAQN,EAAKC,EAAY,CAAEH,UAAW,qBAAsBJ,MAAOA,EAAOQ,QAAS,WAAc,OAAOT,EAAMc,cAAe,EAAIH,UAAWX,EAAMY,qBAAsBN,SAAUC,EAAKQ,EAAiB,CAAE,KAAMR,EAAKC,EAAY,CAAEH,UAAW,qBAAsBJ,MAAOA,EAAOQ,QAAS,WAAc,OAAOT,EAAMgB,YAAeL,UAAWX,EAAMiB,iBAAkBX,SAAUC,EAAKW,EAAkB,CAAE,KAAMX,EAAKC,EAAY,CAAEH,UAAW,qBAAsBJ,MAAOA,EAAOQ,QAAS,WAAc,OAAOT,EAAMmB,YAAeR,UAAWX,EAAMiB,iBAAkBX,SAAUC,EAAKa,EAAsB,CAAA,KAAQhB,EAAM,OAAQ,CAAEC,UAAW,0BAA2BC,SAAU,CAACC,EAAK,MAAO,CAAED,SAAU,SAAWF,EAAM,SAAU,CAAEE,SAAU,CAACN,EAAMqB,WAAWC,WAAWC,UAAY,EAAG,OAAQvB,EAAMwB,eAAeC,uBAA0BrB,EAAM,OAAQ,CAAEC,UAAW,0BAA2BC,SAAU,CAAC,gBAAiBC,EAAKmB,EAAUC,KAAM,CAAEC,KAAM,SAAU3B,MAAOA,EAAO4B,IAAK,IAAKC,IAAK9B,EAAMwB,eAAgBO,aAAc/B,EAAMqB,WAAWC,WAAWC,UAAY,EAAGS,SAAU,SAAUC,GACnyC,IAAIC,EAAOD,EAAEE,OAAOC,MAAQC,OAAOJ,EAAEE,OAAOC,OAAS,EAAI,EACzDpC,EAAMsC,aAAaJ,EACtB,EAAE7B,UAAW,+BAAkCD,EAAMmC,EAAOZ,KAAM,CAAE1B,MAAOA,EAAOmC,MAAOI,OAAOxC,EAAMqB,WAAWC,WAAWmB,UAAWV,aAAcS,OAAOxC,EAAMqB,WAAWC,WAAWmB,UAAWC,cAAe,SAAUT,GACjOjC,EAAM2C,YAAYN,OAAOJ,GAC7C,EAAmB3B,SAAU,CAACC,EAAKgC,EAAOK,QAAS,CAAE,GAAGrC,EAAKgC,EAAOM,QAAS,CAAEvC,SAAU,CAAC,GAAI,GAAI,GAAI,GAAI,IAAIwC,KAAI,SAAUL,GAAY,OAAQlC,EAAKgC,EAAOQ,KAAM,CAAEX,MAAOI,OAAOC,GAAWnC,SAAUmC,GAAYA,EAAa,WAChO"}

package/dist/lib/components/Grid/index.js

@@ -7,7 +7,7 @@ import { ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
 import { cn } from '../../../lib/utils/utils';
 import { bgColorStyle } from '../../../lib/constants';
 import { cva } from 'class-variance-authority';
-import NumberingPagination from './NumberingPagination';
+import Pagination from './Pagination';
 export var GridVariants = cva("", {
     variants: {
         color: bgColorStyle(),
@@ -54,6 +54,6 @@ function Grid(_a) {
                                 .getRowModel()
                                 .rows.map(function (row) { return (_jsx(Table.Row, { children: row.getVisibleCells().map(function (cell) { return (_jsx(Table.Cell, { style: {
                                         width: cell.column.getSize(),
-                                    }, className: "h-[30px]", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)); }) }, row.id)); }) })] }), _jsx("div", { className: "h-2" }), ((_d = table.options) === null || _d === void 0 ? void 0 : _d.enableRowPagination) && _jsx(NumberingPagination, { table: table })] }) }));
+                                    }, className: "h-[30px]", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)); }) }, row.id)); }) })] }), _jsx("div", { className: "h-2" }), ((_d = table.options) === null || _d === void 0 ? void 0 : _d.enableRowPagination) && _jsx(Pagination, { table: table })] }) }));
 }
 export default Grid;

package/dist/lib/components/Grid/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{flexRender as t}from"@tanstack/react-table";import n from"../Table/index.mjs";import{ChevronUpIcon as i,ChevronDownIcon as r}from"@radix-ui/react-icons";import{cn as l}from"../../utils/utils.mjs";import{bgColorStyle as a}from"../../constants.mjs";import{cva as c}from"class-variance-authority";import s from"./NumberingPagination.mjs";var d=c("",{variants:{color:a()},defaultVariants:{color:"red"}});function u(a){var c,u,m,g=a.table;return e("div",{style:{direction:g.options.columnResizeDirection},children:o("div",{className:"overflow-x-auto",children:[o(n.Root,{style:{},appearance:null===(c=g.options)||void 0===c?void 0:c.appearance,radius:null===(u=g.options)||void 0===u?void 0:u.radius,children:[e(n.Header,{children:g.getHeaderGroups().map((function(a){return e(n.Row,{children:a.headers.map((function(a){var c;return o(n.ColumnHeaderCell,{colSpan:a.colSpan,style:{width:a.getSize()},children:[a.isPlaceholder?null:o("div",{className:a.column.getCanSort()?"flex cursor-pointer select-none":"",onClick:a.column.getToggleSortingHandler(),title:a.column.getCanSort()?"asc"===a.column.getNextSortingOrder()?"Sort ascending":"desc"===a.column.getNextSortingOrder()?"Sort descending":"Clear sort":void 0,children:[t(a.column.columnDef.header,a.getContext()),"asc"==a.column.getIsSorted()?e(i,{}):"desc"==a.column.getIsSorted()?e(r,{}):null]}),e("div",{onDoubleClick:function(){return a.column.resetSize()},onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler(),className:l("absolute top-0 h-full w-[3px] bg-slateA-3 cursor-col-resize select-none touch-none right-0 opacity-0 hover:opacity-100",g.options.columnResizeDirection,a.column.getIsResizing()?d({color:g.options.color}):""),style:{transform:a.column.getIsResizing()?"translateX(".concat(("rtl"===g.options.columnResizeDirection?-1:1)*(null!==(c=g.getState().columnSizingInfo.deltaOffset)&&void 0!==c?c:0),"px)"):""}})]},a.id)}))},a.id)}))}),e(n.Body,{children:g.getRowModel().rows.map((function(o){return e(n.Row,{children:o.getVisibleCells().map((function(o){return e(n.Cell,{style:{width:o.column.getSize()},className:"h-[30px]",children:t(o.column.columnDef.cell,o.getContext())},o.id)}))},o.id)}))})]}),e("div",{className:"h-2"}),(null===(m=g.options)||void 0===m?void 0:m.enableRowPagination)&&e(s,{table:g})]})})}export{d as GridVariants,u as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{flexRender as t}from"@tanstack/react-table";import n from"../Table/index.mjs";import{ChevronUpIcon as i,ChevronDownIcon as r}from"@radix-ui/react-icons";import{cn as l}from"../../utils/utils.mjs";import{bgColorStyle as a}from"../../constants.mjs";import{cva as c}from"class-variance-authority";import s from"./Pagination.mjs";var d=c("",{variants:{color:a()},defaultVariants:{color:"red"}});function u(a){var c,u,m,p=a.table;return e("div",{style:{direction:p.options.columnResizeDirection},children:o("div",{className:"overflow-x-auto",children:[o(n.Root,{style:{},appearance:null===(c=p.options)||void 0===c?void 0:c.appearance,radius:null===(u=p.options)||void 0===u?void 0:u.radius,children:[e(n.Header,{children:p.getHeaderGroups().map((function(a){return e(n.Row,{children:a.headers.map((function(a){var c;return o(n.ColumnHeaderCell,{colSpan:a.colSpan,style:{width:a.getSize()},children:[a.isPlaceholder?null:o("div",{className:a.column.getCanSort()?"flex cursor-pointer select-none":"",onClick:a.column.getToggleSortingHandler(),title:a.column.getCanSort()?"asc"===a.column.getNextSortingOrder()?"Sort ascending":"desc"===a.column.getNextSortingOrder()?"Sort descending":"Clear sort":void 0,children:[t(a.column.columnDef.header,a.getContext()),"asc"==a.column.getIsSorted()?e(i,{}):"desc"==a.column.getIsSorted()?e(r,{}):null]}),e("div",{onDoubleClick:function(){return a.column.resetSize()},onMouseDown:a.getResizeHandler(),onTouchStart:a.getResizeHandler(),className:l("absolute top-0 h-full w-[3px] bg-slateA-3 cursor-col-resize select-none touch-none right-0 opacity-0 hover:opacity-100",p.options.columnResizeDirection,a.column.getIsResizing()?d({color:p.options.color}):""),style:{transform:a.column.getIsResizing()?"translateX(".concat(("rtl"===p.options.columnResizeDirection?-1:1)*(null!==(c=p.getState().columnSizingInfo.deltaOffset)&&void 0!==c?c:0),"px)"):""}})]},a.id)}))},a.id)}))}),e(n.Body,{children:p.getRowModel().rows.map((function(o){return e(n.Row,{children:o.getVisibleCells().map((function(o){return e(n.Cell,{style:{width:o.column.getSize()},className:"h-[30px]",children:t(o.column.columnDef.cell,o.getContext())},o.id)}))},o.id)}))})]}),e("div",{className:"h-2"}),(null===(m=p.options)||void 0===m?void 0:m.enableRowPagination)&&e(s,{table:p})]})})}export{d as GridVariants,u as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Grid/useGrid.js

@@ -21,11 +21,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createColumnHelper, getCoreRowModel, getExpandedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
-import React, { useEffect, useRef } from 'react';
-import IconButton from '../IconButton';
-import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';
+import React, { useRef } from 'react';
 import Checkbox from '../Checkbox';
 import { useTheme } from '../../../lib/theme';
 function IndeterminateCheckbox(_a) {
@@ -49,34 +47,63 @@ export var useGrid = function (_a) {
     var columnsData = (_b = props === null || props === void 0 ? void 0 : props.columns) === null || _b === void 0 ? void 0 : _b.map(function (el) {
         return columnHelper.accessor(el.id, __assign({}, el));
     });
-    useEffect(function () {
-        if (props.enableExpanding) {
-            var firstcell_1 = columnsData[0].cell;
-            columnsData[0] = __assign(__assign({}, columnsData[0]), { cell: function (props) {
-                    var _a;
-                    return (_jsxs("div", { className: "flex", style: { paddingLeft: "".concat(props.row.depth * 10, "px") }, children: [props.row.getCanExpand() ? (_jsx(IconButton, { onClick: props.row.getToggleExpandedHandler(), appearance: "ghost", className: "h-3 w-3", color: (_a = props.color) !== null && _a !== void 0 ? _a : theme.themeColor, children: props.row.getIsExpanded() ? _jsx(ChevronDownIcon, {}) : _jsx(ChevronRightIcon, {}) })) : (_jsx(_Fragment, {})), _jsx("div", { children: firstcell_1 ? firstcell_1(props) : props.getValue() })] }));
-                } });
-        }
-    }, [props.enableExpanding]);
-    useEffect(function () {
-        if (props.enableRowSelection) {
-            columnsData === null || columnsData === void 0 ? void 0 : columnsData.unshift({
-                id: 'select',
-                header: function (_a) {
-                    var table = _a.table;
-                    return (_jsx("div", { className: "header-checkbox", children: _jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected() || table.getIsSomeRowsSelected(),
-                            indeterminate: table.getIsSomeRowsSelected(),
-                            onChange: table.getToggleAllRowsSelectedHandler() }) }));
-                },
-                cell: function (_a) {
-                    var row = _a.row;
-                    return (_jsx("div", { className: "px-1", style: { paddingLeft: "".concat(row.depth * 10, "px") }, children: _jsx(IndeterminateCheckbox, { checked: row.getIsSelected() || row.getIsSomeSelected() || row.getIsAllSubRowsSelected(),
-                            indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
-                            onChange: row.getToggleSelectedHandler() }) }));
-                },
-            });
-        }
-    }, [props.enableRowSelection, columnsData]);
+    // useEffect(() => {
+    //   if (props.enableExpanding) {
+    //     const firstcell = columnsData[0].cell;
+    //     columnsData[0] = {
+    //       ...columnsData[0],
+    //       cell: (props: any) => {
+    //         return (
+    //           <div className="flex" style={{ paddingLeft: `${props.row.depth * 10}px` }}>
+    //             {props.row.getCanExpand() ? (
+    //               <IconButton
+    //                 onClick={props.row.getToggleExpandedHandler()}
+    //                 appearance="ghost"
+    //                 className={`h-3 w-3`}
+    //                 color={props.color ?? theme.themeColor}
+    //               >
+    //                 {props.row.getIsExpanded() ? <ChevronDownIcon /> : <ChevronRightIcon />}
+    //               </IconButton>
+    //             ) : (
+    //               <></>
+    //             )}
+    //             <div>{firstcell ? firstcell(props) : props.getValue()}</div>
+    //           </div>
+    //         );
+    //       },
+    //     };
+    //   }
+    // }, [props.enableExpanding]);
+    // useEffect(() => {
+    //   if (props.enableRowSelection) {
+    //     columnsData?.unshift({
+    //       id: 'select',
+    //       header: ({ table }: any) => (
+    //         <div className="header-checkbox">
+    //           <IndeterminateCheckbox
+    //             {...{
+    //               checked: table.getIsAllRowsSelected() || table.getIsSomeRowsSelected(),
+    //               indeterminate: table.getIsSomeRowsSelected(),
+    //               onChange: table.getToggleAllRowsSelectedHandler(),
+    //             }}
+    //           />
+    //         </div>
+    //       ),
+    //       cell: ({ row }: any) => (
+    //         <div className="px-1" style={{ paddingLeft: `${row.depth * 10}px` }}>
+    //           <IndeterminateCheckbox
+    //             {...{
+    //               checked:
+    //                 row.getIsSelected() || row.getIsSomeSelected() || row.getIsAllSubRowsSelected(),
+    //               indeterminate: row.getIsSomeSelected() && !row.getIsAllSubRowsSelected(),
+    //               onChange: row.getToggleSelectedHandler(),
+    //             }}
+    //           />
+    //         </div>
+    //       ),
+    //     });
+    //   }
+    // }, [props.enableRowSelection]);
     var reactTableProps = __assign(__assign({ state: { sorting: sorting, rowSelection: rowSelection, expanded: expanded } }, props), { data: props.data, columns: columnsData, color: (_c = props.color) !== null && _c !== void 0 ? _c : theme.themeColor, paginateExpandedRows: true, enableExpanding: !!props.enableExpanding, getSubRows: function (row) { return row.subRows; }, onExpandedChange: setExpanded, onSortingChange: setSorting, onRowSelectionChange: setRowSelection, getSortedRowModel: getSortedRowModel(), getCoreRowModel: getCoreRowModel(), getExpandedRowModel: getExpandedRowModel() });
     if (props.enableRowPagination) {
         reactTableProps['getPaginationRowModel'] = getPaginationRowModel();

package/dist/lib/components/Grid/useGrid.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{createColumnHelper as o,getSortedRowModel as r,getCoreRowModel as a,getExpandedRowModel as l,getPaginationRowModel as c,useReactTable as i}from"@tanstack/react-table";import d,{useEffect as s,useRef as g}from"react";import{IconButton as u}from"../IconButton/index.mjs";import{ChevronDownIcon as p,ChevronRightIcon as m}from"@radix-ui/react-icons";import{Checkbox as f}from"../Checkbox/index.mjs";import{useTheme as h}from"../../theme/ThemeProvider.mjs";var b=function(){return b=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},b.apply(this,arguments)},w=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n};function S(e){var n=e.indeterminate,o=e.checked,r=e.disabled,a=e.onChange,l=g();return d.useEffect((function(){"boolean"==typeof n&&(l.current.indeterminate=o&&n)}),[l,n]),t(f,{ref:l,id:"checkbox",checked:o,disabled:r,onCheckedChange:function(e){return a&&a({target:{value:e}})},indeterminate:n})}var v=function(g){var f,v,x=w(g,[]),R=h().theme,y=d.useState([]),C=y[0],E=y[1],O=d.useState({}),I=O[0],j=O[1],k=d.useState({}),P=k[0],A=k[1],M=o(),N=null===(f=null==x?void 0:x.columns)||void 0===f?void 0:f.map((function(e){return M.accessor(e.id,b({},e))}));s((function(){if(x.enableExpanding){var o=N[0].cell;N[0]=b(b({},N[0]),{cell:function(r){var a;return e("div",{className:"flex",style:{paddingLeft:"".concat(10*r.row.depth,"px")},children:[r.row.getCanExpand()?t(u,{onClick:r.row.getToggleExpandedHandler(),appearance:"ghost",className:"h-3 w-3",color:null!==(a=r.color)&&void 0!==a?a:R.themeColor,children:r.row.getIsExpanded()?t(p,{}):t(m,{})}):t(n,{}),t("div",{children:o?o(r):r.getValue()})]})}})}}),[x.enableExpanding]),s((function(){x.enableRowSelection&&(null==N||N.unshift({id:"select",header:function(e){var n=e.table;return t("div",{className:"header-checkbox",children:t(S,{checked:n.getIsAllRowsSelected()||n.getIsSomeRowsSelected(),indeterminate:n.getIsSomeRowsSelected(),onChange:n.getToggleAllRowsSelectedHandler()})})},cell:function(e){var n=e.row;return t("div",{className:"px-1",style:{paddingLeft:"".concat(10*n.depth,"px")},children:t(S,{checked:n.getIsSelected()||n.getIsSomeSelected()||n.getIsAllSubRowsSelected(),indeterminate:n.getIsSomeSelected()&&!n.getIsAllSubRowsSelected(),onChange:n.getToggleSelectedHandler()})})}}))}),[x.enableRowSelection,N]);var T=b(b({state:{sorting:C,rowSelection:P,expanded:I}},x),{data:x.data,columns:N,color:null!==(v=x.color)&&void 0!==v?v:R.themeColor,paginateExpandedRows:!0,enableExpanding:!!x.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:j,onSortingChange:E,onRowSelectionChange:A,getSortedRowModel:r(),getCoreRowModel:a(),getExpandedRowModel:l()});return x.enableRowPagination&&(T.getPaginationRowModel=c()),i(T)};export{v as useGrid};
+import"react/jsx-runtime";import{createColumnHelper as e,getSortedRowModel as t,getCoreRowModel as o,getExpandedRowModel as n,getPaginationRowModel as r,useReactTable as a}from"@tanstack/react-table";import i from"react";import"../Checkbox/index.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";var c=function(){return c=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},c.apply(this,arguments)},p=function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o},d=function(d){var u,s,m=p(d,[]),g=l().theme,f=i.useState([]),b=f[0],w=f[1],h=i.useState({}),v=h[0],x=h[1],y=i.useState({}),O=y[0],S=y[1],j=e(),R=null===(u=null==m?void 0:m.columns)||void 0===u?void 0:u.map((function(e){return j.accessor(e.id,c({},e))})),P=c(c({state:{sorting:b,rowSelection:O,expanded:v}},m),{data:m.data,columns:R,color:null!==(s=m.color)&&void 0!==s?s:g.themeColor,paginateExpandedRows:!0,enableExpanding:!!m.enableExpanding,getSubRows:function(e){return e.subRows},onExpandedChange:x,onSortingChange:w,onRowSelectionChange:S,getSortedRowModel:t(),getCoreRowModel:o(),getExpandedRowModel:n()});return m.enableRowPagination&&(P.getPaginationRowModel=r()),a(P)};export{d as useGrid};
 //# sourceMappingURL=useGrid.mjs.map