@cashub/ui 0.21.0 → 0.21.1

package/table/Table.js

@@ -1,138 +1,114 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
-
 var _hooks = require("./hooks");
-
 var _TableHeadCell = _interopRequireDefault(require("./subComponent/TableHeadCell"));
-
 var _TableFooter = _interopRequireDefault(require("./subComponent/TableFooter"));
-
 var _TableFooterInfo = _interopRequireDefault(require("./subComponent/TableFooterInfo"));
-
 var _TableFooterPager = _interopRequireDefault(require("./subComponent/TableFooterPager"));
-
 var _Paginate = _interopRequireDefault(require("../paginate/Paginate"));
-
 var _Select = _interopRequireDefault(require("../select/Select"));
-
 var _Popover = _interopRequireDefault(require("../popover/Popover"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
-var _excluded = ["title", "fieldName", "render", "custom"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var Table = function Table(_ref) {
-  var columns = _ref.columns,
-      data = _ref.data,
-      currentPage = _ref.currentPage,
-      limit = _ref.limit,
-      total = _ref.total,
-      onPageChange = _ref.onPageChange,
-      onLimitChange = _ref.onLimitChange,
-      sortColumn = _ref.sortColumn,
-      sortType = _ref.sortType,
-      onSortChange = _ref.onSortChange,
-      select = _ref.select,
-      selected = _ref.selected,
-      onRowClick = _ref.onRowClick,
-      backgroundReverse = _ref.backgroundReverse,
-      translation = _ref.translation,
-      beforeCreateRow = _ref.beforeCreateRow,
-      popoverContainer = _ref.popoverContainer,
-      _ref$centerFooter = _ref.centerFooter,
-      centerFooter = _ref$centerFooter === void 0 ? false : _ref$centerFooter;
-  var tableRef = (0, _react.useRef)(null);
-
-  var _useCalculateDataRang = (0, _hooks.useCalculateDataRange)(currentPage, limit, total),
-      start = _useCalculateDataRang.start,
-      end = _useCalculateDataRang.end;
-
-  var texts = (0, _react.useMemo)(function () {
-    var defaultTexts = {
+const Table = _ref => {
+  let {
+    columns,
+    data,
+    currentPage,
+    limit,
+    total,
+    onPageChange,
+    onLimitChange,
+    sortColumn,
+    sortType,
+    onSortChange,
+    select,
+    selected,
+    onRowClick,
+    backgroundReverse,
+    translation,
+    beforeCreateRow,
+    popoverContainer,
+    centerFooter = false
+  } = _ref;
+  const tableRef = (0, _react.useRef)(null);
+  const {
+    start,
+    end
+  } = (0, _hooks.useCalculateDataRange)(currentPage, limit, total);
+  const texts = (0, _react.useMemo)(() => {
+    const defaultTexts = {
       info: 'Showing _START_ to _END_ of _TOTAL_ entries',
       empty: 'No data available in table'
     };
-    return _objectSpread(_objectSpread({}, defaultTexts), translation);
+    return {
+      ...defaultTexts,
+      ...translation
+    };
   }, [translation]);
-  var handleSortChange = (0, _react.useCallback)(function (columnName) {
+  const handleSortChange = (0, _react.useCallback)(columnName => {
     if (onSortChange) {
       onSortChange(columnName);
     }
   }, [onSortChange]);
-  var handleRowClick = (0, _react.useCallback)(function (event, rowData) {
+  const handleRowClick = (0, _react.useCallback)((event, rowData) => {
     if (onRowClick) {
       onRowClick(event, rowData);
     }
   }, [onRowClick]);
-  var showFullValue = (0, _react.useCallback)(function (event) {
-    var id = event.target.id;
-
+  const showFullValue = (0, _react.useCallback)(event => {
+    let {
+      id
+    } = event.target;
     if (!id) {
-      id = event.currentTarget.id;
+      ({
+        id
+      } = event.currentTarget);
       event.target.id = id;
     }
-
-    var _event$target = event.target,
-        offsetWidth = _event$target.offsetWidth,
-        scrollWidth = _event$target.scrollWidth,
-        innerText = _event$target.innerText;
-
+    const {
+      offsetWidth,
+      scrollWidth,
+      innerText
+    } = event.target;
     if (scrollWidth >= offsetWidth && innerText) {
       event.stopPropagation();
       (0, _Popover.default)({
-        id: id,
+        id,
         container: popoverContainer,
         target: event.target,
         content: innerText,
         boundary: tableRef.current
       });
     }
-  }, [popoverContainer]); // generate sort icon area
-
-  var generateSort = (0, _hooks.useGenerateSort)(sortColumn, sortType);
-  var tableHeads = (0, _react.useMemo)(function () {
-    return columns.map(function (column, index) {
-      var title = column.title,
-          fieldName = column.fieldName,
-          width = column.width,
-          sortable = column.sortable,
-          align = column.align;
+  }, [popoverContainer]);
+
+  // generate sort icon area
+  const generateSort = (0, _hooks.useGenerateSort)(sortColumn, sortType);
+  const tableHeads = (0, _react.useMemo)(() => {
+    return columns.map((column, index) => {
+      const {
+        title,
+        fieldName,
+        width,
+        sortable,
+        align
+      } = column;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeadCell.default, {
         width: width,
         sortable: sortable,
-        onClick: function onClick() {
+        onClick: () => {
           sortable && handleSortChange(fieldName);
         },
         align: align,
@@ -146,52 +122,49 @@ var Table = function Table(_ref) {
       }, "TH".concat(index));
     });
   }, [columns, handleSortChange, generateSort, showFullValue]);
-  var tableRows = (0, _react.useMemo)(function () {
+  const tableRows = (0, _react.useMemo)(() => {
     if (data.length === 0) {
       return null;
     }
-
-    var _ref2 = select || {},
-        matcher = _ref2.matcher,
-        type = _ref2.type;
-
-    return data.map(function (row, rowIndex) {
-      var active = false;
-      var rowConfig = {};
-
+    const {
+      matcher,
+      type
+    } = select || {};
+    return data.map((row, rowIndex) => {
+      let active = false;
+      let rowConfig = {};
       if (beforeCreateRow) {
         rowConfig = beforeCreateRow(row) || {};
-      } // row data cell
-
-
-      var tds = columns.map(function (column, columnIndex) {
-        var title = column.title,
-            fieldName = column.fieldName,
-            render = column.render,
-            custom = column.custom,
-            props = _objectWithoutProperties(column, _excluded);
-
-        var key = rowIndex + columnIndex.toString();
-        var value = row[fieldName]; // 如果有matcher，比對當前 column 的 fieldName 是不是等於 matcher
-
+      }
+
+      // row data cell
+      const tds = columns.map((column, columnIndex) => {
+        const {
+          title,
+          fieldName,
+          render,
+          custom,
+          ...props
+        } = column;
+        const key = rowIndex + columnIndex.toString();
+        let value = row[fieldName];
+
+        // 如果有matcher，比對當前 column 的 fieldName 是不是等於 matcher
         if (matcher && fieldName === matcher) {
           if (type === 'single' && selected === value) {
             active = true;
           }
-
           if (type === 'multiple' && selected.includes(value)) {
             active = true;
           }
-        } // convert to an empty string
-
+        }
 
+        // convert to an empty string
         if (value === null || value === undefined) {
           value = '';
         }
-
-        var isCustom = false;
-        var renderedData = null;
-
+        let isCustom = false;
+        let renderedData = null;
         if (custom && render) {
           // call render function to get custom data(fully)
           isCustom = true;
@@ -204,28 +177,27 @@ var Table = function Table(_ref) {
             children: render ? render(value, row) : String(value)
           });
         }
-
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableDataCell, _objectSpread(_objectSpread({
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableDataCell, {
           "data-label": title,
           backgroundReverse: backgroundReverse,
-          custom: isCustom
-        }, props), {}, {
+          custom: isCustom,
+          ...props,
           children: renderedData
-        }), columnIndex);
+        }, columnIndex);
       });
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyTR, {
         clickable: onRowClick,
         active: active,
         primary: rowConfig.primary,
         backgroundReverse: backgroundReverse,
-        onClick: function onClick(event) {
+        onClick: event => {
           handleRowClick(event, row);
         },
         children: tds
       }, rowIndex);
     });
   }, [backgroundReverse, beforeCreateRow, columns, data, handleRowClick, onRowClick, select, selected, showFullValue]);
-  var generateEmptyMessage = (0, _react.useCallback)(function () {
+  const generateEmptyMessage = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyTR, {
       noData: true,
       backgroundReverse: backgroundReverse,
@@ -286,43 +258,55 @@ var Table = function Table(_ref) {
     })]
   });
 };
-
-var ResponsiveTable = _styledComponents.default.table(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-collapse: separate;\n  margin-top: calc(var(--spacing-s) * -1);\n  border-spacing: 0 var(--spacing-s);\n  color: var(--font-on-background);\n  table-layout: fixed;\n"])));
-
-var TableHead = _styledComponents.default.thead(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _media.default.mobile(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-
-var BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  &:hover {\n    > td {\n      border-color: var(--color-primary);\n    }\n  }\n\n  ", "\n\n  ", "\n    \n  ", "\n"])), function (_ref3) {
-  var active = _ref3.active,
-      primary = _ref3.primary;
+const ResponsiveTable = _styledComponents.default.table(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-collapse: separate;\n  margin-top: calc(var(--spacing-s) * -1);\n  border-spacing: 0 var(--spacing-s);\n  color: var(--font-on-background);\n  table-layout: fixed;\n"])));
+const TableHead = _styledComponents.default.thead(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _media.default.mobile(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
+const BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  &:hover {\n    > td {\n      border-color: var(--color-primary);\n    }\n  }\n\n  ", "\n\n  ", "\n    \n  ", "\n"])), _ref2 => {
+  let {
+    active,
+    primary
+  } = _ref2;
   return (active || primary) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      > td {\n        background: var(--color-background3);\n      }\n    "])));
-}, function (_ref4) {
-  var clickable = _ref4.clickable;
+}, _ref3 => {
+  let {
+    clickable
+  } = _ref3;
   return clickable && 'pointer: cursor;';
-}, _media.default.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    position: relative;\n    transition: .3s;\n    display: block;\n    margin-bottom: 0.75rem;\n    padding: var(--spacing-xs) var(--spacing-s);\n    background: var(\n      --color-background", "\n    );\n    border-radius: var(--border-radius);\n    transition: .3s;\n    border: 1px solid transparent;\n\n    &:hover {\n      border: var(--border-width) solid var(--color-primary);\n    }\n\n    ", "\n\n    ", "\n  "])), function (_ref5) {
-  var backgroundReverse = _ref5.backgroundReverse;
+}, _media.default.mobile(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    position: relative;\n    transition: .3s;\n    display: block;\n    margin-bottom: 0.75rem;\n    padding: var(--spacing-xs) var(--spacing-s);\n    background: var(\n      --color-background", "\n    );\n    border-radius: var(--border-radius);\n    transition: .3s;\n    border: 1px solid transparent;\n\n    &:hover {\n      border: var(--border-width) solid var(--color-primary);\n    }\n\n    ", "\n\n    ", "\n  "])), _ref4 => {
+  let {
+    backgroundReverse
+  } = _ref4;
   return backgroundReverse ? 1 : 2;
-}, function (_ref6) {
-  var active = _ref6.active,
-      primary = _ref6.primary;
+}, _ref5 => {
+  let {
+    active,
+    primary
+  } = _ref5;
   return (active || primary) && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        background: var(--color-background3);\n      "])));
-}, function (_ref7) {
-  var noData = _ref7.noData;
+}, _ref6 => {
+  let {
+    noData
+  } = _ref6;
   return noData && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        height: 168px;\n\n        > td {\n          &:first-child:before {\n            display: none;\n          }\n        }\n      "])));
 }));
-
-var TableDataCell = _styledComponents.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 48px;\n  background: ", ";\n  padding: 0 var(--spacing-xs);\n  max-width: 0px;\n  text-align: ", ";\n  vertical-align: middle;\n  border-top: var(--border-width) solid transparent;\n  border-bottom: var(--border-width) solid transparent;\n  transition: border-color 0.3s;\n\n  &:first-child {\n    border-left: var(--border-width) solid transparent;\n    border-top-left-radius: var(--border-radius-l);\n    border-bottom-left-radius: var(--border-radius-l);\n    padding-left: var(--spacing);\n  }\n\n  &:last-child {\n    border-right: var(--border-width) solid transparent;\n    border-top-right-radius: var(--border-radius-l);\n    border-bottom-right-radius: var(--border-radius-l);\n    padding-right: var(--spacing);\n  }\n\n  > span {\n    display: inline-block;\n    width: 100%;\n    overflow: hidden;\n    white-space: pre;\n    text-overflow: ellipsis;\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref8) {
-  var backgroundReverse = _ref8.backgroundReverse;
+const TableDataCell = _styledComponents.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 48px;\n  background: ", ";\n  padding: 0 var(--spacing-xs);\n  max-width: 0px;\n  text-align: ", ";\n  vertical-align: middle;\n  border-top: var(--border-width) solid transparent;\n  border-bottom: var(--border-width) solid transparent;\n  transition: border-color 0.3s;\n\n  &:first-child {\n    border-left: var(--border-width) solid transparent;\n    border-top-left-radius: var(--border-radius-l);\n    border-bottom-left-radius: var(--border-radius-l);\n    padding-left: var(--spacing);\n  }\n\n  &:last-child {\n    border-right: var(--border-width) solid transparent;\n    border-top-right-radius: var(--border-radius-l);\n    border-bottom-right-radius: var(--border-radius-l);\n    padding-right: var(--spacing);\n  }\n\n  > span {\n    display: inline-block;\n    width: 100%;\n    overflow: hidden;\n    white-space: pre;\n    text-overflow: ellipsis;\n  }\n\n  ", "\n\n  ", "\n"])), _ref7 => {
+  let {
+    backgroundReverse
+  } = _ref7;
   return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
-}, function (_ref9) {
-  var center = _ref9.center;
+}, _ref8 => {
+  let {
+    center
+  } = _ref8;
   return center ? 'center' : 'left';
-}, function (_ref10) {
-  var noData = _ref10.noData;
+}, _ref9 => {
+  let {
+    noData
+  } = _ref9;
   return noData && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      padding: 20px 0;\n    "])));
-}, _media.default.mobile(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: flex;\n    height: auto;\n    margin-bottom: var(--spacing-xs);\n    background: transparent !important;\n    border: none !important;\n    min-width: 100%;\n    \n    &:first-child {\n      padding: var(--spacing-xs) 0 0 var(--spacing-xs);\n    }\n\n    &:last-child {\n      padding-right: var(--spacing-xs);\n    }\n\n    &:before {\n      content: attr(data-label) \": \";\n      font-weight: bold;\n      padding-right:  var(--spacing-xs);\n    }\n\n    > span {\n      flex: 1;\n    }\n    \n    ", "\n  "])), function (_ref11) {
-  var custom = _ref11.custom;
+}, _media.default.mobile(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: flex;\n    height: auto;\n    margin-bottom: var(--spacing-xs);\n    background: transparent !important;\n    border: none !important;\n    min-width: 100%;\n    \n    &:first-child {\n      padding: var(--spacing-xs) 0 0 var(--spacing-xs);\n    }\n\n    &:last-child {\n      padding-right: var(--spacing-xs);\n    }\n\n    &:before {\n      content: attr(data-label) \": \";\n      font-weight: bold;\n      padding-right:  var(--spacing-xs);\n    }\n\n    > span {\n      flex: 1;\n    }\n    \n    ", "\n  "])), _ref10 => {
+  let {
+    custom
+  } = _ref10;
   return custom && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        &:last-child:before {\n          display: none;\n        }\n\n        &:last-child {\n          padding: 0;\n          position: absolute;\n          right: 0.75rem;\n          top: var(--spacing-xs);\n          justify-content: flex-end;\n        }\n      "])));
 }));
-
-var _default = Table;
-exports.default = _default;
+var _default = exports.default = Table;

package/table/__mock__/columns.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var columns = [{
+const columns = [{
   title: 'Name',
   fieldName: 'name',
   sortable: true,
@@ -25,5 +25,4 @@ var columns = [{
   sortable: false,
   width: '400px'
 }];
-var _default = columns;
-exports.default = _default;
+var _default = exports.default = columns;

package/table/__mock__/data.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var data = [{
+const data = [{
   logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
   name: 'User A',
   contact: 'Admin A',
@@ -275,5 +275,4 @@ var data = [{
   telephone: '0912345678',
   description: ''
 }];
-var _default = data;
-exports.default = _default;
+var _default = exports.default = data;

package/table/hooks/index.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useCalculateDataRange", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useCalculateDataRange.default;
   }
 });
 Object.defineProperty(exports, "useGenerateSort", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useGenerateSort.default;
   }
 });
-
 var _useCalculateDataRange = _interopRequireDefault(require("./useCalculateDataRange"));
-
 var _useGenerateSort = _interopRequireDefault(require("./useGenerateSort"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/table/hooks/useCalculateDataRange.js

@@ -4,52 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var useCalculateDataRange = function useCalculateDataRange(page, limit, total) {
-  var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      start = _useState2[0],
-      setStart = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      end = _useState4[0],
-      setEnd = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var start = 0;
-    var end = page * limit;
-
+const useCalculateDataRange = (page, limit, total) => {
+  const [start, setStart] = (0, _react.useState)(0);
+  const [end, setEnd] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    let start = 0;
+    let end = page * limit;
     if (total !== 0) {
       start = (page - 1) * limit + 1;
     }
-
     if (end > total) {
       end = total;
     }
-
     setStart(start);
     setEnd(end);
   }, [page, limit, total]);
   return {
-    start: start,
-    end: end
+    start,
+    end
   };
 };
-
-var _default = useCalculateDataRange;
-exports.default = _default;
+var _default = exports.default = useCalculateDataRange;

package/table/hooks/useGenerateSort.js

@@ -4,28 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _TableSort = _interopRequireDefault(require("../subComponent/TableSort"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var useGenerateSort = function useGenerateSort(sortColumn, sortType) {
-  return (0, _react.useCallback)(function (fieldName) {
-    var isActiveAsc = false;
-    var isActiveDesc = false;
-
+const useGenerateSort = (sortColumn, sortType) => {
+  return (0, _react.useCallback)(fieldName => {
+    let isActiveAsc = false;
+    let isActiveDesc = false;
     if (Array.isArray(sortColumn) && Array.isArray(sortType)) {
-      var sortColumnIndex = sortColumn.indexOf(fieldName);
-
+      const sortColumnIndex = sortColumn.indexOf(fieldName);
       if (sortColumnIndex !== -1) {
         if (sortType[sortColumnIndex] === 'asc') {
           isActiveAsc = true;
         }
-
         if (sortType[sortColumnIndex] === 'desc') {
           isActiveDesc = true;
         }
@@ -35,7 +27,6 @@ var useGenerateSort = function useGenerateSort(sortColumn, sortType) {
     } else if (fieldName === sortColumn && sortType === 'desc') {
       isActiveDesc = true;
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableSort.default, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableSort.default.UpIcon, {
         $active: isActiveAsc
@@ -45,6 +36,4 @@ var useGenerateSort = function useGenerateSort(sortColumn, sortType) {
     });
   }, [sortColumn, sortType]);
 };
-
-var _default = useGenerateSort;
-exports.default = _default;
+var _default = exports.default = useGenerateSort;

package/table/index.js

@@ -5,35 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "GridTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GridTable.default;
   }
 });
 Object.defineProperty(exports, "ImageBox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ImageBox.default;
   }
 });
 Object.defineProperty(exports, "PermissionTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PermissionTable.default;
   }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Table.default;
   }
 });
-
 var _GridTable = _interopRequireDefault(require("./GridTable"));
-
 var _Table = _interopRequireDefault(require("./Table"));
-
 var _PermissionTable = _interopRequireDefault(require("./PermissionTable"));
-
 var _ImageBox = _interopRequireDefault(require("./ImageBox"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }