@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js

@@ -1,5 +1,6 @@
-export const iconButton = "ui_components_i1ly6mu6";
-export const menuStyles = "ui_components_moalkcf";
+const iconButton = "ui_components_i1ly6mu6";
+const menuStyles = "ui_components_moalkcf";
+export { iconButton, menuStyles };
 //# sourceMappingURL=HiddenItemsButton.styles.js.map
 
 import "./HiddenItemsButton.styles.css";

package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenItemsButton.styles.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;2BAYF,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;uBAC5C,MAAM,CAAC,MAAM,CAAC,EAAE;;;CAGtC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;MACvB,uBAAuB;;;;QAIrB,iBAAiB,CAAC,OAAO,CAAC;;;;;;;;;;QAU1B,iBAAiB,CAAC,SAAS,CAAC;;;;;;;;;;CAUnC,CAAC"}
+{"version":3,"file":"Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js","sources":["../../../src/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { menuClassNameSize } from '../../MenuItem/index.js';\nimport { CONTEXT_MENU_CLASS_NAME } from '../../ContextMenu/ContextMenu.styles.js';\n\nexport const iconButton = css`\n  flex-shrink: 0;\n\n  & svg {\n    width: 22px;\n    height: 20px;\n  }\n\n  &:focus-visible {\n    box-shadow: none !important;\n\n    & svg {\n      outline: 3px solid ${tokens.colors.border.brand.default.focus};\n      border-radius: ${tokens.radius.xs};\n    }\n  }\n`;\n\nexport const menuStyles = css`\n  &.${CONTEXT_MENU_CLASS_NAME} {\n    box-sizing: border-box;\n    max-width: 320px;\n\n    &.${menuClassNameSize('small')} {\n      &.isFixedMaxHeight {\n        max-height: 348px;\n      }\n\n      &.isFixedMinWidth {\n        min-width: 200px;\n      }\n    }\n\n    &.${menuClassNameSize('regular')} {\n      &.isFixedMaxHeight {\n        max-height: 456px;\n      }\n\n      &.isFixedMinWidth {\n        min-width: 248px;\n      }\n    }\n  }\n`;\n"],"names":["iconButton","css","tokens","menuStyles","CONTEXT_MENU_CLASS_NAME","menuClassNameSize"],"mappings":";;;;AAKO,MAAMA,aAAaC,GAAG,CAAC;;;;;;;;;;;;yBAYL,EAAEC,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAA1BA,UAAAA,CAAAA,KAAwC,CAAC;qBAC/C,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC;;;AAGxC,CAAC;AAEM,MAAMC,aAAaF,GAAG,CAAC;IAC1B,EAAEG,wBAAwB;;;;MAIxB,EAAEC,kBAAkB,SAAS;;;;;;;;;;MAU7B,EAAEA,kBAAkB,WAAW;;;;;;;;;;AAUrC,CAAC"}

package/dist/Breadcrumbs/HiddenItemsButton/index.js

@@ -1,2 +1 @@
-export { default } from './HiddenItemsButton.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./HiddenItemsButton.js";

package/dist/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js

