@ncds/ui-admin 0.0.3 → 0.0.8

package/dist/ui-admin/src/components/input/PasswordInput.js

@@ -1,88 +1,70 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PasswordInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _InputBase = require("./InputBase");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { InputBase } from './InputBase';
+import { Eye, EyeOff } from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
 var svgSize = {
-  xs: 14,
-  md: 20
+    xs: 14,
+    md: 20,
 };
-var PasswordInput = exports.PasswordInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'md' : _b,
-    props = __rest(_a, ["size"]);
-  var inputRef = (0, _react.useRef)(null);
-  var _c = (0, _react.useState)(false),
-    isVisible = _c[0],
-    setIsVisible = _c[1];
-  var _d = (0, _react.useState)(false),
-    hasContent = _d[0],
-    setHasContent = _d[1];
-  var svgProps = {
-    width: svgSize[size],
-    height: svgSize[size]
-  };
-  var handleVisibilityChange = function () {
-    setIsVisible(!isVisible);
-  };
-  (0, _react.useEffect)(function () {
-    if (inputRef.current) {
-      setHasContent(!!inputRef.current.value);
-      inputRef.current.addEventListener('input', function () {
-        var _a;
-        setHasContent(!!((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value));
-      });
-    }
-  }, []);
-  return (0, _jsxRuntime.jsx)(_InputBase.InputBase, __assign({
-    ref: function (node) {
-      if (typeof ref === 'function') {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-      inputRef.current = node;
-    },
-    type: isVisible ? 'text' : 'password',
-    leadingElement: {
-      type: 'icon',
-      icon: 'lock-01',
-      color: hasContent ? 'gray600' : 'gray300'
-    },
-    trailingElement: {
-      type: 'custom',
-      placement: 'inside',
-      children: (0, _jsxRuntime.jsx)("button", __assign({
-        className: (0, _classnames.default)('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'),
-        onClick: handleVisibilityChange
-      }, {
-        children: isVisible ? (0, _jsxRuntime.jsx)(_uiAdminIcon.Eye, __assign({}, svgProps)) : (0, _jsxRuntime.jsx)(_uiAdminIcon.EyeOff, __assign({}, svgProps))
-      }))
-    }
-  }, props));
-});
+export var PasswordInput = forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, props = __rest(_a, ["size"]);
+    var inputRef = useRef(null);
+    var _c = useState(false), isVisible = _c[0], setIsVisible = _c[1];
+    var _d = useState(false), hasContent = _d[0], setHasContent = _d[1];
+    var svgProps = {
+        width: svgSize[size],
+        height: svgSize[size],
+    };
+    var handleVisibilityChange = function () {
+        setIsVisible(!isVisible);
+    };
+    useEffect(function () {
+        if (inputRef.current) {
+            setHasContent(!!inputRef.current.value);
+            inputRef.current.addEventListener('input', function () {
+                var _a;
+                setHasContent(!!((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value));
+            });
+        }
+    }, []);
+    return (_jsx(InputBase, __assign({ ref: function (node) {
+            if (typeof ref === 'function') {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+            inputRef.current = node;
+        }, type: isVisible ? 'text' : 'password', leadingElement: {
+            type: 'icon',
+            icon: 'lock-01',
+            color: hasContent ? 'gray600' : 'gray300',
+        }, trailingElement: {
+            type: 'custom',
+            placement: 'inside',
+            children: (_jsx("button", __assign({ className: classNames('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'), onClick: handleVisibilityChange }, { children: isVisible ? _jsx(Eye, __assign({}, svgProps)) : _jsx(EyeOff, __assign({}, svgProps)) }))),
+        } }, props)));
+});

package/dist/ui-admin/src/components/input/index.d.ts

@@ -1,3 +1,4 @@
+export * from './FileInput';
 export * from './InputBase';
 export * from './PasswordInput';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui-admin/src/components/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/dist/ui-admin/src/components/input/index.js

@@ -1,27 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _InputBase = require("./InputBase");
-Object.keys(_InputBase).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _InputBase[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _InputBase[key];
-    }
-  });
-});
-var _PasswordInput = require("./PasswordInput");
-Object.keys(_PasswordInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _PasswordInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PasswordInput[key];
-    }
-  });
-});
+export * from './FileInput';
+export * from './InputBase';
+export * from './PasswordInput';

package/dist/ui-admin/src/components/pagination/NavButton.js

@@ -1,91 +1,64 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavButton = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _Button = require("../button/Button");
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../button/Button';
 var NAV_BUTTON_CONFIG = {
-  first: {
-    label: '처음',
-    className: 'ncua-pagination__first',
-    getIcon: function (isPC) {
-      return 'chevron-left-double';
-    }
-  },
-  prev: {
-    label: '이전',
-    className: 'ncua-pagination__before',
-    getIcon: function (isPC) {
-      return isPC ? 'chevron-left' : 'arrow-left';
-    }
-  },
-  next: {
-    label: '다음',
-    className: 'ncua-pagination__next',
-    getIcon: function (isPC) {
-      return isPC ? 'chevron-right' : 'arrow-right';
-    }
-  },
-  last: {
-    label: '마지막',
-    className: 'ncua-pagination__last',
-    getIcon: function (isPC) {
-      return 'chevron-right-double';
-    }
-  }
-};
-var NavButton = function (_a) {
-  var type = _a.type,
-    as = _a.as,
-    isPC = _a.isPC,
-    noPrev = _a.noPrev,
-    noNext = _a.noNext,
-    href = _a.href,
-    target = _a.target,
-    onClick = _a.onClick;
-  var config = NAV_BUTTON_CONFIG[type];
-  var isNavigationButton = type === 'first' || type === 'prev' || type === 'next' || type === 'last';
-  var isFirstOrPrev = type === 'first' || type === 'prev';
-  var isNextOrLast = type === 'next' || type === 'last';
-  var disabled = isFirstOrPrev ? noPrev : isNextOrLast ? noNext : false;
-  // key를 제외한 공통 props
-  var buttonProps = {
-    label: config.label,
-    className: config.className,
-    onlyIcon: true,
-    leadingIcon: {
-      type: 'icon',
-      icon: config.getIcon(isPC),
-      color: disabled ? 'gray200' : 'gray700'
+    first: {
+        label: '처음',
+        className: 'ncua-pagination__first',
+        getIcon: function (isPC) { return 'chevron-left-double'; },
     },
-    hierarchy: 'secondary-gray',
-    size: 'xs',
-    disabled: disabled,
-    onClick: onClick
-  };
-  // key 값 별도 계산
-  var buttonKey = isNavigationButton ? "".concat(isPC ? 'pc' : 'mobile', "-").concat(type) : undefined;
-  if (as === 'a') {
-    return (0, _jsxRuntime.jsx)(_Button.Button, __assign({
-      as: "a",
-      href: href,
-      target: target
-    }, buttonProps), buttonKey);
-  }
-  return (0, _jsxRuntime.jsx)(_Button.Button, __assign({
-    as: "button"
-  }, buttonProps), buttonKey);
+    prev: {
+        label: '이전',
+        className: 'ncua-pagination__before',
+        getIcon: function (isPC) { return (isPC ? 'chevron-left' : 'arrow-left'); },
+    },
+    next: {
+        label: '다음',
+        className: 'ncua-pagination__next',
+        getIcon: function (isPC) { return (isPC ? 'chevron-right' : 'arrow-right'); },
+    },
+    last: {
+        label: '마지막',
+        className: 'ncua-pagination__last',
+        getIcon: function (isPC) { return 'chevron-right-double'; },
+    },
+};
+export var NavButton = function (_a) {
+    var type = _a.type, as = _a.as, isPC = _a.isPC, noPrev = _a.noPrev, noNext = _a.noNext, href = _a.href, target = _a.target, onClick = _a.onClick;
+    var config = NAV_BUTTON_CONFIG[type];
+    var isNavigationButton = type === 'first' || type === 'prev' || type === 'next' || type === 'last';
+    var isFirstOrPrev = type === 'first' || type === 'prev';
+    var isNextOrLast = type === 'next' || type === 'last';
+    var disabled = isFirstOrPrev ? noPrev : isNextOrLast ? noNext : false;
+    // key를 제외한 공통 props
+    var buttonProps = {
+        label: config.label,
+        className: config.className,
+        onlyIcon: true,
+        leadingIcon: {
+            type: 'icon',
+            icon: config.getIcon(isPC),
+            color: disabled ? 'gray200' : 'gray700',
+        },
+        hierarchy: 'secondary-gray',
+        size: 'xs',
+        disabled: disabled,
+        onClick: onClick,
+    };
+    // key 값 별도 계산
+    var buttonKey = isNavigationButton ? "".concat(isPC ? 'pc' : 'mobile', "-").concat(type) : undefined;
+    if (as === 'a') {
+        return _jsx(Button, __assign({ as: "a", href: href, target: target }, buttonProps), buttonKey);
+    }
+    return _jsx(Button, __assign({ as: "button" }, buttonProps), buttonKey);
 };
-exports.NavButton = NavButton;

package/dist/ui-admin/src/components/pagination/Pagination.js

@@ -1,175 +1,109 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pagination = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodashEs = require("lodash-es");
-var _react = require("react");
-var _constant = require("../../constant");
-var _NavButton = require("./NavButton");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { isFunction, range, uniqueId } from 'lodash-es';
+import { useEffect, useState } from 'react';
+import { MINIMUM_PC_SIZE } from '../../constant';
+import { NavButton } from './NavButton';
 // 네비게이션 버튼 설정
-var Pagination = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    totalCount = _a.totalCount,
-    _c = _a.itemCountPerPage,
-    itemCountPerPage = _c === void 0 ? 10 : _c,
-    _d = _a.pageCount,
-    pageCount = _d === void 0 ? 10 : _d,
-    currentPage = _a.currentPage,
-    _e = _a.as,
-    as = _e === void 0 ? 'button' : _e,
-    onPageChange = _a.onPageChange,
-    restProps = __rest(_a, ["className", "totalCount", "itemCountPerPage", "pageCount", "currentPage", "as", "onPageChange"]);
-  var totalPage = Math.ceil(totalCount / itemCountPerPage);
-  var _f = (0, _react.useState)(1),
-    start = _f[0],
-    setStart = _f[1];
-  var _g = (0, _react.useState)(window.innerWidth > _constant.MINIMUM_PC_SIZE),
-    isPC = _g[0],
-    setIsPC = _g[1];
-  var noPrev = start === 1;
-  var noNext = start + pageCount - 1 >= totalPage;
-  var showJumpPageButton = totalPage > pageCount;
-  var handleClickButton = function (pageNum) {
-    (0, _lodashEs.isFunction)(onPageChange);
-    if ((0, _lodashEs.isFunction)(onPageChange)) {
-      onPageChange(pageNum);
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (currentPage === start + pageCount) {
-      setStart(start + pageCount);
-    }
-    if (currentPage > start + pageCount) {
-      var newStart = Math.floor((currentPage - 1) / pageCount) * pageCount + 1;
-      setStart(newStart);
-    }
-    if (currentPage < start) {
-      setStart(start - pageCount);
-    }
-    if (currentPage === 1) {
-      setStart(1);
-    }
-    if (currentPage === totalPage) {
-      var lastGroupStart = Math.max(1, totalPage - pageCount + 1);
-      setStart(lastGroupStart);
-    }
-  }, [currentPage]);
-  (0, _react.useEffect)(function () {
-    var mql = window.matchMedia("(min-width: ".concat(_constant.MINIMUM_PC_SIZE, "px)"));
-    setIsPC(mql.matches);
-    var handleResize = function (e) {
-      setIsPC(e.matches);
-    };
-    mql.addEventListener('change', handleResize);
-    return function () {
-      return mql.removeEventListener('change', handleResize);
+export var Pagination = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, totalCount = _a.totalCount, _c = _a.itemCountPerPage, itemCountPerPage = _c === void 0 ? 10 : _c, _d = _a.pageCount, pageCount = _d === void 0 ? 10 : _d, currentPage = _a.currentPage, _e = _a.as, as = _e === void 0 ? 'button' : _e, onPageChange = _a.onPageChange, restProps = __rest(_a, ["className", "totalCount", "itemCountPerPage", "pageCount", "currentPage", "as", "onPageChange"]);
+    var totalPage = Math.ceil(totalCount / itemCountPerPage);
+    var _f = useState(1), start = _f[0], setStart = _f[1];
+    var _g = useState(globalThis.innerWidth > MINIMUM_PC_SIZE), isPC = _g[0], setIsPC = _g[1];
+    var noPrev = start === 1;
+    var noNext = start + pageCount - 1 >= totalPage;
+    var showJumpPageButton = totalPage > pageCount;
+    var handleClickButton = function (pageNum) {
+        isFunction(onPageChange);
+        if (isFunction(onPageChange)) {
+            onPageChange(pageNum);
+        }
     };
-  }, []);
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsxs)("div", __assign({
-      className: (0, _classnames.default)('ncua-pagination', className)
-    }, {
-      children: [showJumpPageButton && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [(0, _NavButton.NavButton)({
-          type: 'first',
-          as: as,
-          isPC: isPC,
-          noPrev: noPrev,
-          noNext: noNext,
-          href: restProps.href || '',
-          target: restProps.target || '',
-          onClick: function () {
-            return handleClickButton(1);
-          }
-        }), (0, _NavButton.NavButton)({
-          type: 'prev',
-          as: as,
-          isPC: isPC,
-          noPrev: noPrev,
-          noNext: noNext,
-          href: restProps.href || '',
-          target: restProps.target || '',
-          onClick: function () {
-            return handleClickButton(Math.max(start - pageCount, 1));
-          }
-        })]
-      }), (0, _jsxRuntime.jsx)("ul", __assign({
-        className: "ncua-pagination__list"
-      }, {
-        children: (0, _lodashEs.range)(start, Math.min(totalPage + 1, start + pageCount)).map(function (pageNumber, i) {
-          return (0, _jsxRuntime.jsx)("li", __assign({
-            className: "ncua-pagination__item"
-          }, {
-            children: (0, _jsxRuntime.jsx)("button", __assign({
-              className: (0, _classnames.default)('ncua-pagination__page-num', {
-                'is-current': pageNumber === currentPage
-              }),
-              onClick: function () {
-                return handleClickButton(start + i);
-              }
-            }, restProps, {
-              children: start + i
-            }))
-          }), (0, _lodashEs.uniqueId)('ncua-pagination__page-num'));
-        })
-      })), (0, _jsxRuntime.jsxs)("p", __assign({
-        className: "ncua-pagination__page-info"
-      }, {
-        children: [(0, _jsxRuntime.jsx)("em", __assign({
-          className: "ncua-pagination__current-num"
-        }, {
-          children: currentPage
-        })), " / ", totalPage]
-      })), showJumpPageButton && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [(0, _NavButton.NavButton)({
-          type: 'next',
-          as: as,
-          isPC: isPC,
-          noPrev: noPrev,
-          noNext: noNext,
-          href: restProps.href || '',
-          target: restProps.target || '',
-          onClick: function () {
-            return handleClickButton(Math.min(start + pageCount, totalPage));
-          }
-        }), (0, _NavButton.NavButton)({
-          type: 'last',
-          as: as,
-          isPC: isPC,
-          noPrev: noPrev,
-          noNext: noNext,
-          href: restProps.href || '',
-          target: restProps.target || '',
-          onClick: function () {
-            return handleClickButton(totalPage);
-          }
-        })]
-      })]
-    }))
-  });
+    useEffect(function () {
+        if (currentPage === start + pageCount) {
+            setStart(start + pageCount);
+        }
+        if (currentPage > start + pageCount) {
+            var newStart = Math.floor((currentPage - 1) / pageCount) * pageCount + 1;
+            setStart(newStart);
+        }
+        if (currentPage < start) {
+            setStart(start - pageCount);
+        }
+        if (currentPage === 1) {
+            setStart(1);
+        }
+        if (currentPage === totalPage) {
+            var lastGroupStart = Math.max(1, totalPage - pageCount + 1);
+            setStart(lastGroupStart);
+        }
+    }, [currentPage]);
+    useEffect(function () {
+        var mql = globalThis.matchMedia("(min-width: ".concat(MINIMUM_PC_SIZE, "px)"));
+        setIsPC(mql.matches);
+        var handleResize = function (e) {
+            setIsPC(e.matches);
+        };
+        mql.addEventListener('change', handleResize);
+        return function () { return mql.removeEventListener('change', handleResize); };
+    }, []);
+    return (_jsx(_Fragment, { children: _jsxs("div", __assign({ className: classNames('ncua-pagination', className) }, { children: [showJumpPageButton && (_jsxs(_Fragment, { children: [NavButton({
+                            type: 'first',
+                            as: as,
+                            isPC: isPC,
+                            noPrev: noPrev,
+                            noNext: noNext,
+                            href: restProps.href || '',
+                            target: restProps.target || '',
+                            onClick: function () { return handleClickButton(1); },
+                        }), NavButton({
+                            type: 'prev',
+                            as: as,
+                            isPC: isPC,
+                            noPrev: noPrev,
+                            noNext: noNext,
+                            href: restProps.href || '',
+                            target: restProps.target || '',
+                            onClick: function () { return handleClickButton(Math.max(start - pageCount, 1)); },
+                        })] })), _jsx("ul", __assign({ className: "ncua-pagination__list" }, { children: range(start, Math.min(totalPage + 1, start + pageCount)).map(function (pageNumber, i) { return (_jsx("li", __assign({ className: "ncua-pagination__item" }, { children: _jsx("button", __assign({ className: classNames('ncua-pagination__page-num', { 'is-current': pageNumber === currentPage }), onClick: function () { return handleClickButton(start + i); } }, restProps, { children: start + i })) }), uniqueId('ncua-pagination__page-num'))); }) })), _jsxs("p", __assign({ className: "ncua-pagination__page-info" }, { children: [_jsx("em", __assign({ className: "ncua-pagination__current-num" }, { children: currentPage })), " / ", totalPage] })), showJumpPageButton && (_jsxs(_Fragment, { children: [NavButton({
+                            type: 'next',
+                            as: as,
+                            isPC: isPC,
+                            noPrev: noPrev,
+                            noNext: noNext,
+                            href: restProps.href || '',
+                            target: restProps.target || '',
+                            onClick: function () { return handleClickButton(Math.min(start + pageCount, totalPage)); },
+                        }), NavButton({
+                            type: 'last',
+                            as: as,
+                            isPC: isPC,
+                            noPrev: noPrev,
+                            noNext: noNext,
+                            href: restProps.href || '',
+                            target: restProps.target || '',
+                            onClick: function () { return handleClickButton(totalPage); },
+                        })] }))] })) }));
 };
-exports.Pagination = Pagination;