ecomlab-components-next 0.1.187 → 0.1.189

package/dist/components/Article/Breadcrumb/Breadcrumb.js

@@ -1,35 +1,24 @@
 "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["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _image = _interopRequireDefault(require("next/image"));
 var _home_icon = _interopRequireDefault(require("./img/home_icon.svg"));
-var _reactRouterDom = require("react-router-dom");
+var _link = _interopRequireDefault(require("next/link"));
 require("./Breadcrumb.scss");
 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; }
-// import { transliter } from '../../common/utils';
-
-var translate = {
-  news: {
-    ru: 'новостей',
-    en: 'news'
-  }
-};
 var Breadcrumb = function Breadcrumb(_ref) {
   var breadcrumbs = _ref.breadcrumbs,
     _ref$activeLang = _ref.activeLang,
     activeLang = _ref$activeLang === void 0 ? 'ru' : _ref$activeLang,
     _ref$mainPath = _ref.mainPath,
-    mainPath = _ref$mainPath === void 0 ? '/wiki/articles/main' : _ref$mainPath,
+    mainPath = _ref$mainPath === void 0 ? '/' : _ref$mainPath,
     onPortalClick = _ref.onPortalClick,
     setSelectedItemId = _ref.setSelectedItemId;
-  var navigate = (0, _reactRouterDom.useNavigate)();
   var translateMain = function translateMain() {
     if (activeLang == 'en') return 'Main';
     if (activeLang == 'tr') return 'Ana Sayfa';
@@ -42,7 +31,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
     className: "breadcrumb__nav"
   }, /*#__PURE__*/_react["default"].createElement("ul", {
     className: "breadcrumb"
-  }, breadcrumbs.length > 0 ? breadcrumbs.map(function (_ref2, ind) {
+  }, (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 0 ? breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map(function (_ref2, ind) {
     var label = _ref2.label,
       value = _ref2.value,
       web_name = _ref2.web_name;
@@ -50,19 +39,21 @@ var Breadcrumb = function Breadcrumb(_ref) {
       className: "breadcrumb__link",
       key: label + value + web_name + ind
       // onClick={e => onClickHandler('main', mainPath)}
-    }, ind === 0 && /*#__PURE__*/_react["default"].createElement("img", {
+    }, ind === 0 && /*#__PURE__*/_react["default"].createElement(_image["default"], {
       className: "img-home",
-      src: _home_icon["default"]
-    }), ind + 1 === (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) ? /*#__PURE__*/_react["default"].createElement("p", null, label) : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+      src: _home_icon["default"],
+      alt: "icon"
+    }), ind + 1 === (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) ? /*#__PURE__*/_react["default"].createElement("p", null, label) : /*#__PURE__*/_react["default"].createElement(_link["default"], {
       onClick: function onClick(e) {
         onPortalClick(value);
         setSelectedItemId(value);
       },
-      to: ind == 0 ? mainPath : "/wiki/".concat(value, "/")
+      href: ind == 0 ? mainPath : "/articles/".concat(value, "/")
     }, ind === 0 ? translateMain() : label));
   }) : /*#__PURE__*/_react["default"].createElement("li", {
     className: "breadcrumb__link"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
+  }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    alt: "icon",
     className: "img-home",
     src: _home_icon["default"]
   }), /*#__PURE__*/_react["default"].createElement("p", null, translateMain())))));

package/dist/components/Article/Breadcrumb/Breadcrumb.scss

@@ -75,8 +75,6 @@
     gap: 16px;
 
     .title {
-        color: #2B2B46;
-        font-family: "Golos Text";
         font-size: 30px;
         font-style: normal;
         font-weight: 600;

package/dist/components/Article/Breadcrumb/Breadcrums.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Breadcrumbs',
+  component: _Breadcrumb["default"],
+  parameters: {
+    layout: 'centered'
+  },
+  args: {
+    baseRoute: 'articles',
+    breadcrumbs: [{
+      "label": "dotask.ru",
+      "value": 42,
+      "web_name": null
+    }, {
+      "label": "wiki",
+      "value": 743,
+      "web_name": "wiki"
+    }, {
+      "label": "управление задачами",
+      "value": 928,
+      "web_name": "upravlenye_zadachamy"
+    }],
+    elementTitle: 'test article',
+    localizedPath: 'статьи',
+    // mainRoute: 'main',
+    firstItem: undefined,
+    newsCount: 15,
+    activeLang: 'eng',
+    hideTitle: false
+  }
+};
+var Default = exports.Default = {};

package/dist/components/Article/ImgArticle/ImgArticle.scss

@@ -10,6 +10,7 @@
     border-radius: 10px;
     overflow: hidden;
     flex-direction: column;
+    min-height: 60px;
 
     &__box {
         width: 100%;

package/dist/components/Cookie/Cookie.js

@@ -0,0 +1,56 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _universalCookie = _interopRequireDefault(require("universal-cookie"));
+var _cookie = _interopRequireDefault(require("./img/cookie.svg"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _image = _interopRequireDefault(require("next/image"));
+var _ButtonBasic = _interopRequireDefault(require("../Buttons/ButtonBasic/ButtonBasic"));
+require("./Cookie.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ACCEPT_COOKIE = 'accept_cookie';
+var Cookie = function Cookie() {
+  var cookies = new _universalCookie["default"]();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showCookie = _useState2[0],
+    setShowCookie = _useState2[1];
+  var acceptCookie = cookies.get(ACCEPT_COOKIE);
+  var handleAcceptCookies = function handleAcceptCookies() {
+    cookies.set(ACCEPT_COOKIE, "yes", {
+      path: '/',
+      expires: (0, _dayjs["default"])().add(1, 'year').toDate()
+    });
+    setShowCookie(false);
+  };
+  (0, _react.useEffect)(function () {
+    if (!acceptCookie) setShowCookie(true);
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showCookie ? /*#__PURE__*/React.createElement("div", {
+    className: "cookie"
+  }, /*#__PURE__*/React.createElement(_image["default"], {
+    className: "cookie__img",
+    src: _cookie["default"],
+    alt: "icon"
+  }), /*#__PURE__*/React.createElement("p", {
+    className: "cookie__text"
+  }, "\u041C\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C Cookie "), /*#__PURE__*/React.createElement(_ButtonBasic["default"], {
+    width: "100px",
+    minWidth: "100px",
+    blue: true,
+    onClick: handleAcceptCookies,
+    text: "\u041E\u043A"
+  })) : '');
+};
+var _default = exports["default"] = Cookie;

package/dist/components/Cookie/Cookie.scss

@@ -0,0 +1,48 @@
+.cookie {
+    position: fixed;
+    z-index: 10000;
+    right: 32px;
+    bottom: 32px;
+    display: flex;
+    min-width: 432px;
+    width: 432px;
+    padding: 24px;
+    align-items: center;
+    justify-content: space-between;
+    gap: 24px;
+    border-radius: 8px;
+    background: #FEFEFE;
+    box-shadow: 0px 20px 50px 0px rgba(24, 144, 255, 0.10);
+    border: 1px solid #EDEFED;
+
+    &__img {
+        width: 44px;
+        height: 44px;
+    }
+
+    &__text {
+        text-align: center;
+        font-size: 16px;
+        font-weight: 500;
+    }
+}
+
+@media (max-width: 500px) {
+    .cookie {
+        padding: 16px;
+        min-width: calc(100% - 16px*2);
+        width: calc(100% - 16px*2);
+        right: 16px;
+        bottom: 16px;
+        left: 16px;
+
+        &__img {
+        width: 32px;
+        height: 32px;
+    }
+
+    &__text {
+        font-size: 14px;
+    }
+    }
+}

package/dist/components/Cookie/Cookie.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _Cookie = _interopRequireDefault(require("./Cookie"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Cookie',
+  component: _Cookie["default"],
+  parameters: {
+    layout: 'centered'
+  }
+};
+var Default = exports.Default = {
+  render: function render(props) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px'
+      }
+    }, /*#__PURE__*/React.createElement(_Cookie["default"], null));
+  }
+};

package/dist/components/Cookie/img/cookie.svg

@@ -0,0 +1,16 @@
+<svg width="44" height="46" viewBox="0 0 44 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.3688 16.4609L27.0875 3.38281C25.4375 2.96094 23.7875 1.90625 22 1.90625C20.2125 1.90625 18.5625 2.96094 16.8438 3.45312C15.125 3.875 13.2 3.80469 11.6875 4.71875C10.175 5.63281 9.2125 7.39063 7.975 8.65625C6.7375 9.92188 5.01875 10.9062 4.125 12.4531C3.23125 14 3.3 15.9688 2.81875 17.7266C2.40625 19.4844 1.375 21.1719 1.375 23C1.375 24.8281 2.40625 26.5156 2.8875 28.2734C3.3 30.0312 3.23125 32 4.125 33.5469C5.01875 35.0938 6.7375 36.0781 7.975 37.3438C9.2125 38.6094 10.1062 40.3672 11.6875 41.2812C13.2 42.1953 15.125 42.125 16.8438 42.6172C18.5625 43.0391 20.2125 44.0938 22 44.0938C23.7875 44.0938 25.4375 43.0391 27.1562 42.5469C28.875 42.0547 30.8 42.125 32.3125 41.2109C33.825 40.2969 34.7875 38.5391 36.025 37.2734C37.2625 36.0078 38.9813 35.0938 39.875 33.4766C40.7687 31.9297 40.7 29.9609 41.1813 28.2031C41.5938 26.5156 42.625 24.8281 42.625 23C42.625 21.1719 41.1813 17.3047 41.1813 17.3047L25.3688 16.4609Z" fill="#DDA85F"/>
+<path d="M40.8371 16.2505C40.1496 16.4614 39.1871 16.3911 38.1559 15.9692C36.7121 15.4067 35.8184 14.2114 35.5434 12.8052C34.8559 13.0161 33.2059 12.8052 32.1059 12.1021C30.4559 11.0474 30.1121 8.09424 30.1121 8.09424C28.2559 7.53174 26.8809 5.28174 27.0871 3.3833C25.5746 2.96143 23.6496 3.03174 21.9996 3.03174C20.3496 3.03174 18.8371 4.01611 17.3246 4.43799C15.7434 4.85986 13.9559 4.78955 12.5809 5.6333C11.2059 6.47705 10.3121 8.09424 9.21211 9.21924C8.04336 10.4146 6.46211 11.2583 5.70586 12.6645C4.88086 14.0708 4.94961 15.8989 4.53711 17.5161C4.12461 19.063 3.16211 20.6099 3.16211 22.2974C3.16211 23.9849 4.12461 25.5317 4.53711 27.0786C4.94961 28.6958 4.88086 30.5239 5.70586 31.9302C6.53086 33.3364 8.11211 34.2505 9.21211 35.3755C10.3809 36.5708 11.2059 38.188 12.5809 38.9614C13.9559 39.8052 15.7434 39.7349 17.3246 40.1567C18.8371 40.5786 20.3496 41.563 21.9996 41.563C23.6496 41.563 25.1621 40.5786 26.6746 40.1567C28.2559 39.7349 30.0434 39.8052 31.4184 38.9614C32.7934 38.1177 33.6871 36.5005 34.7871 35.3755C35.9559 34.1802 37.5371 33.3364 38.2934 31.9302C39.1184 30.5239 39.0496 28.6958 39.4621 27.0786C39.8746 25.5317 41.5246 24.2661 41.7309 22.5786C42.2809 19.8364 40.9059 16.7427 40.8371 16.2505Z" fill="#F2CB7D"/>
+<path d="M34.443 8.09375L33.4805 9.07812L32.5867 8.09375L33.4805 7.17969L34.443 8.09375ZM38.3617 13.0156L37.9492 13.5078L37.468 13.0156L37.9492 12.5234L38.3617 13.0156ZM34.9242 9.78125L34.443 10.2734L33.9617 9.78125L34.443 9.28906L34.9242 9.78125ZM30.6617 5.49219L30.1805 5.98438L29.6992 5.49219L30.1805 5L30.6617 5.49219ZM39.3242 14.7734L38.843 15.2656L38.3617 14.7734L38.843 14.2813L39.3242 14.7734ZM39.7367 13.0156L39.2555 13.5078L38.7742 13.0156L39.2555 12.5234L39.7367 13.0156Z" fill="#DDA85F"/>
+<path d="M8.11336 14.9844C7.42586 16.1797 8.45711 18.3594 9.83211 18.9922C11.8259 19.8359 12.9946 19.9766 14.2321 17.7969C14.6446 17.0234 15.1946 14.9844 14.9884 14.4922C14.7134 13.7891 13.5446 12.3828 12.7884 12.3828C10.6571 12.4531 8.59461 14.1406 8.11336 14.9844Z" fill="#6D4934"/>
+<path d="M8.45653 14.9844C7.97528 15.8281 9.21278 18.3594 10.8628 18.1484C13.1315 17.8672 12.9253 13.0859 11.9628 13.0859C10.3128 13.0859 8.80028 14.3516 8.45653 14.9844Z" fill="#A37F6A"/>
+<path d="M31.0745 27.9924C32.037 27.7112 32.7245 25.9534 32.312 24.8987C31.6933 23.2815 31.0745 22.5784 29.287 23.0706C28.6683 23.2815 27.2245 24.0549 27.087 24.4065C26.8808 24.969 26.7433 26.3753 27.1558 26.7971C28.3245 27.9924 30.387 28.2034 31.0745 27.9924Z" fill="#6D4934"/>
+<path d="M30.112 26.305C30.8682 26.094 32.037 23.7034 30.7995 23.5628C28.6682 23.2112 27.0182 24.2659 27.2245 25.4612C27.4307 26.6565 29.562 26.4456 30.112 26.305Z" fill="#A37F6A"/>
+<path d="M17.1191 31.7886C16.9129 30.9448 15.4004 30.312 14.4379 30.7339C13.0629 31.2964 12.4441 31.7886 12.9254 33.4058C13.0629 33.9683 13.7504 35.2339 14.0941 35.3042C14.5754 35.5151 15.7441 35.5855 16.0879 35.2339C17.1191 34.2495 17.2566 32.4214 17.1191 31.7886Z" fill="#6D4934"/>
+<path d="M15.9501 31.1567C15.8126 30.5239 12.9251 31.4379 13.2001 32.5629C13.7501 34.4614 13.7501 34.7426 14.3001 34.6723C15.3313 34.391 16.0188 31.6489 15.9501 31.1567Z" fill="#A37F6A"/>
+<path d="M35.1313 18.4299C34.3063 18.6408 33.6875 20.1877 34.1 21.1721C34.65 22.5783 35.9563 22.7892 37.4001 22.0158C38.6376 21.383 38.7063 19.133 38.3625 18.7111C37.3313 17.6564 35.75 18.2892 35.1313 18.4299Z" fill="#6D4934"/>
+<path d="M34.787 19.2033C34.3745 19.6954 34.0308 21.6642 35.062 21.3829C36.9183 20.8204 38.2245 18.922 37.3995 18.6408C36.3683 18.2892 35.2683 18.6408 34.787 19.2033Z" fill="#A37F6A"/>
+<path d="M15.6328 11.8287L16.9941 10.4365L18.3553 11.8287L16.9941 13.2209L15.6328 11.8287Z" fill="#6D4934"/>
+<path d="M10.1113 24.0429L11.4719 22.6507L12.8331 24.0422L11.4726 25.4344L10.1113 24.0429ZM23.8558 32.0079L25.2171 30.6157L26.5783 32.0079L25.2171 33.4001L23.8558 32.0079ZM22.0271 28.1253L23.8744 26.236L25.7217 28.1253L23.8744 30.0146L22.0271 28.1253ZM16.9795 7.4098L18.8268 5.52051L20.6741 7.4098L18.8268 9.2991L16.9795 7.4098Z" fill="#DDA85F"/>
+<path d="M28.2723 33.0879L29.6335 31.6957L30.9948 33.0879L29.6335 34.4801L28.2723 33.0879ZM33.7406 25.2607L35.1019 23.8685L36.4631 25.2607L35.1019 26.6529L33.7406 25.2607ZM28.7466 17.823L29.4272 17.127L30.1079 17.823L29.4272 18.5191L28.7466 17.823ZM9.4375 27.4059L10.1181 26.7098L10.7988 27.4059L10.1181 28.102L9.4375 27.4059Z" fill="#6D4934"/>
+</svg>

package/dist/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "BlocksInfo", {
     return _BlocksInfo["default"];
   }
 });
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumb["default"];
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -69,6 +75,12 @@ Object.defineProperty(exports, "ClientsAboutUs", {
     return _ClientsAboutUs["default"];
   }
 });
+Object.defineProperty(exports, "Cookie", {
+  enumerable: true,
+  get: function get() {
+    return _Cookie["default"];
+  }
+});
 Object.defineProperty(exports, "DropDownSelector", {
   enumerable: true,
   get: function get() {
@@ -269,4 +281,6 @@ var _NoArticles = _interopRequireDefault(require("./components/Article/NoArticle
 var _ViewSwitch = _interopRequireDefault(require("./components/ViewSwitch/ViewSwitch"));
 var _SliderRange = _interopRequireDefault(require("./components/SliderRange/SliderRange"));
 var _Checkbox = _interopRequireDefault(require("./components/Checkbox/Checkbox"));
+var _Breadcrumb = _interopRequireDefault(require("./components/Article/Breadcrumb/Breadcrumb"));
+var _Cookie = _interopRequireDefault(require("./components/Cookie/Cookie"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.187",
+  "version": "0.1.189",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [
@@ -27,6 +27,7 @@
     "libphonenumber-js": "^1.12.7",
     "monaco-editor": "^0.52.2",
     "monaco-jsx-highlighter": "^2.77.77",
+    "dayjs": "^1.11.7",
     "next": "15.1.5",
     "react": "^19.0.0",
     "react-chartjs-2": "^5.3.0",