ecomlab-components-next 0.1.102 → 0.1.104

package/dist/components/AuthorAvatar/AuthorAvatar.js

@@ -0,0 +1,36 @@
+"use strict";
+
+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.AuthorAvatar = AuthorAvatar;
+var _react = _interopRequireWildcard(require("react"));
+require("./AuthorAvatar.scss");
+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; }
+function AuthorAvatar(_ref) {
+  var _author$;
+  var show_name = _ref.show_name,
+    author = _ref.author,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    _ref$group = _ref.group,
+    group = _ref$group === void 0 ? false : _ref$group;
+  var current_className = size === 's' ? 'author-avatar' : size === 'xs' ? 'author-avatar-xs' : '';
+  var position_classname = group ? 'author-avatar__wrapper-left' : '';
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'author-avatar__wrapper' + ' ' + position_classname
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: current_className,
+    style: {
+      background: author !== null && author !== void 0 && author[1] ? author === null || author === void 0 ? void 0 : author[1] : ''
+    }
+  }, (author === null || author === void 0 || (_author$ = author[0]) === null || _author$ === void 0 || (_author$ = _author$.split(' ').map(function (str) {
+    return str[0];
+  }).reduce(function (acc, current) {
+    return acc += current;
+  }, '')) === null || _author$ === void 0 ? void 0 : _author$.toUpperCase()) || '-'), show_name && (author === null || author === void 0 ? void 0 : author[0]) && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "author-avatar__name"
+  }, author === null || author === void 0 ? void 0 : author[0]));
+}

package/dist/components/AuthorAvatar/AuthorAvatar.scss

@@ -0,0 +1,53 @@
+.author-avatar,
+.author-avatar-m,
+.author-avatar-xs,
+.author-avatar_left {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    min-width: 32px;
+    background-color: #F79E6C;
+    border: 1px solid white;
+    color: #FFF !important;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 10px !important;
+    font-style: normal;
+    font-weight: 500 !important;
+    line-height: 1.4;
+
+    &__wrapper {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    &__wrapper-left {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        &:nth-child(n+2) {
+            margin-left: - 8px;
+        }
+    }
+
+    &__name {
+        font-size: 14px;
+    }
+}
+
+.author-avatar-m {
+    font-size: 20px;
+    width: 48px;
+    height: 48px;
+    min-width: 48px;
+}
+
+.author-avatar-xs {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+}

package/dist/components/Loader/SceletonChart/SceletonChart.js

@@ -0,0 +1,57 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SceletonChart = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+require("./SceletonChart.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var SceletonChart = exports.SceletonChart = function SceletonChart(_ref) {
+  var _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '400' : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sceleton-chart"
+  }, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    className: "sceleton-chart__content"
+  }, _toConsumableArray(Array(5)).map(function (el) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.9
+    }), /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.7
+    }), /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.8
+    }), /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.3
+    }), /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.4
+    }), /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.7
+    }), /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      variant: "rectangular",
+      width: 45,
+      height: height * 0.2
+    }));
+  })));
+};

package/dist/components/Loader/SceletonChart/SceletonChart.scss

@@ -0,0 +1,20 @@
+.sceleton-chart {
+    display: flex;
+    width: 100%;
+    padding: 20px;
+    background: #EAEAEA;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: 8px;
+
+    &__content {
+        display: flex;
+        align-items: flex-end;
+        flex-direction: row !important;
+        gap: 20px;
+
+        span {
+            border-radius: 8px;
+        }
+    }
+}

package/dist/components/Loader/SceletonTable/SceletonTable.js

@@ -0,0 +1,55 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SceletonTable = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+require("./SceletonTable.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var SceletonTable = exports.SceletonTable = function SceletonTable(_ref) {
+  var _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 400 : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sceleton-table"
+  }, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    className: "sceleton-table__content"
+  }, _toConsumableArray(Array(50)).map(function (el, ind) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      key: ind,
+      variant: "text",
+      sx: {
+        fontSize: '27px'
+      }
+    }));
+  })), /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    className: "sceleton-table__content"
+  }, _toConsumableArray(Array(50)).map(function (el, ind) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      key: ind,
+      variant: "text",
+      sx: {
+        fontSize: '27px'
+      }
+    }));
+  })), /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    className: "sceleton-table__content"
+  }, _toConsumableArray(Array(50)).map(function (el, ind) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+      key: ind,
+      variant: "text",
+      sx: {
+        fontSize: '27px'
+      }
+    }));
+  })));
+};

package/dist/components/Loader/SceletonTable/SceletonTable.scss

@@ -0,0 +1,27 @@
+.sceleton-table {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    background: #EAEAEA;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: 8px;
+    gap: 16px;
+
+    &__content {
+        display: flex;
+        width: 100%;
+        align-items: flex-start;
+        gap: 20px;
+
+        span {
+            width: 100%;
+            border-radius: 8px;
+        }
+    }
+}
+
+.table-paginator-box:has(.sceleton-table) {
+    width: 100% !important;
+}

package/dist/components/Table/Paginator/Paginator.scss

@@ -1,6 +1,6 @@
 .pagination_wrapper {
     &_disabled {
-        width: 123px;
+        width: auto;
         opacity: 0.3;
         pointer-events: none;
     }