@@ -1,47 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import MenuItem from '../../MenuItem/MenuItem.js';
-import { CONTEXT_MENU_ITEM_TEST_ID, CONTEXT_MENU_TEST_ID, FIXED_ITEMS_COUNT, MAX_VISIBLE_ITEMS_COUNT } from '../constants.js';
-import { handleKeyboardNavigation } from '../utils/handleKeyboardNavigation.js';
-const handleClick = (e, value, onClick, as, preventDefaultOnClick = as === 'li') => {
-    if (preventDefaultOnClick) {
-        e.preventDefault();
-    }
-    onClick === null || onClick === void 0 ? void 0 : onClick(value);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import MenuItem from "../../MenuItem/MenuItem.js";
+import { CONTEXT_MENU_ITEM_TEST_ID, CONTEXT_MENU_TEST_ID, FIXED_ITEMS_COUNT, MAX_VISIBLE_ITEMS_COUNT } from "../constants.js";
+import { handleKeyboardNavigation } from "../utils/handleKeyboardNavigation.js";
+const handleClick = (e, value, onClick, as, preventDefaultOnClick = 'li' === as)=>{
+    if (preventDefaultOnClick) e.preventDefault();
+    null == onClick || onClick(value);
 };
-const HiddenMenuItems = ({ shouldShowOverflow, hasMeasured, count, processedItems, visibleItemsCount, handleClose, menuItemClassName, handleContextMenuMouseEnter, handleContextMenuMouseLeave, }) => {
-    if (!shouldShowOverflow)
-        return [];
+const HiddenMenuItems = ({ shouldShowOverflow, hasMeasured, count, processedItems, visibleItemsCount, handleClose, menuItemClassName, handleContextMenuMouseEnter, handleContextMenuMouseLeave })=>{
+    if (!shouldShowOverflow) return [];
     let hiddenItems = [];
-    if (!hasMeasured) {
-        const startIndex = 1;
-        let endIndex;
-        if (count >= MAX_VISIBLE_ITEMS_COUNT) {
-            endIndex = count - FIXED_ITEMS_COUNT;
-        }
-        else {
-            endIndex = count - 1;
-        }
-        hiddenItems = processedItems.slice(startIndex, endIndex);
-    }
-    else if (count >= MAX_VISIBLE_ITEMS_COUNT) {
-        hiddenItems = processedItems.slice(1, count - FIXED_ITEMS_COUNT);
-    }
+    if (hasMeasured) if (count >= MAX_VISIBLE_ITEMS_COUNT) hiddenItems = processedItems.slice(1, count - FIXED_ITEMS_COUNT);
     else {
         const middleItemsToShow = Math.max(0, visibleItemsCount - FIXED_ITEMS_COUNT);
         const startIndexOfMiddle = count - 1 - middleItemsToShow;
         hiddenItems = processedItems.slice(1, startIndexOfMiddle);
     }
-    return hiddenItems.map((item, index) => {
+    else {
+        const startIndex = 1;
+        let endIndex;
+        endIndex = count >= MAX_VISIBLE_ITEMS_COUNT ? count - FIXED_ITEMS_COUNT : count - 1;
+        hiddenItems = processedItems.slice(startIndex, endIndex);
+    }
+    return hiddenItems.map((item, index)=>{
         const key = `menu-${item.text}-${index}`;
-        return (_jsx(MenuItem, Object.assign({ onClick: e => handleClick(e, item.value, item.onSelect, item.as, item.preventDefaultOnClick), onKeyDown: e => handleKeyboardNavigation({
-                e,
-                dataTestId: CONTEXT_MENU_TEST_ID,
-                onClick: () => handleClick(e, item.value, item.onSelect, item.as, item.preventDefaultOnClick),
-                handleClose,
-                as: item.as,
-            }), onMouseEnter: handleContextMenuMouseEnter, onMouseLeave: handleContextMenuMouseLeave, color: "secondary", tabIndex: 0, className: menuItemClassName, "data-testid": CONTEXT_MENU_ITEM_TEST_ID }, item, { children: item.text }), key));
+        return /*#__PURE__*/ jsx(MenuItem, _object_spread_props__(_({
+            onClick: (e)=>handleClick(e, item.value, item.onSelect, item.as, item.preventDefaultOnClick),
+            onKeyDown: (e)=>handleKeyboardNavigation({
+                    e,
+                    dataTestId: CONTEXT_MENU_TEST_ID,
+                    onClick: ()=>handleClick(e, item.value, item.onSelect, item.as, item.preventDefaultOnClick),
+                    handleClose,
+                    as: item.as
+                }),
+            onMouseEnter: handleContextMenuMouseEnter,
+            onMouseLeave: handleContextMenuMouseLeave,
+            color: "secondary",
+            tabIndex: 0,
+            className: menuItemClassName,
+            "data-testid": CONTEXT_MENU_ITEM_TEST_ID
+        }, item), {
+            children: item.text
+        }), key);
     });
 };
-export default memo(HiddenMenuItems);
+const HiddenMenuItems_HiddenMenuItems = /*#__PURE__*/ memo(HiddenMenuItems);
+export default HiddenMenuItems_HiddenMenuItems;
+
 //# sourceMappingURL=HiddenMenuItems.js.map

package/dist/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenMenuItems.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js","sources":["../../../src/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.tsx"],"sourcesContent":["import { type MouseEvent, type KeyboardEvent, type ElementType, memo } from 'react';\nimport MenuItem from '../../MenuItem/MenuItem.js';\nimport { CONTEXT_MENU_ITEM_TEST_ID, CONTEXT_MENU_TEST_ID, FIXED_ITEMS_COUNT, MAX_VISIBLE_ITEMS_COUNT } from '../constants.js';\nimport { handleKeyboardNavigation } from '../utils/handleKeyboardNavigation.js';\nimport type { BreadcrumbItem } from '../Breadcrumb/types.js';\n\nconst handleClick = (\n  e: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>,\n  value: string,\n  onClick?: (value?: any) => void,\n  as?: ElementType,\n  preventDefaultOnClick: boolean = as === 'li',\n) => {\n  if (preventDefaultOnClick) {\n    e.preventDefault();\n  }\n\n  onClick?.(value);\n};\n\ninterface Props {\n  shouldShowOverflow: boolean;\n  hasMeasured: boolean;\n  count: number;\n  processedItems: BreadcrumbItem[];\n  visibleItemsCount: number;\n  handleClose: () => void;\n  menuItemClassName: string;\n  handleContextMenuMouseEnter: () => void;\n  handleContextMenuMouseLeave: () => void;\n}\n\nconst HiddenMenuItems = ({\n  shouldShowOverflow,\n  hasMeasured,\n  count,\n  processedItems,\n  visibleItemsCount,\n  handleClose,\n  menuItemClassName,\n  handleContextMenuMouseEnter,\n  handleContextMenuMouseLeave,\n}: Props) => {\n  if (!shouldShowOverflow) return [];\n\n  let hiddenItems: BreadcrumbItem[] = [];\n\n  if (!hasMeasured) {\n    const startIndex = 1;\n    let endIndex: number;\n\n    if (count >= MAX_VISIBLE_ITEMS_COUNT) {\n      endIndex = count - FIXED_ITEMS_COUNT;\n    } else {\n      endIndex = count - 1;\n    }\n\n    hiddenItems = processedItems.slice(startIndex, endIndex);\n  } else if (count >= MAX_VISIBLE_ITEMS_COUNT) {\n    hiddenItems = processedItems.slice(1, count - FIXED_ITEMS_COUNT);\n  } else {\n    const middleItemsToShow = Math.max(0, visibleItemsCount - FIXED_ITEMS_COUNT);\n    const startIndexOfMiddle = count - 1 - middleItemsToShow;\n\n    hiddenItems = processedItems.slice(1, startIndexOfMiddle);\n  }\n\n  return hiddenItems.map((item, index) => {\n    const key = `menu-${item.text}-${index}`;\n\n    return (\n      <MenuItem\n        key={key}\n        onClick={e => handleClick(e, item.value, item.onSelect, item.as, item.preventDefaultOnClick)}\n        onKeyDown={e => handleKeyboardNavigation({\n          e,\n          dataTestId: CONTEXT_MENU_TEST_ID,\n          onClick: () => handleClick(e, item.value, item.onSelect, item.as, item.preventDefaultOnClick),\n          handleClose,\n          as: item.as,\n        })}\n        onMouseEnter={handleContextMenuMouseEnter}\n        onMouseLeave={handleContextMenuMouseLeave}\n        color=\"secondary\"\n        tabIndex={0}\n        className={menuItemClassName}\n        data-testid={CONTEXT_MENU_ITEM_TEST_ID}\n        {...item}\n      >\n        {item.text}\n      </MenuItem>\n    );\n  });\n};\n\nexport default memo(HiddenMenuItems);\n"],"names":["handleClick","e","value","onClick","as","preventDefaultOnClick","HiddenMenuItems","shouldShowOverflow","hasMeasured","count","processedItems","visibleItemsCount","handleClose","menuItemClassName","handleContextMenuMouseEnter","handleContextMenuMouseLeave","hiddenItems","MAX_VISIBLE_ITEMS_COUNT","FIXED_ITEMS_COUNT","middleItemsToShow","Math","startIndexOfMiddle","startIndex","endIndex","item","index","key","MenuItem","handleKeyboardNavigation","CONTEXT_MENU_TEST_ID","CONTEXT_MENU_ITEM_TEST_ID","memo"],"mappings":";;;;;;;AAMA,MAAMA,cAAc,CAClBC,GACAC,OACAC,SACAC,IACAC,wBAAiCD,AAAO,SAAPA,EAAW;IAE5C,IAAIC,uBACFJ,EAAE,cAAc;IAGlBE,QAAAA,WAAAA,QAAUD;AACZ;AAcA,MAAMI,kBAAkB,CAAC,EACvBC,kBAAkB,EAClBC,WAAW,EACXC,KAAK,EACLC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,iBAAiB,EACjBC,2BAA2B,EAC3BC,2BAA2B,EACrB;IACN,IAAI,CAACR,oBAAoB,OAAO,EAAE;IAElC,IAAIS,cAAgC,EAAE;IAEtC,IAAKR,aAWE,IAAIC,SAASQ,yBAClBD,cAAcN,eAAe,KAAK,CAAC,GAAGD,QAAQS;SACzC;QACL,MAAMC,oBAAoBC,KAAK,GAAG,CAAC,GAAGT,oBAAoBO;QAC1D,MAAMG,qBAAqBZ,QAAQ,IAAIU;QAEvCH,cAAcN,eAAe,KAAK,CAAC,GAAGW;IACxC;SAlBkB;QAChB,MAAMC,aAAa;QACnB,IAAIC;QAGFA,WADEd,SAASQ,0BACAR,QAAQS,oBAERT,QAAQ;QAGrBO,cAAcN,eAAe,KAAK,CAACY,YAAYC;IACjD;IASA,OAAOP,YAAY,GAAG,CAAC,CAACQ,MAAMC;QAC5B,MAAMC,MAAM,CAAC,KAAK,EAAEF,KAAK,IAAI,CAAC,CAAC,EAAEC,OAAO;QAExC,OAAO,WAAP,GACE,IAACE,UAAQA,uBAAAA,EAAAA;YAEP,SAAS1B,CAAAA,IAAKD,YAAYC,GAAGuB,KAAK,KAAK,EAAEA,KAAK,QAAQ,EAAEA,KAAK,EAAE,EAAEA,KAAK,qBAAqB;YAC3F,WAAWvB,CAAAA,IAAK2B,yBAAyB;oBACvC3B;oBACA,YAAY4B;oBACZ,SAAS,IAAM7B,YAAYC,GAAGuB,KAAK,KAAK,EAAEA,KAAK,QAAQ,EAAEA,KAAK,EAAE,EAAEA,KAAK,qBAAqB;oBAC5FZ;oBACA,IAAIY,KAAK,EAAE;gBACb;YACA,cAAcV;YACd,cAAcC;YACd,OAAM;YACN,UAAU;YACV,WAAWF;YACX,eAAaiB;WACTN,OAAAA;sBAEHA,KAAK,IAAI;YAjBLE;IAoBX;AACF;AAEA,sDAAeK,KAAKzB"}

package/dist/Breadcrumbs/HiddenMenuItems/index.js

@@ -1,2 +1 @@
-export { default } from './HiddenMenuItems.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./HiddenMenuItems.js";

package/dist/Breadcrumbs/constants.js

@@ -1,20 +1,26 @@
-import { KeyboardEventKey } from '../types.js';
-export const POPOVER_ANCHOR_ORIGIN = { vertical: 'bottom', horizontal: 'left' };
-export const POPOVER_TRANSFORM_ORIGIN = { vertical: 'top', horizontal: 'left' };
-export const CONTEXT_MENU_TEST_ID = 'breadcrumbs-context-menu';
-export const CONTEXT_MENU_ITEM_TEST_ID = 'breadcrumbs-context-menu-item';
-export const MAX_LENGTH_OF_LAST_BREADCRUMB = 24;
-export const FIXED_ITEMS_COUNT = 2;
-export const MAX_VISIBLE_ITEMS_COUNT = 5;
-export const CONTEXT_MENU_OPEN_DELAY = 100;
-export const CONTEXT_MENU_CLOSE_DELAY = 500;
-export const MICRO_MARGIN = 2;
-export const DATA_BREADCRUMB_ITEM = '[data-breadcrumb-item]';
-export const DATA_SEPARATOR = '[data-separator]';
-export const ICON_BUTTON_KEY = 'icon-button';
-export const DATA_ICON_BUTTON = `[data-${ICON_BUTTON_KEY}]`;
-export const DATA_CONTEXT_MENU_ITEM = `[data-testid="${CONTEXT_MENU_ITEM_TEST_ID}"]`;
-export const KEYBOARD_KEYS_ARRAY = [
+import { KeyboardEventKey } from "../types.js";
+const POPOVER_ANCHOR_ORIGIN = {
+    vertical: 'bottom',
+    horizontal: 'left'
+};
+const POPOVER_TRANSFORM_ORIGIN = {
+    vertical: 'top',
+    horizontal: 'left'
+};
+const CONTEXT_MENU_TEST_ID = 'breadcrumbs-context-menu';
+const CONTEXT_MENU_ITEM_TEST_ID = 'breadcrumbs-context-menu-item';
+const MAX_LENGTH_OF_LAST_BREADCRUMB = 24;
+const FIXED_ITEMS_COUNT = 2;
+const MAX_VISIBLE_ITEMS_COUNT = 5;
+const CONTEXT_MENU_OPEN_DELAY = 100;
+const CONTEXT_MENU_CLOSE_DELAY = 500;
+const MICRO_MARGIN = 2;
+const DATA_BREADCRUMB_ITEM = '[data-breadcrumb-item]';
+const DATA_SEPARATOR = '[data-separator]';
+const ICON_BUTTON_KEY = 'icon-button';
+const DATA_ICON_BUTTON = `[data-${ICON_BUTTON_KEY}]`;
+const DATA_CONTEXT_MENU_ITEM = `[data-testid="${CONTEXT_MENU_ITEM_TEST_ID}"]`;
+const KEYBOARD_KEYS_ARRAY = [
     KeyboardEventKey.TAB,
     KeyboardEventKey.ENTER,
     KeyboardEventKey.ARROW_UP,
@@ -23,10 +29,12 @@ export const KEYBOARD_KEYS_ARRAY = [
     KeyboardEventKey.ARROW_RIGHT,
     KeyboardEventKey.ESCAPE,
     KeyboardEventKey.HOME,
-    KeyboardEventKey.END,
+    KeyboardEventKey.END
 ];
-export const BREADCRUMB_SIZES = {
+const BREADCRUMB_SIZES = {
     regular: 'regular',
-    small: 'small',
+    small: 'small'
 };
+export { BREADCRUMB_SIZES, CONTEXT_MENU_CLOSE_DELAY, CONTEXT_MENU_ITEM_TEST_ID, CONTEXT_MENU_OPEN_DELAY, CONTEXT_MENU_TEST_ID, DATA_BREADCRUMB_ITEM, DATA_CONTEXT_MENU_ITEM, DATA_ICON_BUTTON, DATA_SEPARATOR, FIXED_ITEMS_COUNT, ICON_BUTTON_KEY, KEYBOARD_KEYS_ARRAY, MAX_LENGTH_OF_LAST_BREADCRUMB, MAX_VISIBLE_ITEMS_COUNT, MICRO_MARGIN, POPOVER_ANCHOR_ORIGIN, POPOVER_TRANSFORM_ORIGIN };
+
 //# sourceMappingURL=constants.js.map

package/dist/Breadcrumbs/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/Breadcrumbs/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACxF,MAAM,CAAC,MAAM,wBAAwB,GAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACxF,MAAM,CAAC,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;AAC/D,MAAM,CAAC,MAAM,yBAAyB,GAAG,+BAA+B,CAAC;AACzE,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAChD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AACnC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAC3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAC9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAC7D,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC;AACjD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,eAAe,GAAG,CAAC;AAC5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,iBAAiB,yBAAyB,IAAI,CAAC;AACrF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,gBAAgB,CAAC,GAAG;IACpB,gBAAgB,CAAC,KAAK;IACtB,gBAAgB,CAAC,QAAQ;IACzB,gBAAgB,CAAC,UAAU;IAC3B,gBAAgB,CAAC,UAAU;IAC3B,gBAAgB,CAAC,WAAW;IAC5B,gBAAgB,CAAC,MAAM;IACvB,gBAAgB,CAAC,IAAI;IACrB,gBAAgB,CAAC,GAAG;CACZ,CAAC;AACX,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACN,CAAC"}
+{"version":3,"file":"Breadcrumbs/constants.js","sources":["../../src/Breadcrumbs/constants.ts"],"sourcesContent":["import type { Origin } from '../Popover/types.js';\nimport { KeyboardEventKey } from '../types.js';\n\nexport const POPOVER_ANCHOR_ORIGIN: Origin = { vertical: 'bottom', horizontal: 'left' };\nexport const POPOVER_TRANSFORM_ORIGIN: Origin = { vertical: 'top', horizontal: 'left' };\nexport const CONTEXT_MENU_TEST_ID = 'breadcrumbs-context-menu';\nexport const CONTEXT_MENU_ITEM_TEST_ID = 'breadcrumbs-context-menu-item';\nexport const MAX_LENGTH_OF_LAST_BREADCRUMB = 24;\nexport const FIXED_ITEMS_COUNT = 2;\nexport const MAX_VISIBLE_ITEMS_COUNT = 5;\nexport const CONTEXT_MENU_OPEN_DELAY = 100;\nexport const CONTEXT_MENU_CLOSE_DELAY = 500;\nexport const MICRO_MARGIN = 2;\nexport const DATA_BREADCRUMB_ITEM = '[data-breadcrumb-item]';\nexport const DATA_SEPARATOR = '[data-separator]';\nexport const ICON_BUTTON_KEY = 'icon-button';\nexport const DATA_ICON_BUTTON = `[data-${ICON_BUTTON_KEY}]`;\nexport const DATA_CONTEXT_MENU_ITEM = `[data-testid=\"${CONTEXT_MENU_ITEM_TEST_ID}\"]`;\nexport const KEYBOARD_KEYS_ARRAY = [\n  KeyboardEventKey.TAB,\n  KeyboardEventKey.ENTER,\n  KeyboardEventKey.ARROW_UP,\n  KeyboardEventKey.ARROW_DOWN,\n  KeyboardEventKey.ARROW_LEFT,\n  KeyboardEventKey.ARROW_RIGHT,\n  KeyboardEventKey.ESCAPE,\n  KeyboardEventKey.HOME,\n  KeyboardEventKey.END,\n] as const;\nexport const BREADCRUMB_SIZES = {\n  regular: 'regular',\n  small: 'small',\n} as const;\n"],"names":["POPOVER_ANCHOR_ORIGIN","POPOVER_TRANSFORM_ORIGIN","CONTEXT_MENU_TEST_ID","CONTEXT_MENU_ITEM_TEST_ID","MAX_LENGTH_OF_LAST_BREADCRUMB","FIXED_ITEMS_COUNT","MAX_VISIBLE_ITEMS_COUNT","CONTEXT_MENU_OPEN_DELAY","CONTEXT_MENU_CLOSE_DELAY","MICRO_MARGIN","DATA_BREADCRUMB_ITEM","DATA_SEPARATOR","ICON_BUTTON_KEY","DATA_ICON_BUTTON","DATA_CONTEXT_MENU_ITEM","KEYBOARD_KEYS_ARRAY","KeyboardEventKey","BREADCRUMB_SIZES"],"mappings":";AAGO,MAAMA,wBAAgC;IAAE,UAAU;IAAU,YAAY;AAAO;AAC/E,MAAMC,2BAAmC;IAAE,UAAU;IAAO,YAAY;AAAO;AAC/E,MAAMC,uBAAuB;AAC7B,MAAMC,4BAA4B;AAClC,MAAMC,gCAAgC;AACtC,MAAMC,oBAAoB;AAC1B,MAAMC,0BAA0B;AAChC,MAAMC,0BAA0B;AAChC,MAAMC,2BAA2B;AACjC,MAAMC,eAAe;AACrB,MAAMC,uBAAuB;AAC7B,MAAMC,iBAAiB;AACvB,MAAMC,kBAAkB;AACxB,MAAMC,mBAAmB,CAAC,MAAM,EAAED,gBAAgB,CAAC,CAAC;AACpD,MAAME,yBAAyB,CAAC,cAAc,EAAEX,0BAA0B,EAAE,CAAC;AAC7E,MAAMY,sBAAsB;IACjCC,iBAAiB,GAAG;IACpBA,iBAAiB,KAAK;IACtBA,iBAAiB,QAAQ;IACzBA,iBAAiB,UAAU;IAC3BA,iBAAiB,UAAU;IAC3BA,iBAAiB,WAAW;IAC5BA,iBAAiB,MAAM;IACvBA,iBAAiB,IAAI;IACrBA,iBAAiB,GAAG;CACrB;AACM,MAAMC,mBAAmB;IAC9B,SAAS;IACT,OAAO;AACT"}

package/dist/Breadcrumbs/hooks/useBreadcrumbs.js

@@ -1,142 +1,131 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef, useState, useEffect } from 'react';
-import { useIsomorphicEffect } from '../../utils/useIsomorphicEffect.js';
-import { menuItem } from '../Breadcrumbs.styles.js';
-import { getRenderOnPageItems } from '../utils/index.js';
-import { MAX_VISIBLE_ITEMS_COUNT, FIXED_ITEMS_COUNT, MAX_LENGTH_OF_LAST_BREADCRUMB, DATA_BREADCRUMB_ITEM, MICRO_MARGIN, DATA_SEPARATOR, DATA_ICON_BUTTON, CONTEXT_MENU_OPEN_DELAY, DATA_CONTEXT_MENU_ITEM, CONTEXT_MENU_CLOSE_DELAY, } from '../constants.js';
-import { KeyboardEventKey } from '../../types.js';
-import HiddenMenuItems from '../HiddenMenuItems/index.js';
-/**
- * Определяем сколько хлебных крошек может быть отрендерено в зависимости от доступной ширины контейнера
- * @param availableWidth - доступная ширина контейнера.
- * @param itemSizes - массив с шириной каждого элемента "хлебных крошек".
- * @param separatorSize - ширина разделителя между элементами.
- * @param iconButtonSize - ширина IconButton, которая появляется, когда не все элементы помещаются.
- * @param itemsCount - общее количество элементов.
- * @returns - количество элементов, которые могут быть отрендерены
- */
-const calculateVisibleItemsOnResize = (availableWidth, itemSizes, separatorSize, iconButtonSize, itemsCount) => {
-    if (itemsCount <= FIXED_ITEMS_COUNT) {
-        return itemsCount;
-    }
-    const totalWidth = itemSizes.reduce((sum, size) => sum + size, 0) + (itemsCount - 1) * separatorSize;
-    if (totalWidth <= availableWidth) {
-        return itemsCount;
-    }
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useIsomorphicEffect } from "../../utils/useIsomorphicEffect.js";
+import { menuItem } from "../Breadcrumbs.styles.js";
+import { getRenderOnPageItems } from "../utils/index.js";
+import { CONTEXT_MENU_CLOSE_DELAY, CONTEXT_MENU_OPEN_DELAY, DATA_BREADCRUMB_ITEM, DATA_CONTEXT_MENU_ITEM, DATA_ICON_BUTTON, DATA_SEPARATOR, FIXED_ITEMS_COUNT, MAX_LENGTH_OF_LAST_BREADCRUMB, MAX_VISIBLE_ITEMS_COUNT, MICRO_MARGIN } from "../constants.js";
+import { KeyboardEventKey } from "../../types.js";
+import HiddenMenuItems from "../HiddenMenuItems/index.js";
+const calculateVisibleItemsOnResize = (availableWidth, itemSizes, separatorSize, iconButtonSize, itemsCount)=>{
+    if (itemsCount <= FIXED_ITEMS_COUNT) return itemsCount;
+    const totalWidth = itemSizes.reduce((sum, size)=>sum + size, 0) + (itemsCount - 1) * separatorSize;
+    if (totalWidth <= availableWidth) return itemsCount;
     const firstItemSize = itemSizes[0] || 0;
     const lastItemSize = itemSizes[itemsCount - 1] || 0;
-    const reservedForFixedElements = firstItemSize + lastItemSize + iconButtonSize + separatorSize * 2;
+    const reservedForFixedElements = firstItemSize + lastItemSize + iconButtonSize + 2 * separatorSize;
     const availableForMiddleElements = availableWidth - reservedForFixedElements;
     let tailCount = 0;
     let middleElementsWidth = 0;
-    for (let i = itemsCount - FIXED_ITEMS_COUNT; i >= 1; i--) {
+    for(let i = itemsCount - FIXED_ITEMS_COUNT; i >= 1; i--){
         const itemWidth = itemSizes[i] || 0;
         const separatorWidth = separatorSize;
         if (middleElementsWidth + itemWidth + separatorWidth <= availableForMiddleElements) {
             middleElementsWidth += itemWidth + separatorWidth;
             tailCount++;
-        }
-        else {
-            break;
-        }
+        } else break;
     }
     return Math.max(FIXED_ITEMS_COUNT, FIXED_ITEMS_COUNT + tailCount);
 };
-/**
- * Измеряет размеры хлебных крошек, разделителя и IconButton
- * @param container - контейнер, в котором находятся элементы хлебных крошек
- * @returns - размеры элементов хлебных крошек
- */
-const measureItems = (container) => {
+const measureItems = (container)=>{
     const breadcrumbElements = container.querySelectorAll(DATA_BREADCRUMB_ITEM);
     const separatorElement = container.querySelector(DATA_SEPARATOR);
     const iconButtonElement = container.querySelector(DATA_ICON_BUTTON);
-    const items = Array.from(breadcrumbElements).map(el => el.scrollWidth + MICRO_MARGIN);
+    const items = Array.from(breadcrumbElements).map((el)=>el.scrollWidth + MICRO_MARGIN);
     const separator = separatorElement ? separatorElement.scrollWidth + MICRO_MARGIN : 0;
     const iconButton = iconButtonElement ? iconButtonElement.scrollWidth + MICRO_MARGIN : 0;
     return {
         items,
         separator,
-        iconButton,
+        iconButton
     };
 };
-export const useBreadcrumbs = ({ items }) => {
+const useBreadcrumbs = ({ items })=>{
     const [menuIsOpen, setMenuIsOpen] = useState(false);
     const containerRef = useRef(null);
     const resizeObserverRef = useRef(null);
-    const closeTimerRef = useRef(undefined);
+    const closeTimerRef = useRef(void 0);
     const openedByKeyboardRef = useRef(false);
     const [hasMeasured, setHasMeasured] = useState(false);
     const [visibleItemsCount, setVisibleItemsCount] = useState(items.length >= MAX_VISIBLE_ITEMS_COUNT ? FIXED_ITEMS_COUNT : items.length);
     const sizesRef = useRef({
         items: [],
         separator: 0,
-        iconButton: 0,
+        iconButton: 0
     });
     const itemsCount = items.length;
-    const processedItems = useMemo(() => {
-        return items.map((item, index) => {
-            if (index === items.length - 1 && item.text.length > MAX_LENGTH_OF_LAST_BREADCRUMB) {
-                return Object.assign(Object.assign({}, item), { text: `${item.text.slice(0, MAX_LENGTH_OF_LAST_BREADCRUMB).trimEnd()}...` });
-            }
+    const processedItems = useMemo(()=>items.map((item, index)=>{
+            if (index === items.length - 1 && item.text.length > MAX_LENGTH_OF_LAST_BREADCRUMB) return _object_spread_props__(_({}, item), {
+                text: `${item.text.slice(0, MAX_LENGTH_OF_LAST_BREADCRUMB).trimEnd()}...`
+            });
             return item;
-        });
-    }, [items]);
-    const calculateVisibleItems = useCallback((availableWidth) => {
+        }), [
+        items
+    ]);
+    const calculateVisibleItems = useCallback((availableWidth)=>{
         const newVisibleCount = calculateVisibleItemsOnResize(availableWidth, sizesRef.current.items, sizesRef.current.separator, sizesRef.current.iconButton, itemsCount);
         setVisibleItemsCount(newVisibleCount);
-    }, [itemsCount]);
-    const handleOpen = useCallback(() => {
-        if (closeTimerRef.current) {
-            clearTimeout(closeTimerRef.current);
-        }
+    }, [
+        itemsCount
+    ]);
+    const handleOpen = useCallback(()=>{
+        if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
         setMenuIsOpen(true);
     }, []);
-    const handleClose = useCallback(() => {
-        var _a;
-        closeTimerRef.current = setTimeout(() => {
+    const handleClose = useCallback(()=>{
+        closeTimerRef.current = setTimeout(()=>{
             setMenuIsOpen(false);
         }, CONTEXT_MENU_CLOSE_DELAY);
         if (openedByKeyboardRef.current) {
-            const iconButton = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(DATA_ICON_BUTTON);
-            iconButton === null || iconButton === void 0 ? void 0 : iconButton.focus();
+            var _containerRef_current;
+            const iconButton = null == (_containerRef_current = containerRef.current) ? void 0 : _containerRef_current.querySelector(DATA_ICON_BUTTON);
+            null == iconButton || iconButton.focus();
         }
         openedByKeyboardRef.current = false;
     }, []);
-    const handleIconButtonKeyDown = useCallback((e) => {
+    const handleIconButtonKeyDown = useCallback((e)=>{
         if (e.key === KeyboardEventKey.ENTER || e.key === KeyboardEventKey.SPACE) {
             e.preventDefault();
             e.stopPropagation();
             openedByKeyboardRef.current = true;
             setMenuIsOpen(true);
         }
-        setTimeout(() => {
-            var _a;
+        setTimeout(()=>{
+            var _menuItems_;
             const menuItems = document.querySelectorAll(DATA_CONTEXT_MENU_ITEM);
-            (_a = menuItems === null || menuItems === void 0 ? void 0 : menuItems[0]) === null || _a === void 0 ? void 0 : _a.focus();
+            null == menuItems || null == (_menuItems_ = menuItems[0]) || _menuItems_.focus();
         }, CONTEXT_MENU_OPEN_DELAY);
     }, []);
-    const handleContextMenuMouseEnter = useCallback(() => {
-        if (closeTimerRef.current) {
-            clearTimeout(closeTimerRef.current);
-        }
+    const handleContextMenuMouseEnter = useCallback(()=>{
+        if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
     }, []);
-    const handleContextMenuMouseLeave = useCallback(() => {
-        if (closeTimerRef.current) {
-            clearTimeout(closeTimerRef.current);
-        }
+    const handleContextMenuMouseLeave = useCallback(()=>{
+        if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
         handleClose();
-    }, [handleClose]);
-    const shouldShowOverflow = useMemo(() => {
-        if (itemsCount >= MAX_VISIBLE_ITEMS_COUNT) {
-            return true;
-        }
-        if (!hasMeasured) {
-            return false;
-        }
+    }, [
+        handleClose
+    ]);
+    const shouldShowOverflow = useMemo(()=>{
+        if (itemsCount >= MAX_VISIBLE_ITEMS_COUNT) return true;
+        if (!hasMeasured) return false;
         return visibleItemsCount < itemsCount;
-    }, [hasMeasured, visibleItemsCount, itemsCount]);
-    const menuItems = useMemo(() => (_jsx(HiddenMenuItems, { shouldShowOverflow: shouldShowOverflow, hasMeasured: hasMeasured, count: itemsCount, processedItems: processedItems, visibleItemsCount: visibleItemsCount, handleClose: handleClose, menuItemClassName: menuItem, handleContextMenuMouseEnter: handleContextMenuMouseEnter, handleContextMenuMouseLeave: handleContextMenuMouseLeave })), [
+    }, [
+        hasMeasured,
+        visibleItemsCount,
+        itemsCount
+    ]);
+    const menuItems = useMemo(()=>/*#__PURE__*/ jsx(HiddenMenuItems, {
+            shouldShowOverflow: shouldShowOverflow,
+            hasMeasured: hasMeasured,
+            count: itemsCount,
+            processedItems: processedItems,
+            visibleItemsCount: visibleItemsCount,
+            handleClose: handleClose,
+            menuItemClassName: menuItem,
+            handleContextMenuMouseEnter: handleContextMenuMouseEnter,
+            handleContextMenuMouseLeave: handleContextMenuMouseLeave
+        }), [
         shouldShowOverflow,
         hasMeasured,
         itemsCount,
@@ -144,20 +133,20 @@ export const useBreadcrumbs = ({ items }) => {
         visibleItemsCount,
         handleClose,
         handleContextMenuMouseEnter,
-        handleContextMenuMouseLeave,
+        handleContextMenuMouseLeave
     ]);
-    const renderedItems = useMemo(() => getRenderOnPageItems({
-        count: itemsCount,
-        shouldShowOverflow,
-        processedItems,
-        hasMeasured,
-        visibleItemsCount,
-        menuItems,
-        open: menuIsOpen,
-        handleOpen,
-        handleClose,
-        handleIconButtonKeyDown,
-    }), [
+    const renderedItems = useMemo(()=>getRenderOnPageItems({
+            count: itemsCount,
+            shouldShowOverflow,
+            processedItems,
+            hasMeasured,
+            visibleItemsCount,
+            menuItems,
+            open: menuIsOpen,
+            handleOpen,
+            handleClose,
+            handleIconButtonKeyDown
+        }), [
         itemsCount,
         shouldShowOverflow,
         processedItems,
@@ -167,45 +156,41 @@ export const useBreadcrumbs = ({ items }) => {
         menuIsOpen,
         handleOpen,
         handleClose,
-        handleIconButtonKeyDown,
+        handleIconButtonKeyDown
     ]);
-    useIsomorphicEffect(() => {
+    useIsomorphicEffect(()=>{
         const container = containerRef.current;
-        if (!container)
-            return undefined;
+        if (!container) return;
         const availableWidth = container.clientWidth;
         sizesRef.current = measureItems(container);
         calculateVisibleItems(availableWidth);
         setHasMeasured(true);
-        return undefined;
-    }, [itemsCount, calculateVisibleItems]);
-    useIsomorphicEffect(() => {
-        if (!containerRef.current)
-            return undefined;
-        resizeObserverRef.current = new ResizeObserver(() => {
-            var _a;
-            const availableWidth = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
-            if (availableWidth > 0) {
-                calculateVisibleItems(availableWidth);
-            }
+    }, [
+        itemsCount,
+        calculateVisibleItems
+    ]);
+    useIsomorphicEffect(()=>{
+        if (!containerRef.current) return;
+        resizeObserverRef.current = new ResizeObserver(()=>{
+            var _containerRef_current;
+            const availableWidth = (null == (_containerRef_current = containerRef.current) ? void 0 : _containerRef_current.clientWidth) || 0;
+            if (availableWidth > 0) calculateVisibleItems(availableWidth);
         });
         resizeObserverRef.current.observe(containerRef.current);
-        return () => {
-            if (resizeObserverRef.current) {
-                resizeObserverRef.current.disconnect();
-            }
+        return ()=>{
+            if (resizeObserverRef.current) resizeObserverRef.current.disconnect();
         };
-    }, [calculateVisibleItems]);
-    useEffect(() => {
-        return () => {
-            if (closeTimerRef.current) {
-                clearTimeout(closeTimerRef.current);
-            }
-        };
-    }, []);
+    }, [
+        calculateVisibleItems
+    ]);
+    useEffect(()=>()=>{
+            if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+        }, []);
     return {
         containerRef,
-        renderedItems,
+        renderedItems
     };
 };
+export { useBreadcrumbs };
+
 //# sourceMappingURL=useBreadcrumbs.js.map

package/dist/Breadcrumbs/hooks/useBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/hooks/useBreadcrumbs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs/hooks/useBreadcrumbs.js","sources":["../../../src/Breadcrumbs/hooks/useBreadcrumbs.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState, useEffect, type KeyboardEvent } from 'react';\nimport { useIsomorphicEffect } from '../../utils/useIsomorphicEffect.js';\nimport { menuItem } from '../Breadcrumbs.styles.js';\nimport type { BreadcrumbItem } from '../Breadcrumb/index.js';\nimport { getRenderOnPageItems } from '../utils/index.js';\nimport {\n  MAX_VISIBLE_ITEMS_COUNT,\n  FIXED_ITEMS_COUNT,\n  MAX_LENGTH_OF_LAST_BREADCRUMB,\n  DATA_BREADCRUMB_ITEM,\n  MICRO_MARGIN,\n  DATA_SEPARATOR,\n  DATA_ICON_BUTTON,\n  CONTEXT_MENU_OPEN_DELAY,\n  DATA_CONTEXT_MENU_ITEM,\n  CONTEXT_MENU_CLOSE_DELAY,\n} from '../constants.js';\nimport { KeyboardEventKey } from '../../types.js';\nimport HiddenMenuItems from '../HiddenMenuItems/index.js';\n\n/**\n * Определяем сколько хлебных крошек может быть отрендерено в зависимости от доступной ширины контейнера\n * @param availableWidth - доступная ширина контейнера.\n * @param itemSizes - массив с шириной каждого элемента \"хлебных крошек\".\n * @param separatorSize - ширина разделителя между элементами.\n * @param iconButtonSize - ширина IconButton, которая появляется, когда не все элементы помещаются.\n * @param itemsCount - общее количество элементов.\n * @returns - количество элементов, которые могут быть отрендерены\n */\nconst calculateVisibleItemsOnResize = (\n  availableWidth: number,\n  itemSizes: number[],\n  separatorSize: number,\n  iconButtonSize: number,\n  itemsCount: number,\n): number => {\n  if (itemsCount <= FIXED_ITEMS_COUNT) {\n    return itemsCount;\n  }\n\n  const totalWidth = itemSizes.reduce((sum, size) => sum + size, 0) + (itemsCount - 1) * separatorSize;\n  if (totalWidth <= availableWidth) {\n    return itemsCount;\n  }\n\n  const firstItemSize = itemSizes[0] || 0;\n  const lastItemSize = itemSizes[itemsCount - 1] || 0;\n  const reservedForFixedElements = firstItemSize + lastItemSize + iconButtonSize + separatorSize * 2;\n  const availableForMiddleElements = availableWidth - reservedForFixedElements;\n\n  let tailCount = 0;\n  let middleElementsWidth = 0;\n\n  for (let i = itemsCount - FIXED_ITEMS_COUNT; i >= 1; i--) {\n    const itemWidth = itemSizes[i] || 0;\n    const separatorWidth = separatorSize;\n\n    if (middleElementsWidth + itemWidth + separatorWidth <= availableForMiddleElements) {\n      middleElementsWidth += itemWidth + separatorWidth;\n      tailCount++;\n    } else {\n      break;\n    }\n  }\n\n  return Math.max(FIXED_ITEMS_COUNT, FIXED_ITEMS_COUNT + tailCount);\n};\n\ninterface SizeRefProps {\n  items: number[];\n  separator: number;\n  iconButton: number;\n}\n\n/**\n * Измеряет размеры хлебных крошек, разделителя и IconButton\n * @param container - контейнер, в котором находятся элементы хлебных крошек\n * @returns - размеры элементов хлебных крошек\n */\nconst measureItems = (container: HTMLElement): SizeRefProps => {\n  const breadcrumbElements = container.querySelectorAll<HTMLElement>(DATA_BREADCRUMB_ITEM);\n  const separatorElement = container.querySelector<HTMLElement>(DATA_SEPARATOR);\n  const iconButtonElement = container.querySelector<HTMLElement>(DATA_ICON_BUTTON);\n\n  const items = Array.from(breadcrumbElements).map(el => el.scrollWidth + MICRO_MARGIN);\n  const separator = separatorElement ? separatorElement.scrollWidth + MICRO_MARGIN : 0;\n  const iconButton = iconButtonElement ? iconButtonElement.scrollWidth + MICRO_MARGIN : 0;\n\n  return {\n    items,\n    separator,\n    iconButton,\n  };\n};\n\ninterface UseBreadcrumbsProps {\n  items: BreadcrumbItem[];\n}\n\nexport const useBreadcrumbs = ({ items }: UseBreadcrumbsProps) => {\n  const [menuIsOpen, setMenuIsOpen] = useState<boolean>(false);\n  const containerRef = useRef<HTMLOListElement>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const openedByKeyboardRef = useRef(false);\n\n  const [hasMeasured, setHasMeasured] = useState(false);\n  const [visibleItemsCount, setVisibleItemsCount] = useState(\n    items.length >= MAX_VISIBLE_ITEMS_COUNT ? FIXED_ITEMS_COUNT : items.length,\n  );\n\n  const sizesRef = useRef<SizeRefProps>({\n    items: [],\n    separator: 0,\n    iconButton: 0,\n  });\n\n  const itemsCount = items.length;\n\n  const processedItems = useMemo(() => {\n    return items.map((item, index) => {\n      if (index === items.length - 1 && item.text.length > MAX_LENGTH_OF_LAST_BREADCRUMB) {\n        return {\n          ...item,\n          text: `${item.text.slice(0, MAX_LENGTH_OF_LAST_BREADCRUMB).trimEnd()}...`,\n        };\n      }\n\n      return item;\n    });\n  }, [items]);\n\n  const calculateVisibleItems = useCallback(\n    (availableWidth: number) => {\n      const newVisibleCount = calculateVisibleItemsOnResize(\n        availableWidth,\n        sizesRef.current.items,\n        sizesRef.current.separator,\n        sizesRef.current.iconButton,\n        itemsCount,\n      );\n      setVisibleItemsCount(newVisibleCount);\n    },\n    [itemsCount],\n  );\n\n  const handleOpen = useCallback(() => {\n    if (closeTimerRef.current) {\n      clearTimeout(closeTimerRef.current);\n    }\n    setMenuIsOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    closeTimerRef.current = setTimeout(() => {\n      setMenuIsOpen(false);\n    }, CONTEXT_MENU_CLOSE_DELAY);\n\n    if (openedByKeyboardRef.current) {\n      const iconButton = containerRef.current?.querySelector<HTMLElement>(DATA_ICON_BUTTON);\n      iconButton?.focus();\n    }\n\n    openedByKeyboardRef.current = false;\n  }, []);\n\n  const handleIconButtonKeyDown = useCallback((e: KeyboardEvent<HTMLElement>) => {\n    if (e.key === KeyboardEventKey.ENTER || e.key === KeyboardEventKey.SPACE) {\n      e.preventDefault();\n      e.stopPropagation();\n\n      openedByKeyboardRef.current = true;\n      setMenuIsOpen(true);\n    }\n\n    setTimeout(() => {\n      const menuItems = document.querySelectorAll<HTMLElement>(DATA_CONTEXT_MENU_ITEM);\n\n      menuItems?.[0]?.focus();\n    }, CONTEXT_MENU_OPEN_DELAY);\n  }, []);\n\n  const handleContextMenuMouseEnter = useCallback(() => {\n    if (closeTimerRef.current) {\n      clearTimeout(closeTimerRef.current);\n    }\n  }, []);\n\n  const handleContextMenuMouseLeave = useCallback(() => {\n    if (closeTimerRef.current) {\n      clearTimeout(closeTimerRef.current);\n    }\n    handleClose();\n  }, [handleClose]);\n\n  const shouldShowOverflow = useMemo(() => {\n    if (itemsCount >= MAX_VISIBLE_ITEMS_COUNT) {\n      return true;\n    }\n\n    if (!hasMeasured) {\n      return false;\n    }\n\n    return visibleItemsCount < itemsCount;\n  }, [hasMeasured, visibleItemsCount, itemsCount]);\n\n  const menuItems = useMemo(\n    () => (\n      <HiddenMenuItems\n        shouldShowOverflow={shouldShowOverflow}\n        hasMeasured={hasMeasured}\n        count={itemsCount}\n        processedItems={processedItems}\n        visibleItemsCount={visibleItemsCount}\n        handleClose={handleClose}\n        menuItemClassName={menuItem}\n        handleContextMenuMouseEnter={handleContextMenuMouseEnter}\n        handleContextMenuMouseLeave={handleContextMenuMouseLeave}\n      />\n    ),\n    [\n      shouldShowOverflow,\n      hasMeasured,\n      itemsCount,\n      processedItems,\n      visibleItemsCount,\n      handleClose,\n      handleContextMenuMouseEnter,\n      handleContextMenuMouseLeave,\n    ],\n  );\n\n  const renderedItems = useMemo(\n    () =>\n      getRenderOnPageItems({\n        count: itemsCount,\n        shouldShowOverflow,\n        processedItems,\n        hasMeasured,\n        visibleItemsCount,\n        menuItems,\n        open: menuIsOpen,\n        handleOpen,\n        handleClose,\n        handleIconButtonKeyDown,\n      }),\n    [\n      itemsCount,\n      shouldShowOverflow,\n      processedItems,\n      hasMeasured,\n      visibleItemsCount,\n      menuItems,\n      menuIsOpen,\n      handleOpen,\n      handleClose,\n      handleIconButtonKeyDown,\n    ],\n  );\n\n  useIsomorphicEffect(() => {\n    const container = containerRef.current;\n\n    if (!container) return undefined;\n\n    const availableWidth = container.clientWidth;\n\n    sizesRef.current = measureItems(container);\n    calculateVisibleItems(availableWidth);\n\n    setHasMeasured(true);\n\n    return undefined;\n  }, [itemsCount, calculateVisibleItems]);\n\n  useIsomorphicEffect(() => {\n    if (!containerRef.current) return undefined;\n\n    resizeObserverRef.current = new ResizeObserver(() => {\n      const availableWidth = containerRef.current?.clientWidth || 0;\n      if (availableWidth > 0) {\n        calculateVisibleItems(availableWidth);\n      }\n    });\n\n    resizeObserverRef.current.observe(containerRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [calculateVisibleItems]);\n\n  useEffect(() => {\n    return () => {\n      if (closeTimerRef.current) {\n        clearTimeout(closeTimerRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    containerRef,\n    renderedItems,\n  };\n};\n"],"names":["calculateVisibleItemsOnResize","availableWidth","itemSizes","separatorSize","iconButtonSize","itemsCount","FIXED_ITEMS_COUNT","totalWidth","sum","size","firstItemSize","lastItemSize","reservedForFixedElements","availableForMiddleElements","tailCount","middleElementsWidth","i","itemWidth","separatorWidth","Math","measureItems","container","breadcrumbElements","DATA_BREADCRUMB_ITEM","separatorElement","DATA_SEPARATOR","iconButtonElement","DATA_ICON_BUTTON","items","Array","el","MICRO_MARGIN","separator","iconButton","useBreadcrumbs","menuIsOpen","setMenuIsOpen","useState","containerRef","useRef","resizeObserverRef","closeTimerRef","undefined","openedByKeyboardRef","hasMeasured","setHasMeasured","visibleItemsCount","setVisibleItemsCount","MAX_VISIBLE_ITEMS_COUNT","sizesRef","processedItems","useMemo","item","index","MAX_LENGTH_OF_LAST_BREADCRUMB","calculateVisibleItems","useCallback","newVisibleCount","handleOpen","clearTimeout","handleClose","setTimeout","CONTEXT_MENU_CLOSE_DELAY","_containerRef_current","handleIconButtonKeyDown","e","KeyboardEventKey","_menuItems_","menuItems","document","DATA_CONTEXT_MENU_ITEM","CONTEXT_MENU_OPEN_DELAY","handleContextMenuMouseEnter","handleContextMenuMouseLeave","shouldShowOverflow","HiddenMenuItems","menuItem","renderedItems","getRenderOnPageItems","useIsomorphicEffect","ResizeObserver","useEffect"],"mappings":"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"}

package/dist/Breadcrumbs/index.js

@@ -1,4 +1,3 @@
-export { Breadcrumbs } from './Breadcrumbs.js';
-export { Breadcrumb } from './Breadcrumb/index.js';
-export { BREADCRUMB_SIZES } from './constants.js';
-//# sourceMappingURL=index.js.map
+export { Breadcrumbs } from "./Breadcrumbs.js";
+export { Breadcrumb } from "./Breadcrumb/index.js";
+export { BREADCRUMB_SIZES } from "./constants.js";