@cashub/ui-elv 1.0.0

package/table/__mock__/data.js

@@ -0,0 +1,536 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const data = [{
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }]
+}, {
+  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
+  name: 'User A',
+  contact: 'Admin A',
+  contactEmail: 'user-a@mail.com',
+  active: 1,
+  relatedActive: 1,
+  telephone: '0912345678',
+  description: '',
+  tag: [{
+    name: 'tag1',
+    tag_id: 1001
+  }, {
+    name: 'tag2',
+    tag_id: 1002
+  }, {
+    name: 'tag3',
+    tag_id: 1003
+  }, {
+    name: 'tag4',
+    tag_id: 1004
+  }]
+}];
+var _default = exports.default = data;

package/table/hooks/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useCalculateDataRange", {
+  enumerable: true,
+  get: function () {
+    return _useCalculateDataRange.default;
+  }
+});
+Object.defineProperty(exports, "useGenerateSort", {
+  enumerable: true,
+  get: function () {
+    return _useGenerateSort.default;
+  }
+});
+var _useCalculateDataRange = _interopRequireDefault(require("./useCalculateDataRange"));
+var _useGenerateSort = _interopRequireDefault(require("./useGenerateSort"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/table/hooks/useCalculateDataRange.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+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,
+    end
+  };
+};
+var _default = exports.default = useCalculateDataRange;

package/table/hooks/useGenerateSort.js

@@ -0,0 +1,39 @@
+"use strict";
+
+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(e) { return e && e.__esModule ? e : { default: e }; }
+const useGenerateSort = (sortColumn, sortType) => {
+  return (0, _react.useCallback)(fieldName => {
+    let isActiveAsc = false;
+    let isActiveDesc = false;
+    if (Array.isArray(sortColumn) && Array.isArray(sortType)) {
+      const sortColumnIndex = sortColumn.indexOf(fieldName);
+      if (sortColumnIndex !== -1) {
+        if (sortType[sortColumnIndex] === 'asc') {
+          isActiveAsc = true;
+        }
+        if (sortType[sortColumnIndex] === 'desc') {
+          isActiveDesc = true;
+        }
+      }
+    } else if (fieldName === sortColumn && sortType === 'asc') {
+      isActiveAsc = true;
+    } 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
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableSort.default.DownIcon, {
+        $active: isActiveDesc
+      })]
+    });
+  }, [sortColumn, sortType]);
+};
+var _default = exports.default = useGenerateSort;

package/table/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GridTable", {
+  enumerable: true,
+  get: function () {
+    return _GridTable.default;
+  }
+});
+Object.defineProperty(exports, "ImageBox", {
+  enumerable: true,
+  get: function () {
+    return _ImageBox.default;
+  }
+});
+Object.defineProperty(exports, "InfiniteGridTable", {
+  enumerable: true,
+  get: function () {
+    return _InfiniteGridTable.default;
+  }
+});
+Object.defineProperty(exports, "PermissionTable", {
+  enumerable: true,
+  get: function () {
+    return _PermissionTable.default;
+  }
+});
+Object.defineProperty(exports, "SimpleGridTable", {
+  enumerable: true,
+  get: function () {
+    return _SimpleGridTable.default;
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _Table.default;
+  }
+});
+var _GridTable = _interopRequireDefault(require("./GridTable"));
+var _InfiniteGridTable = _interopRequireDefault(require("./InfiniteGridTable"));
+var _Table = _interopRequireDefault(require("./Table"));
+var _PermissionTable = _interopRequireDefault(require("./PermissionTable"));
+var _SimpleGridTable = _interopRequireDefault(require("./SimpleGridTable"));
+var _ImageBox = _interopRequireDefault(require("./ImageBox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }