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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.0.128",
+  "version": "0.0.129",
   "private": false,
   "type": "module",
   "files": [

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

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{IconButton as a}from"../IconButton/index.mjs";import{DoubleArrowLeftIcon as o,ChevronLeftIcon as i,ChevronRightIcon as r,DoubleArrowRightIcon as g}from"@radix-ui/react-icons";import c from"../Select/index.mjs";import{MAIN_COLOR as l}from"../../color/constants.mjs";import{Button as d}from"../Button/index.mjs";import s from"../TextField/index.mjs";import u from"../../Typography/Text/index.mjs";function p(p){var m,h=p.table,f=n("1"),P=f[0],x=f[1],C=null!==(m=h.options.color)&&void 0!==m?m:l;return e("div",{children:[e("div",{className:"flex items-center justify-center gap-2",children:[e(c.Root,{color:C,value:String(h.getState().pagination.pageSize),defaultValue:String(h.getState().pagination.pageSize),onValueChange:function(e){h.setPageSize(Number(e)),x("1"),h.setPageIndex(0)},children:[t(c.Trigger,{}),t(c.Content,{children:[10,20,30,50,100].map((function(e){return t(c.Item,{value:String(e),children:e},e)}))})]}),e("div",{className:"flex gap-2",children:[t(a,{className:"rounded border p-1",color:C,onClick:function(){h.firstPage(),x("1")},disabled:!h.getCanPreviousPage(),children:t(o,{})}),t(a,{className:"rounded border p-1",color:C,onClick:function(){h.previousPage(),x(String(h.getState().pagination.pageIndex))},disabled:!h.getCanPreviousPage(),children:t(i,{})})]}),t("div",{children:function(){for(var e=[],n=h.getState().pagination.pageIndex,a=function(n){e.push(t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(n),x(String(n+1))},color:h.getState().pagination.pageIndex===n?C:"slate",children:n+1},n))},o=0;o<h.getPageCount();o++)a(o);return e.length>10&&(n-3>0&&n+3<h.getPageCount()?((e=e.slice(n-2,n+3)).unshift(t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(0),x("1")},color:0===h.getState().pagination.pageIndex?C:"slate",children:1},0),t(d,{appearance:"ghost",disabled:!0,children:"..."})),e.push(t(d,{appearance:"ghost",disabled:!0,children:"..."}),t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(h.getPageCount()-1),x(String(h.getPageCount()))},color:h.getState().pagination.pageIndex===h.getPageCount()-1?C:"slate",children:h.getPageCount()},h.getPageCount()-1))):n-3<=0?(e=e.slice(0,7)).push(t(d,{appearance:"ghost",disabled:!0,children:"..."}),t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(h.getPageCount()-1),x(String(h.getPageCount()))},color:h.getState().pagination.pageIndex===h.getPageCount()-1?C:"slate",children:h.getPageCount()},h.getPageCount()-1)):(e=e.slice(h.getPageCount()-7,h.getPageCount())).unshift(t(d,{appearance:"ghost",onClick:function(){h.setPageIndex(0),x("1")},color:0===h.getState().pagination.pageIndex?C:"slate",children:1},0),t(d,{appearance:"ghost",disabled:!0,children:"..."}))),e}()}),e("div",{className:"flex gap-2",children:[t(a,{className:"rounded border p-1",color:C,onClick:function(){h.nextPage(),x(String(h.getState().pagination.pageIndex+2))},disabled:!h.getCanNextPage(),children:t(r,{})}),t(a,{className:"rounded border p-1",color:C,onClick:function(){h.lastPage(),x(String(h.getPageCount()))},disabled:!h.getCanNextPage(),children:t(g,{})})]})]}),e("div",{className:"mt-4 flex items-center justify-center gap-2",children:[t(s.Root,{type:"number",color:C,min:"1",max:h.getPageCount(),value:P,onChange:function(e){x(e.target.value)},className:"w-[50px] rounded border"}),e(u,{children:["/ ",h.getPageCount()]}),t(d,{onClick:function(){return h.setPageIndex(P?Number(P)-1:0)},children:"이동"})]})]})}export{p as default};
-//# sourceMappingURL=NumberingPagination.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumberingPagination.mjs","sources":["../../../lib/components/Grid/NumberingPagination.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport IconButton from '../IconButton';\nimport { ChevronLeftIcon, ChevronRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, } from '@radix-ui/react-icons';\nimport Select from '../Select';\nimport { MAIN_COLOR } from '../../../lib/color/constants';\nimport Button from '../Button';\nimport TextField from '../TextField';\nimport Text from '../../Typography/Text';\nfunction NumberingPagination(_a) {\n    var _b;\n    var table = _a.table;\n    var _c = useState('1'), nowPage = _c[0], setNowPage = _c[1];\n    var color = (_b = table.options.color) !== null && _b !== void 0 ? _b : MAIN_COLOR;\n    var renderPageNumbers = function () {\n        var pageNumbers = [];\n        var currentInx = table.getState().pagination.pageIndex;\n        var _loop_1 = function (i) {\n            pageNumbers.push(_jsx(Button, { appearance: \"ghost\", onClick: function () {\n                    table.setPageIndex(i);\n                    setNowPage(String(i + 1));\n                }, color: table.getState().pagination.pageIndex === i ? color : 'slate', children: i + 1 }, i));\n        };\n        for (var i = 0; i < table.getPageCount(); i++) {\n            _loop_1(i);\n        }\n        if (pageNumbers.length > 10) {\n            if (currentInx - 3 > 0 && currentInx + 3 < table.getPageCount()) {\n                pageNumbers = pageNumbers.slice(currentInx - 2, currentInx + 3);\n                pageNumbers.unshift(_jsx(Button, { appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(0);\n                        setNowPage('1');\n                    }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }));\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }), _jsx(Button, { appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(table.getPageCount() - 1);\n                        setNowPage(String(table.getPageCount()));\n                    }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else if (currentInx - 3 <= 0) {\n                pageNumbers = pageNumbers.slice(0, 7);\n                pageNumbers.push(_jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }), _jsx(Button, { appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(table.getPageCount() - 1);\n                        setNowPage(String(table.getPageCount()));\n                    }, color: table.getState().pagination.pageIndex === table.getPageCount() - 1 ? color : 'slate', children: table.getPageCount() }, table.getPageCount() - 1));\n            }\n            else {\n                pageNumbers = pageNumbers.slice(table.getPageCount() - 7, table.getPageCount());\n                pageNumbers.unshift(_jsx(Button, { appearance: \"ghost\", onClick: function () {\n                        table.setPageIndex(0);\n                        setNowPage('1');\n                    }, color: table.getState().pagination.pageIndex === 0 ? color : 'slate', children: 1 }, 0), _jsx(Button, { appearance: \"ghost\", disabled: true, children: \"...\" }));\n            }\n        }\n        return pageNumbers;\n    };\n    return (_jsxs(\"div\", { children: [_jsxs(\"div\", { className: \"flex items-center justify-center gap-2\", children: [_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                            setNowPage('1');\n                            table.setPageIndex(0);\n                        }, children: [_jsx(Select.Trigger, {}), _jsx(Select.Content, { children: [10, 20, 30, 50, 100].map(function (pageSize) { return (_jsx(Select.Item, { value: String(pageSize), children: pageSize }, pageSize)); }) })] }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.firstPage();\n                                    setNowPage('1');\n                                }, disabled: !table.getCanPreviousPage(), children: _jsx(DoubleArrowLeftIcon, {}) }), _jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.previousPage();\n                                    setNowPage(String(table.getState().pagination.pageIndex));\n                                }, disabled: !table.getCanPreviousPage(), children: _jsx(ChevronLeftIcon, {}) })] }), _jsx(\"div\", { children: renderPageNumbers() }), _jsxs(\"div\", { className: \"flex gap-2\", children: [_jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.nextPage();\n                                    setNowPage(String(table.getState().pagination.pageIndex + 2));\n                                }, disabled: !table.getCanNextPage(), children: _jsx(ChevronRightIcon, {}) }), _jsx(IconButton, { className: \"rounded border p-1\", color: color, onClick: function () {\n                                    table.lastPage();\n                                    setNowPage(String(table.getPageCount()));\n                                }, disabled: !table.getCanNextPage(), children: _jsx(DoubleArrowRightIcon, {}) })] })] }), _jsxs(\"div\", { className: \"mt-4 flex items-center justify-center gap-2\", children: [_jsx(TextField.Root, { type: \"number\", color: color, min: \"1\", max: table.getPageCount(), value: nowPage, onChange: function (e) {\n                            setNowPage(e.target.value);\n                        }, className: \"w-[50px] rounded border\" }), _jsxs(Text, { children: [\"/ \", table.getPageCount()] }), _jsx(Button, { onClick: function () { return table.setPageIndex(nowPage ? Number(nowPage) - 1 : 0); }, children: \"\\uC774\\uB3D9\" })] })] }));\n}\nexport default NumberingPagination;\n"],"names":["NumberingPagination","_a","_b","table","_c","useState","nowPage","setNowPage","color","options","MAIN_COLOR","_jsxs","children","className","Select","Root","value","String","getState","pagination","pageSize","defaultValue","onValueChange","e","setPageSize","Number","setPageIndex","_jsx","Trigger","Content","map","Item","IconButton","onClick","firstPage","disabled","getCanPreviousPage","DoubleArrowLeftIcon","previousPage","pageIndex","ChevronLeftIcon","pageNumbers","currentInx","_loop_1","i","push","Button","appearance","getPageCount","length","slice","unshift","renderPageNumbers","nextPage","getCanNextPage","ChevronRightIcon","lastPage","DoubleArrowRightIcon","TextField","type","min","max","onChange","target","Text"],"mappings":"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"}