@snack-uikit/breadcrumbs 0.11.41-preview-02d918ac.0 → 0.11.41

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.11.41 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/list@0.33.3]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
+
+
+
+
+
 ## 0.11.40 (2026-06-24)
 
 ### Only dependencies have been changed

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -25,21 +25,23 @@ const Wrapper_1 = require("../Wrapper");
  * Компонент хлебных крошек
  */
 exports.Breadcrumbs = (0, react_1.memo)(function Breadcrumbs(_a) {
-  var {
-      items: itemsProps,
-      size = constants_1.SIZE.S,
-      separator = constants_1.SEPARATOR,
-      className,
-      firstItemIconOnly = false,
-      inactiveLastItem = false,
-      lastEmpty = false
-    } = _a,
+  var itemsProps = _a.items,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? constants_1.SIZE.S : _a$size,
+    _a$separator = _a.separator,
+    separator = _a$separator === void 0 ? constants_1.SEPARATOR : _a$separator,
+    className = _a.className,
+    _a$firstItemIconOnly = _a.firstItemIconOnly,
+    firstItemIconOnly = _a$firstItemIconOnly === void 0 ? false : _a$firstItemIconOnly,
+    _a$inactiveLastItem = _a.inactiveLastItem,
+    inactiveLastItem = _a$inactiveLastItem === void 0 ? false : _a$inactiveLastItem,
+    _a$lastEmpty = _a.lastEmpty,
+    lastEmpty = _a$lastEmpty === void 0 ? false : _a$lastEmpty,
     rest = __rest(_a, ["items", "size", "separator", "className", "firstItemIconOnly", "inactiveLastItem", "lastEmpty"]);
   const containerRef = (0, react_1.useRef)(null);
-  const {
-    setConfigs,
-    currentConfig
-  } = (0, hooks_1.useBreadcrumbsLayout)(containerRef);
+  const _ref = (0, hooks_1.useBreadcrumbsLayout)(containerRef),
+    setConfigs = _ref.setConfigs,
+    currentConfig = _ref.currentConfig;
   const items = (0, react_1.useMemo)(() => inactiveLastItem ? itemsProps.map((item, index) => index === itemsProps.length - 1 ? Object.assign(Object.assign({}, item), {
     onClick: undefined,
     href: undefined
@@ -69,10 +71,9 @@ exports.Breadcrumbs = (0, react_1.memo)(function Breadcrumbs(_a) {
             }, index);
           case constants_1.ELEMENT_TYPE.Item:
             {
-              const {
-                renderMode,
-                id
-              } = block.item;
+              const _block$item = block.item,
+                renderMode = _block$item.renderMode,
+                id = _block$item.id;
               if (renderMode !== constants_1.ITEM_RENDER_MODE.Collapsed) {
                 return (0, jsx_runtime_1.jsx)(Crumb_1.Crumb, {
                   useIconOnly: !index && firstItemIconOnly,

package/dist/cjs/components/Collapse/Collapse.js

@@ -18,16 +18,12 @@ const utils_1 = require("../../utils");
 const CrumbsTypography_1 = require("../CrumbsTypography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Collapse(_ref) {
-  let {
-    currentConfig,
-    className
-  } = _ref;
+  let currentConfig = _ref.currentConfig,
+    className = _ref.className;
   const ctx = (0, react_1.useContext)(context_1.BreadcrumbsContext);
-  const {
-    hidden,
-    size,
-    testId
-  } = ctx;
+  const hidden = ctx.hidden,
+    size = ctx.size,
+    testId = ctx.testId;
   const buttonRef = (0, react_1.useRef)(null);
   const collapsedItems = currentConfig.filter(node => node.element === constants_1.ELEMENT_TYPE.Item && node.item.renderMode === constants_1.ITEM_RENDER_MODE.Collapsed).map(
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -52,7 +48,7 @@ function Collapse(_ref) {
     "data-element-type": constants_1.ELEMENT_TYPE.Collapse,
     children: (0, jsx_runtime_1.jsx)(context_1.BreadcrumbsContext.Provider, {
       value: Object.assign(Object.assign({}, ctx), {
-        testId: `${testId}-collapsed`
+        testId: "".concat(testId, "-collapsed")
       }),
       children: (0, jsx_runtime_1.jsx)(list_1.Droplist, {
         trigger: 'hoverAndFocusVisible',

package/dist/cjs/components/Crumb/Crumb.js

@@ -28,29 +28,27 @@ const CrumbsTypography_1 = require("../CrumbsTypography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const ELLIPSIS_LABEL_LENGTH = 8;
 exports.Crumb = (0, react_1.memo)(function Crumb(_a) {
-  var {
-      minWidth: minWidthProp = 0,
-      current = false,
-      renderMode,
-      className,
-      item: {
-        label: labelProp,
-        shortLabel,
-        icon: Icon,
-        id,
-        onClick,
-        href
-      },
-      useIconOnly: useIconOnlyProp
-    } = _a,
+  var _a$minWidth = _a.minWidth,
+    minWidthProp = _a$minWidth === void 0 ? 0 : _a$minWidth,
+    _a$current = _a.current,
+    current = _a$current === void 0 ? false : _a$current,
+    renderMode = _a.renderMode,
+    className = _a.className,
+    _a$item = _a.item,
+    labelProp = _a$item.label,
+    shortLabel = _a$item.shortLabel,
+    Icon = _a$item.icon,
+    id = _a$item.id,
+    onClick = _a$item.onClick,
+    href = _a$item.href,
+    useIconOnlyProp = _a.useIconOnly,
     rest = __rest(_a, ["minWidth", "current", "renderMode", "className", "item", "useIconOnly"]);
-  const {
-    hidden,
-    size,
-    testId
-  } = (0, react_1.useContext)(context_1.BreadcrumbsContext);
+  const _ref = (0, react_1.useContext)(context_1.BreadcrumbsContext),
+    hidden = _ref.hidden,
+    size = _ref.size,
+    testId = _ref.testId;
   const isLabelShouldBeEllipse = hidden && labelProp.length > ELLIPSIS_LABEL_LENGTH;
-  const label = isLabelShouldBeEllipse && renderMode === constants_1.ITEM_RENDER_MODE.Ellipsis ? `${labelProp.substring(0, 4)}...` : labelProp;
+  const label = isLabelShouldBeEllipse && renderMode === constants_1.ITEM_RENDER_MODE.Ellipsis ? "".concat(labelProp.substring(0, 4), "...") : labelProp;
   const useIconOnly = Boolean(Icon && useIconOnlyProp);
   const minWidth = minWidthProp && renderMode === constants_1.ITEM_RENDER_MODE.Ellipsis ? minWidthProp : 'auto';
   const dataAttributes = {

package/dist/cjs/components/CrumbsTypography/CrumbsTypography.js

@@ -8,11 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const typography_1 = require("@snack-uikit/typography");
 const constants_1 = require("../../constants");
 function CrumbsTypography(_ref) {
-  let {
-    size,
-    children,
-    className
-  } = _ref;
+  let size = _ref.size,
+    children = _ref.children,
+    className = _ref.className;
   return (0, jsx_runtime_1.jsx)(typography_1.Typography, {
     className: className,
     size: size === constants_1.SIZE.S ? 'm' : 's',

package/dist/cjs/components/HiddenChain/HiddenChain.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,14 +14,14 @@ const Separator_1 = require("../Separator");
 const Wrapper_1 = require("../Wrapper");
 const hooks_1 = require("./hooks");
 exports.HiddenChain = (0, react_1.memo)(function HiddenChain(_ref) {
-  let {
-    size,
-    separator,
-    items,
-    onConfigsBuilt,
-    firstItemIconOnly = false,
-    lastEmpty = false
-  } = _ref;
+  let size = _ref.size,
+    separator = _ref.separator,
+    items = _ref.items,
+    onConfigsBuilt = _ref.onConfigsBuilt,
+    _ref$firstItemIconOnl = _ref.firstItemIconOnly,
+    firstItemIconOnly = _ref$firstItemIconOnl === void 0 ? false : _ref$firstItemIconOnl,
+    _ref$lastEmpty = _ref.lastEmpty,
+    lastEmpty = _ref$lastEmpty === void 0 ? false : _ref$lastEmpty;
   const containerRef = (0, react_1.useRef)(null);
   const itemsRef = (0, react_1.useRef)(items);
   itemsRef.current = items;
@@ -27,9 +29,8 @@ exports.HiddenChain = (0, react_1.memo)(function HiddenChain(_ref) {
     const container = containerRef.current;
     if (container) {
       const observer = new ResizeObserver(_ref2 => {
-        let [{
-          target
-        }] = _ref2;
+        let _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+          target = _ref3[0].target;
         const sizeMap = (0, utils_1.buildSizeMap)(target);
         if (sizeMap) {
           onConfigsBuilt((0, utils_1.buildBreadcrumbsConfigs)(itemsRef.current, sizeMap, lastEmpty));

package/dist/cjs/components/HiddenChain/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,7 +22,9 @@ const getItemModesRenderer = firstItemIconOnly => (item, index) => {
   const isIconOnlyMode = !index && firstItemIconOnly;
   const modes = isIconOnlyMode ? ICON_ONLY_MODES : NORMAL_MODES;
   return modes.map(_ref => {
-    let [mode, labelProp] = _ref;
+    let _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      mode = _ref2[0],
+      labelProp = _ref2[1];
     const label = item[labelProp];
     // full mode не может отсутствовать, даже если там нет значения
     if (!label && mode !== constants_1.ITEM_RENDER_MODE.Full) {
@@ -33,10 +37,8 @@ const getItemModesRenderer = firstItemIconOnly => (item, index) => {
     }, item.id + mode);
   });
 };
-const useItemModesRender = _ref2 => {
-  let {
-    firstItemIconOnly
-  } = _ref2;
+const useItemModesRender = _ref3 => {
+  let firstItemIconOnly = _ref3.firstItemIconOnly;
   return (0, react_1.useMemo)(() => getItemModesRenderer(firstItemIconOnly), [firstItemIconOnly]);
 };
 exports.useItemModesRender = useItemModesRender;

package/dist/cjs/components/Separator/Separator.js

@@ -17,11 +17,10 @@ const utils_1 = require("../../utils");
 const CrumbsTypography_1 = require("../CrumbsTypography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Separator() {
-  const {
-    size,
-    separator,
-    testId
-  } = (0, react_1.useContext)(context_1.BreadcrumbsContext);
+  const _ref = (0, react_1.useContext)(context_1.BreadcrumbsContext),
+    size = _ref.size,
+    separator = _ref.separator,
+    testId = _ref.testId;
   return (0, jsx_runtime_1.jsx)("div", {
     "aria-hidden": true,
     "data-size": size,

package/dist/cjs/components/Wrapper/Wrapper.js

@@ -24,14 +24,12 @@ const utils_1 = require("@snack-uikit/utils");
 const context_1 = require("../../context");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.Wrapper = (0, react_1.forwardRef)(function HiddenWrapper(_a, ref) {
-  var {
-      children,
-      className,
-      size,
-      hidden,
-      separator,
-      'data-test-id': testId
-    } = _a,
+  var children = _a.children,
+    className = _a.className,
+    size = _a.size,
+    hidden = _a.hidden,
+    separator = _a.separator,
+    testId = _a['data-test-id'],
     rest = __rest(_a, ["children", "className", "size", "hidden", "separator", 'data-test-id']);
   return (0, jsx_runtime_1.jsx)("nav", Object.assign({}, (0, utils_1.extractSupportProps)(rest), {
     className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className),

package/dist/cjs/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -16,7 +18,8 @@ const selectConfig = (containerWidth, configs) => {
   if (!configs.length) {
     return;
   }
-  let [bestConfig] = configs;
+  let _configs = (0, _slicedToArray2.default)(configs, 1),
+    bestConfig = _configs[0];
   for (const config of configs) {
     if (config.width <= containerWidth) {
       if (bestConfig.width > containerWidth) {
@@ -53,8 +56,14 @@ const selectConfig = (containerWidth, configs) => {
  *  Для того чтоб отобразить breadcrumbs, нужно подобрать конфиг, максимальный по ширине, влезающий в контейнер, но с минимальным весом (наименьшим количеством сокращений).
  */
 function useBreadcrumbsLayout(containerRef) {
-  const [configs, setConfigs] = (0, react_1.useState)([]);
-  const [width, setWidth] = (0, react_1.useState)(0);
+  const _ref = (0, react_1.useState)([]),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    configs = _ref2[0],
+    setConfigs = _ref2[1];
+  const _ref3 = (0, react_1.useState)(0),
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    width = _ref4[0],
+    setWidth = _ref4[1];
   (0, react_1.useEffect)(() => {
     var _a;
     const visibleContainer = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;

package/dist/cjs/utils/buildBreadcrumbsConfigs.js

@@ -1,5 +1,8 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toArray"));
+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; }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,11 +23,13 @@ const startsWithShortLabel = startsWith(constants_1.ITEM_RENDER_MODE.ShortLabel)
 const startsWithEllipsis = startsWith(constants_1.ITEM_RENDER_MODE.Ellipsis);
 const startsWithCollapsed = startsWith(constants_1.ITEM_RENDER_MODE.Collapsed);
 function buildSubChain(_ref, _ref2) {
-  let [current, ...rest] = _ref;
-  let {
-    useCollapse = true,
-    useEllipse = true
-  } = _ref2;
+  let _ref3 = (0, _toArray2.default)(_ref),
+    current = _ref3[0],
+    rest = _arrayLikeToArray(_ref3).slice(1);
+  let _ref2$useCollapse = _ref2.useCollapse,
+    useCollapse = _ref2$useCollapse === void 0 ? true : _ref2$useCollapse,
+    _ref2$useEllipse = _ref2.useEllipse,
+    useEllipse = _ref2$useEllipse === void 0 ? true : _ref2$useEllipse;
   const result = [];
   if (!current) {
     return result;
@@ -70,9 +75,12 @@ function buildBreadcrumbsConfigs(items, sizeMap, lastEmpty) {
     return [];
   }
   const chains = [];
-  const [first, ...rest] = items.map(item => Object.assign(Object.assign({}, item), {
-    renderMode: constants_1.ITEM_RENDER_MODE.Full
-  }));
+  const _items$map = items.map(item => Object.assign(Object.assign({}, item), {
+      renderMode: constants_1.ITEM_RENDER_MODE.Full
+    })),
+    _items$map2 = (0, _toArray2.default)(_items$map),
+    first = _items$map2[0],
+    rest = _arrayLikeToArray(_items$map2).slice(1);
   buildSubChain(rest, {
     useCollapse: true,
     useEllipse: true
@@ -86,9 +94,7 @@ function buildBreadcrumbsConfigs(items, sizeMap, lastEmpty) {
   chains.push(startsWithCollapsed(first, collapseAllRest(constants_1.ITEM_RENDER_MODE.Full, rest)));
   chains.push(startsWithCollapsed(first, collapseAllRest(constants_1.ITEM_RENDER_MODE.Ellipsis, rest)));
   return chains.map(chain => chain.reduce((acc, item, index, array) => {
-    const {
-      renderMode
-    } = item;
+    const renderMode = item.renderMode;
     if (index && RENDER_MODE_WITH_WIDTH.includes(renderMode)) {
       acc.width += sizeMap.separator;
       acc.chain.push({

package/dist/cjs/utils/buildSizeMap.js

@@ -1,5 +1,8 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toArray"));
+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; }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +20,11 @@ function buildSizeMap(container) {
     return;
   }
   const children = container.children;
-  const [separator, collapse, ...itemElements] = Array.from(children);
+  const _Array$from = Array.from(children),
+    _Array$from2 = (0, _toArray2.default)(_Array$from),
+    separator = _Array$from2[0],
+    collapse = _Array$from2[1],
+    itemElements = _arrayLikeToArray(_Array$from2).slice(2);
   return {
     separator: getElementWidth(separator),
     collapse: getElementWidth(collapse),

package/dist/cjs/utils/getTestId.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTestId = void 0;
-const getTestId = (prefix, testId) => testId ? `${prefix}-element-${testId}` : '';
+const getTestId = (prefix, testId) => testId ? "".concat(prefix, "-element-").concat(testId) : '';
 exports.getTestId = getTestId;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Breadcrumbs",
-  "version": "0.11.41-preview-02d918ac.0",
+  "version": "0.11.41",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,11 +36,11 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/list": "0.33.3-preview-02d918ac.0",
+    "@snack-uikit/list": "0.33.3",
     "@snack-uikit/typography": "0.8.13",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "lodash.debounce": "4.0.8"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }