ecomlab-components-next 0.1.27 → 0.1.29

package/dist/components/Table/Table/RenderTh/RenderTh.js

@@ -0,0 +1,116 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderTh = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _Checkbox = _interopRequireDefault(require("../../../Checkbox/Checkbox/Checkbox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && {}.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; }
+var RenderTh = exports.RenderTh = function RenderTh(_ref) {
+  var _headers$type, _headers$header;
+  var headers = _ref.headers,
+    commonWidth = _ref.commonWidth,
+    activeSortColumn = _ref.activeSortColumn,
+    sortDirection = _ref.sortDirection,
+    columnSort = _ref.columnSort,
+    isSortable = _ref.isSortable,
+    sort_table = _ref.sort_table,
+    onCheck = _ref.onCheck,
+    onDelete = _ref.onDelete,
+    onEdit = _ref.onEdit,
+    sort = _ref.sort,
+    fetchedData = _ref.fetchedData,
+    onCheckCheckboxData = _ref.onCheckCheckboxData,
+    tableId = _ref.tableId,
+    onCheckboxChange = _ref.onCheckboxChange,
+    onCheckAll = _ref.onCheckAll,
+    indTr = _ref.indTr,
+    sortColumnInd = _ref.sortColumnInd,
+    selectedItems = _ref.selectedItems,
+    getCheckboxId = _ref.getCheckboxId;
+  var typeIndexArr = headers === null || headers === void 0 ? void 0 : headers.type;
+  var hiddenHeaders = headers === null || headers === void 0 || (_headers$type = headers.type) === null || _headers$type === void 0 ? void 0 : _headers$type.map(function (el, ind) {
+    return el === 'hidden' ? ind : -1;
+  }).filter(function (el) {
+    return el !== -1;
+  });
+  var headerRowList = headers === null || headers === void 0 || (_headers$header = headers.header) === null || _headers$header === void 0 ? void 0 : _headers$header.map(function (el, ind) {
+    var classPostfix = activeSortColumn.current === el ? " ".concat(sortDirection) : '';
+    var renderTh = function renderTh(el) {
+      /*#__PURE__*/_react["default"].createElement("th", {
+        key: el
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "col-th-border",
+        style: {
+          t: t
+        }
+      }, /*#__PURE__*/_react["default"].createElement("p", {
+        className: "td-text-table"
+      }, el, (el === null || el === void 0 ? void 0 : el.length) > 10 ? /*#__PURE__*/_react["default"].createElement("p", {
+        className: "popup-th"
+      }, el) : null)));
+    };
+    if (hiddenHeaders.includes(ind)) return null;
+    if (typeIndexArr[ind] === 'image' || typeIndexArr[ind] === 'link' || typeIndexArr[ind] === 'booleanCheckbox' || typeIndexArr[ind] === 'actionBtn') {
+      renderTh(el);
+    }
+    return /*#__PURE__*/_react["default"].createElement("th", {
+      key: el,
+      className: 'col col' + ind + classPostfix
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "col-th-border",
+      style: {
+        resize: 'horizontal',
+        overflow: 'hidden',
+        width: commonWidth + 'px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "td-text-table",
+      onClick: function onClick() {
+        return columnSort(el);
+      }
+    }, el, (el === null || el === void 0 ? void 0 : el.length) > 10 && /*#__PURE__*/_react["default"].createElement("p", {
+      className: "popup-th"
+    }, el)), isSortable && /*#__PURE__*/_react["default"].createElement("img", {
+      src: sort_table,
+      onClick: function onClick() {
+        return columnSort(el);
+      }
+    })));
+  });
+  if (onCheck && headerRowList) {
+    headerRowList === null || headerRowList === void 0 || headerRowList.unshift(/*#__PURE__*/_react["default"].createElement("th", {
+      key: "check",
+      className: 'th-check col' + (headerRowList === null || headerRowList === void 0 ? void 0 : headerRowList.length)
+    }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+      id: getCheckboxId(fetchedData),
+      value: selectedItems[getCheckboxId(fetchedData)],
+      onChange: function onChange(e) {
+        return onCheckAll();
+      }
+    })));
+  }
+  if (onEdit) {
+    headerRowList === null || headerRowList === void 0 || headerRowList.push(/*#__PURE__*/_react["default"].createElement("th", {
+      key: "edit",
+      className: 'th-edit col' + (headerRowList === null || headerRowList === void 0 ? void 0 : headerRowList.length)
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "td-text-table"
+    }, "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C")));
+  }
+  if (onDelete) {
+    headerRowList === null || headerRowList === void 0 || headerRowList.push(/*#__PURE__*/_react["default"].createElement("th", {
+      key: "delete",
+      className: 'th-delete col' + (headerRowList === null || headerRowList === void 0 ? void 0 : headerRowList.length) + 1
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "td-text-table"
+    }, "\u0423\u0434\u0430\u043B\u0438\u0442\u044C")));
+  }
+  return headerRowList;
+};