ecomlab-components-next 0.1.187 → 0.1.188

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/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() {
@@ -269,4 +275,5 @@ 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"));
 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.188",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [