@lotte-innovate/ui-component-test 0.0.130 → 0.0.132
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/components/Grid/NumberingPagination.mjs +2 -0
- package/dist/lib/components/Grid/NumberingPagination.mjs.map +1 -0
- package/dist/lib/components/Grid/index.js +4 -3
- package/dist/lib/components/Grid/index.mjs +1 -1
- package/dist/lib/components/Grid/useGrid.js +26 -43
- package/dist/lib/components/Grid/useGrid.mjs +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/lib/components/Grid/Pagination.mjs +0 -2
- package/dist/lib/components/Grid/Pagination.mjs.map +0 -1
package/package.json
CHANGED
@@ -1,2 +0,0 @@
|
|
1
|
-
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};
|
2
|
-
//# sourceMappingURL=Pagination.mjs.map
|
@@ -1 +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"}
|