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

package/dist/Breadcrumbs/utils/getRenderOnPageItems.js

@@ -1,54 +1,57 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ICON_BUTTON_KEY, MAX_VISIBLE_ITEMS_COUNT, FIXED_ITEMS_COUNT, BREADCRUMB_SIZES } from '../constants.js';
-import HiddenItemsButton from '../HiddenItemsButton/index.js';
-import Breadcrumb from '../Breadcrumb/Breadcrumb.js';
-/**
- * Возвращает хлебные крошки
- */
-export const getRenderOnPageItems = ({ count, shouldShowOverflow, processedItems, hasMeasured, visibleItemsCount, menuItems, open, handleOpen, handleClose, handleIconButtonKeyDown, }) => {
-    var _a, _b;
-    if (count === 0) {
-        return [];
-    }
-    if (!shouldShowOverflow) {
-        return processedItems.map((item, i) => (_jsx(Breadcrumb, Object.assign({ "aria-current": i === count - 1, "data-breadcrumb-item": !hasMeasured }, item), `${item.text}-${item.value}`)));
-    }
+import { _ } from "@swc/helpers/_/_object_spread";
+import { jsx } from "react/jsx-runtime";
+import { BREADCRUMB_SIZES, FIXED_ITEMS_COUNT, ICON_BUTTON_KEY, MAX_VISIBLE_ITEMS_COUNT } from "../constants.js";
+import HiddenItemsButton from "../HiddenItemsButton/index.js";
+import Breadcrumb from "../Breadcrumb/Breadcrumb.js";
+const getRenderOnPageItems = ({ count, shouldShowOverflow, processedItems, hasMeasured, visibleItemsCount, menuItems, open, handleOpen, handleClose, handleIconButtonKeyDown })=>{
+    var _ref;
+    var _processedItems_;
+    if (0 === count) return [];
+    if (!shouldShowOverflow) return processedItems.map((item, i)=>/*#__PURE__*/ jsx(Breadcrumb, _({
+            "aria-current": i === count - 1,
+            "data-breadcrumb-item": !hasMeasured
+        }, item), `${item.text}-${item.value}`));
     const segments = [];
-    // Добавляем первый элемент
-    if (processedItems[0]) {
-        segments.push(_jsx(Breadcrumb, Object.assign({ "aria-current": false, "data-breadcrumb-item": !hasMeasured }, processedItems[0]), `${processedItems[0].text}-${processedItems[0].value}`));
-    }
-    // Добавляем IconButton
-    segments.push(_jsx(HiddenItemsButton, { size: (_b = (_a = processedItems[0]) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : BREADCRUMB_SIZES.regular, menuItems: menuItems, open: open, onMouseEnter: handleOpen, onMouseLeave: handleClose, onKeyDown: handleIconButtonKeyDown }, ICON_BUTTON_KEY));
-    // Логика для средних элементов
-    if (!hasMeasured) {
-        if (count >= MAX_VISIBLE_ITEMS_COUNT) {
-            const penultimateIndex = count - 2;
-            if (processedItems[penultimateIndex]) {
-                segments.push(_jsx(Breadcrumb, Object.assign({ "aria-current": false, "data-breadcrumb-item": !hasMeasured }, processedItems[penultimateIndex]), `${processedItems[penultimateIndex].text}-${processedItems[penultimateIndex].value}`));
-            }
-        }
-    }
-    else if (count >= MAX_VISIBLE_ITEMS_COUNT) {
+    if (processedItems[0]) segments.push(/*#__PURE__*/ jsx(Breadcrumb, _({
+        "aria-current": false,
+        "data-breadcrumb-item": !hasMeasured
+    }, processedItems[0]), `${processedItems[0].text}-${processedItems[0].value}`));
+    segments.push(/*#__PURE__*/ jsx(HiddenItemsButton, {
+        size: null != (_ref = null == (_processedItems_ = processedItems[0]) ? void 0 : _processedItems_.size) ? _ref : BREADCRUMB_SIZES.regular,
+        menuItems: menuItems,
+        open: open,
+        onMouseEnter: handleOpen,
+        onMouseLeave: handleClose,
+        onKeyDown: handleIconButtonKeyDown
+    }, ICON_BUTTON_KEY));
+    if (hasMeasured) if (count >= MAX_VISIBLE_ITEMS_COUNT) {
         const penultimateIndex = count - FIXED_ITEMS_COUNT;
-        if (processedItems[penultimateIndex]) {
-            segments.push(_jsx(Breadcrumb, Object.assign({ "aria-current": false, "data-breadcrumb-item": !hasMeasured }, processedItems[penultimateIndex]), `${processedItems[penultimateIndex].text}-${processedItems[penultimateIndex].value}`));
-        }
-    }
-    else {
+        if (processedItems[penultimateIndex]) segments.push(/*#__PURE__*/ jsx(Breadcrumb, _({
+            "aria-current": false,
+            "data-breadcrumb-item": !hasMeasured
+        }, processedItems[penultimateIndex]), `${processedItems[penultimateIndex].text}-${processedItems[penultimateIndex].value}`));
+    } else {
         const middleItemsToShow = Math.max(0, visibleItemsCount - FIXED_ITEMS_COUNT);
         const startIndexOfMiddle = count - 1 - middleItemsToShow;
-        for (let i = startIndexOfMiddle; i < count - 1; i++) {
-            if (processedItems[i]) {
-                segments.push(_jsx(Breadcrumb, Object.assign({ "aria-current": false, "data-breadcrumb-item": !hasMeasured }, processedItems[i]), `${processedItems[i].text}-${processedItems[i].value}`));
-            }
-        }
+        for(let i = startIndexOfMiddle; i < count - 1; i++)if (processedItems[i]) segments.push(/*#__PURE__*/ jsx(Breadcrumb, _({
+            "aria-current": false,
+            "data-breadcrumb-item": !hasMeasured
+        }, processedItems[i]), `${processedItems[i].text}-${processedItems[i].value}`));
     }
-    // Добавляем последний элемент
-    const lastIndex = count - 1;
-    if (processedItems[lastIndex]) {
-        segments.push(_jsx(Breadcrumb, Object.assign({ "aria-current": true, "data-breadcrumb-item": !hasMeasured }, processedItems[lastIndex]), `${processedItems[lastIndex].text}-${processedItems[lastIndex].value}`));
+    else if (count >= MAX_VISIBLE_ITEMS_COUNT) {
+        const penultimateIndex = count - 2;
+        if (processedItems[penultimateIndex]) segments.push(/*#__PURE__*/ jsx(Breadcrumb, _({
+            "aria-current": false,
+            "data-breadcrumb-item": !hasMeasured
+        }, processedItems[penultimateIndex]), `${processedItems[penultimateIndex].text}-${processedItems[penultimateIndex].value}`));
     }
+    const lastIndex = count - 1;
+    if (processedItems[lastIndex]) segments.push(/*#__PURE__*/ jsx(Breadcrumb, _({
+        "aria-current": true,
+        "data-breadcrumb-item": !hasMeasured
+    }, processedItems[lastIndex]), `${processedItems[lastIndex].text}-${processedItems[lastIndex].value}`));
     return segments;
 };
+export { getRenderOnPageItems };
+
 //# sourceMappingURL=getRenderOnPageItems.js.map

package/dist/Breadcrumbs/utils/getRenderOnPageItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRenderOnPageItems.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/utils/getRenderOnPageItems.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs/utils/getRenderOnPageItems.js","sources":["../../../src/Breadcrumbs/utils/getRenderOnPageItems.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport type { BreadcrumbItem } from '../Breadcrumb/types.js';\nimport { ICON_BUTTON_KEY, MAX_VISIBLE_ITEMS_COUNT, FIXED_ITEMS_COUNT, BREADCRUMB_SIZES } from '../constants.js';\nimport HiddenItemsButton from '../HiddenItemsButton/index.js';\nimport Breadcrumb from '../Breadcrumb/Breadcrumb.js';\n\ninterface GetRenderOnPageItemsParams {\n  count: number;\n  shouldShowOverflow: boolean;\n  processedItems: BreadcrumbItem[];\n  hasMeasured: boolean;\n  visibleItemsCount: number;\n  menuItems: JSX.Element;\n  open: boolean;\n  handleOpen: (e: MouseEvent<HTMLElement>) => void;\n  handleClose: () => void;\n  handleIconButtonKeyDown: (e: KeyboardEvent<HTMLElement>) => void;\n}\n\n/**\n * Возвращает хлебные крошки\n */\nexport const getRenderOnPageItems = ({\n  count,\n  shouldShowOverflow,\n  processedItems,\n  hasMeasured,\n  visibleItemsCount,\n  menuItems,\n  open,\n  handleOpen,\n  handleClose,\n  handleIconButtonKeyDown,\n}: GetRenderOnPageItemsParams) => {\n  if (count === 0) {\n    return [];\n  }\n\n  if (!shouldShowOverflow) {\n    return processedItems.map((item, i) => (\n      <Breadcrumb\n        key={`${item.text}-${item.value}`}\n        aria-current={i === count - 1}\n        data-breadcrumb-item={!hasMeasured}\n        {...item}\n      />\n    ));\n  }\n\n  const segments = [];\n\n  // Добавляем первый элемент\n  if (processedItems[0]) {\n    segments.push(\n      <Breadcrumb\n        key={`${processedItems[0].text}-${processedItems[0].value}`}\n        aria-current={false}\n        data-breadcrumb-item={!hasMeasured}\n        {...processedItems[0]}\n      />,\n    );\n  }\n\n  // Добавляем IconButton\n  segments.push(\n    <HiddenItemsButton\n      key={ICON_BUTTON_KEY}\n      size={processedItems[0]?.size ?? BREADCRUMB_SIZES.regular}\n      menuItems={menuItems}\n      open={open}\n      onMouseEnter={handleOpen}\n      onMouseLeave={handleClose}\n      onKeyDown={handleIconButtonKeyDown}\n    />,\n  );\n\n  // Логика для средних элементов\n  if (!hasMeasured) {\n    if (count >= MAX_VISIBLE_ITEMS_COUNT) {\n      const penultimateIndex = count - 2;\n      if (processedItems[penultimateIndex]) {\n        segments.push(\n          <Breadcrumb\n            key={`${processedItems[penultimateIndex].text}-${processedItems[penultimateIndex].value}`}\n            aria-current={false}\n            data-breadcrumb-item={!hasMeasured}\n            {...processedItems[penultimateIndex]}\n          />,\n        );\n      }\n    }\n  } else if (count >= MAX_VISIBLE_ITEMS_COUNT) {\n    const penultimateIndex = count - FIXED_ITEMS_COUNT;\n    if (processedItems[penultimateIndex]) {\n      segments.push(\n        <Breadcrumb\n          key={`${processedItems[penultimateIndex].text}-${processedItems[penultimateIndex].value}`}\n          aria-current={false}\n          data-breadcrumb-item={!hasMeasured}\n          {...processedItems[penultimateIndex]}\n        />,\n      );\n    }\n  } else {\n    const middleItemsToShow = Math.max(0, visibleItemsCount - FIXED_ITEMS_COUNT);\n    const startIndexOfMiddle = count - 1 - middleItemsToShow;\n\n    for (let i = startIndexOfMiddle; i < count - 1; i++) {\n      if (processedItems[i]) {\n        segments.push(\n          <Breadcrumb\n            key={`${processedItems[i].text}-${processedItems[i].value}`}\n            aria-current={false}\n            data-breadcrumb-item={!hasMeasured}\n            {...processedItems[i]}\n          />,\n        );\n      }\n    }\n  }\n\n  // Добавляем последний элемент\n  const lastIndex = count - 1;\n  if (processedItems[lastIndex]) {\n    segments.push(\n      <Breadcrumb\n        key={`${processedItems[lastIndex].text}-${processedItems[lastIndex].value}`}\n        aria-current={true}\n        data-breadcrumb-item={!hasMeasured}\n        {...processedItems[lastIndex]}\n      />,\n    );\n  }\n\n  return segments;\n};\n"],"names":["getRenderOnPageItems","count","shouldShowOverflow","processedItems","hasMeasured","visibleItemsCount","menuItems","open","handleOpen","handleClose","handleIconButtonKeyDown","_processedItems_","item","i","Breadcrumb","segments","HiddenItemsButton","BREADCRUMB_SIZES","ICON_BUTTON_KEY","MAX_VISIBLE_ITEMS_COUNT","penultimateIndex","FIXED_ITEMS_COUNT","middleItemsToShow","Math","startIndexOfMiddle","lastIndex"],"mappings":"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"}

package/dist/Breadcrumbs/utils/handleKeyboardNavigation.js

@@ -1,52 +1,29 @@
-import { DATA_CONTEXT_MENU_ITEM, KEYBOARD_KEYS_ARRAY } from '../constants.js';
-import { KeyboardEventKey } from '../../types.js';
-const getMenuContainer = (element, selector) => {
-    return element.closest(selector);
-};
-const getMenuItems = (container) => {
-    return (container === null || container === void 0 ? void 0 : container.querySelectorAll(DATA_CONTEXT_MENU_ITEM)) || null;
-};
-const navigateToSibling = (currentElement, direction, menuSelector) => {
-    var _a;
-    const siblingElement = direction === 'previous'
-        ? currentElement.previousElementSibling
-        : currentElement.nextElementSibling;
-    if (siblingElement) {
-        siblingElement === null || siblingElement === void 0 ? void 0 : siblingElement.focus();
-        return;
-    }
+import { DATA_CONTEXT_MENU_ITEM, KEYBOARD_KEYS_ARRAY } from "../constants.js";
+import { KeyboardEventKey } from "../../types.js";
+const getMenuContainer = (element, selector)=>element.closest(selector);
+const getMenuItems = (container)=>(null == container ? void 0 : container.querySelectorAll(DATA_CONTEXT_MENU_ITEM)) || null;
+const navigateToSibling = (currentElement, direction, menuSelector)=>{
+    var _menuItems_targetIndex;
+    const siblingElement = 'previous' === direction ? currentElement.previousElementSibling : currentElement.nextElementSibling;
+    if (siblingElement) return void (null == siblingElement || siblingElement.focus());
     const menuContainer = getMenuContainer(currentElement, menuSelector);
     const menuItems = getMenuItems(menuContainer);
-    if (!menuItems || menuItems.length === 0)
-        return;
-    const targetIndex = direction === 'previous'
-        ? menuItems.length - 1
-        : 0;
-    (_a = menuItems[targetIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    if (!menuItems || 0 === menuItems.length) return;
+    const targetIndex = 'previous' === direction ? menuItems.length - 1 : 0;
+    null == (_menuItems_targetIndex = menuItems[targetIndex]) || _menuItems_targetIndex.focus();
 };
-/**
- * Навигация по ContextMenu с помощью клавиатуры
- */
-export const handleKeyboardNavigation = ({ e, dataTestId, onClick, handleClose, as }) => {
-    var _a, _b;
+const handleKeyboardNavigation = ({ e, dataTestId, onClick, handleClose, as })=>{
     const menuSelector = `[data-testid="${dataTestId}"]`;
-    const isLink = as === 'a';
-    if (KEYBOARD_KEYS_ARRAY.includes(e.key) && !isLink) {
-        e.preventDefault();
-    }
+    const isLink = 'a' === as;
+    if (KEYBOARD_KEYS_ARRAY.includes(e.key) && !isLink) e.preventDefault();
     const menuContainer = getMenuContainer(e.currentTarget, menuSelector);
     const menuItems = getMenuItems(menuContainer);
-    switch (e.key) {
+    switch(e.key){
         case KeyboardEventKey.ENTER:
-            onClick === null || onClick === void 0 ? void 0 : onClick();
+            null == onClick || onClick();
             break;
         case KeyboardEventKey.TAB:
-            if (e.shiftKey) {
-                navigateToSibling(e.currentTarget, 'previous', menuSelector);
-            }
-            else {
-                navigateToSibling(e.currentTarget, 'next', menuSelector);
-            }
+            e.shiftKey ? navigateToSibling(e.currentTarget, 'previous', menuSelector) : navigateToSibling(e.currentTarget, 'next', menuSelector);
             break;
         case KeyboardEventKey.ARROW_UP:
         case KeyboardEventKey.ARROW_LEFT:
@@ -57,16 +34,20 @@ export const handleKeyboardNavigation = ({ e, dataTestId, onClick, handleClose,
             navigateToSibling(e.currentTarget, 'next', menuSelector);
             break;
         case KeyboardEventKey.ESCAPE:
-            handleClose === null || handleClose === void 0 ? void 0 : handleClose();
+            null == handleClose || handleClose();
             break;
         case KeyboardEventKey.HOME:
-            (_a = menuItems === null || menuItems === void 0 ? void 0 : menuItems[0]) === null || _a === void 0 ? void 0 : _a.focus();
+            var _menuItems_;
+            null == menuItems || null == (_menuItems_ = menuItems[0]) || _menuItems_.focus();
             break;
         case KeyboardEventKey.END:
             if (menuItems && menuItems.length > 0) {
-                (_b = menuItems[menuItems.length - 1]) === null || _b === void 0 ? void 0 : _b.focus();
+                var _menuItems_1;
+                null == (_menuItems_1 = menuItems[menuItems.length - 1]) || _menuItems_1.focus();
             }
             break;
     }
 };
+export { handleKeyboardNavigation };
+
 //# sourceMappingURL=handleKeyboardNavigation.js.map

package/dist/Breadcrumbs/utils/handleKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleKeyboardNavigation.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/utils/handleKeyboardNavigation.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs/utils/handleKeyboardNavigation.js","sources":["../../../src/Breadcrumbs/utils/handleKeyboardNavigation.ts"],"sourcesContent":["import type { ElementType, KeyboardEvent } from 'react';\nimport { DATA_CONTEXT_MENU_ITEM, KEYBOARD_KEYS_ARRAY } from '../constants.js';\nimport { KeyboardEventKey } from '../../types.js';\n\nconst getMenuContainer = (element: HTMLElement, selector: string): HTMLElement | null => {\n  return element.closest<HTMLElement>(selector);\n};\n\nconst getMenuItems = (container: HTMLElement | null): NodeListOf<HTMLLIElement> | null => {\n  return container?.querySelectorAll<HTMLLIElement>(DATA_CONTEXT_MENU_ITEM) || null;\n};\n\nconst navigateToSibling = (\n  currentElement: HTMLElement,\n  direction: 'previous' | 'next',\n  menuSelector: string,\n): void => {\n  const siblingElement = direction === 'previous'\n    ? currentElement.previousElementSibling as HTMLElement | null\n    : currentElement.nextElementSibling as HTMLElement | null;\n\n  if (siblingElement) {\n    siblingElement?.focus();\n    return;\n  }\n\n  const menuContainer = getMenuContainer(currentElement, menuSelector);\n  const menuItems = getMenuItems(menuContainer);\n\n  if (!menuItems || menuItems.length === 0) return;\n\n  const targetIndex = direction === 'previous'\n    ? menuItems.length - 1\n    : 0;\n\n  menuItems[targetIndex]?.focus();\n};\n\ninterface Props {\n  e: KeyboardEvent<HTMLElement>;\n  dataTestId: string;\n  onClick?: (value?: any) => void;\n  handleClose?: () => void;\n  as?: ElementType;\n}\n\n/**\n * Навигация по ContextMenu с помощью клавиатуры\n */\nexport const handleKeyboardNavigation = ({ e, dataTestId, onClick, handleClose, as }: Props) => {\n  const menuSelector = `[data-testid=\"${dataTestId}\"]`;\n  const isLink = as === 'a';\n\n  if (KEYBOARD_KEYS_ARRAY.includes(e.key as any) && !isLink) {\n    e.preventDefault();\n  }\n\n  const menuContainer = getMenuContainer(e.currentTarget, menuSelector);\n  const menuItems = getMenuItems(menuContainer);\n\n  switch (e.key) {\n    case KeyboardEventKey.ENTER:\n      onClick?.();\n      break;\n\n    case KeyboardEventKey.TAB:\n      if (e.shiftKey) {\n        navigateToSibling(e.currentTarget, 'previous', menuSelector);\n      } else {\n        navigateToSibling(e.currentTarget, 'next', menuSelector);\n      }\n      break;\n\n    case KeyboardEventKey.ARROW_UP:\n    case KeyboardEventKey.ARROW_LEFT:\n      navigateToSibling(e.currentTarget, 'previous', menuSelector);\n      break;\n\n    case KeyboardEventKey.ARROW_DOWN:\n    case KeyboardEventKey.ARROW_RIGHT:\n      navigateToSibling(e.currentTarget, 'next', menuSelector);\n      break;\n\n    case KeyboardEventKey.ESCAPE:\n      handleClose?.();\n      break;\n\n    case KeyboardEventKey.HOME:\n      menuItems?.[0]?.focus();\n      break;\n\n    case KeyboardEventKey.END:\n      if (menuItems && menuItems.length > 0) {\n        menuItems[menuItems.length - 1]?.focus();\n      }\n      break;\n  }\n};\n"],"names":["getMenuContainer","element","selector","getMenuItems","container","DATA_CONTEXT_MENU_ITEM","navigateToSibling","currentElement","direction","menuSelector","_menuItems_targetIndex","siblingElement","menuContainer","menuItems","targetIndex","handleKeyboardNavigation","e","dataTestId","onClick","handleClose","as","isLink","KEYBOARD_KEYS_ARRAY","KeyboardEventKey","_menuItems_","_menuItems_1"],"mappings":";;AAIA,MAAMA,mBAAmB,CAACC,SAAsBC,WACvCD,QAAQ,OAAO,CAAcC;AAGtC,MAAMC,eAAe,CAACC,YACbA,AAAAA,CAAAA,QAAAA,YAAAA,KAAAA,IAAAA,UAAW,gBAAgB,CAAgBC,uBAAsBA,KAAK;AAG/E,MAAMC,oBAAoB,CACxBC,gBACAC,WACAC;QAoBAC;IAlBA,MAAMC,iBAAiBH,AAAc,eAAdA,YACnBD,eAAe,sBAAsB,GACrCA,eAAe,kBAAkB;IAErC,IAAII,gBAAgB,YAClBA,CAAAA,QAAAA,kBAAAA,eAAgB,KAAK,EAAC;IAIxB,MAAMC,gBAAgBZ,iBAAiBO,gBAAgBE;IACvD,MAAMI,YAAYV,aAAaS;IAE/B,IAAI,CAACC,aAAaA,AAAqB,MAArBA,UAAU,MAAM,EAAQ;IAE1C,MAAMC,cAAcN,AAAc,eAAdA,YAChBK,UAAU,MAAM,GAAG,IACnB;YAEJH,CAAAA,yBAAAA,SAAS,CAACI,YAAY,AAAD,KAArBJ,uBAAwB,KAAK;AAC/B;AAaO,MAAMK,2BAA2B,CAAC,EAAEC,CAAC,EAAEC,UAAU,EAAEC,OAAO,EAAEC,WAAW,EAAEC,EAAE,EAAS;IACzF,MAAMX,eAAe,CAAC,cAAc,EAAEQ,WAAW,EAAE,CAAC;IACpD,MAAMI,SAASD,AAAO,QAAPA;IAEf,IAAIE,oBAAoB,QAAQ,CAACN,EAAE,GAAG,KAAY,CAACK,QACjDL,EAAE,cAAc;IAGlB,MAAMJ,gBAAgBZ,iBAAiBgB,EAAE,aAAa,EAAEP;IACxD,MAAMI,YAAYV,aAAaS;IAE/B,OAAQI,EAAE,GAAG;QACX,KAAKO,iBAAiB,KAAK;YACzBL,QAAAA,WAAAA;YACA;QAEF,KAAKK,iBAAiB,GAAG;YACnBP,EAAE,QAAQ,GACZV,kBAAkBU,EAAE,aAAa,EAAE,YAAYP,gBAE/CH,kBAAkBU,EAAE,aAAa,EAAE,QAAQP;YAE7C;QAEF,KAAKc,iBAAiB,QAAQ;QAC9B,KAAKA,iBAAiB,UAAU;YAC9BjB,kBAAkBU,EAAE,aAAa,EAAE,YAAYP;YAC/C;QAEF,KAAKc,iBAAiB,UAAU;QAChC,KAAKA,iBAAiB,WAAW;YAC/BjB,kBAAkBU,EAAE,aAAa,EAAE,QAAQP;YAC3C;QAEF,KAAKc,iBAAiB,MAAM;YAC1BJ,QAAAA,eAAAA;YACA;QAEF,KAAKI,iBAAiB,IAAI;gBACxBC;YAAAA,QAAAA,aAAAA,QAAAA,CAAAA,cAAAA,SAAW,CAAC,EAAE,AAAD,KAAbA,YAAgB,KAAK;YACrB;QAEF,KAAKD,iBAAiB,GAAG;YACvB,IAAIV,aAAaA,UAAU,MAAM,GAAG,GAAG;oBACrCY;wBAAAA,CAAAA,eAAAA,SAAS,CAACZ,UAAU,MAAM,GAAG,EAAE,AAAD,KAA9BY,aAAiC,KAAK;YACxC;YACA;IACJ;AACF"}

package/dist/Breadcrumbs/utils/index.js

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

package/dist/Breadcrumbs/utils/intersperseWithKeys.js

@@ -1,12 +1,18 @@
-export function intersperseWithKeys(arr, separator) {
-    if (arr.length === 0) {
-        return [];
-    }
-    const result = [arr[0]];
-    for (let i = 1; i < arr.length; i++) {
-        const separatorWithKey = Object.assign(Object.assign({}, separator), { key: `separator-${i - 1}` });
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+function intersperseWithKeys(arr, separator) {
+    if (0 === arr.length) return [];
+    const result = [
+        arr[0]
+    ];
+    for(let i = 1; i < arr.length; i++){
+        const separatorWithKey = _object_spread_props__(_({}, separator), {
+            key: `separator-${i - 1}`
+        });
         result.push(separatorWithKey, arr[i]);
     }
     return result;
 }
+export { intersperseWithKeys };
+
 //# sourceMappingURL=intersperseWithKeys.js.map

package/dist/Breadcrumbs/utils/intersperseWithKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"intersperseWithKeys.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/utils/intersperseWithKeys.tsx"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,GAAmB,EAAE,SAAuB;IAC9E,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,MAAM,GAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,gBAAgB,mCACjB,SAAS,KACZ,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,GAC1B,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"Breadcrumbs/utils/intersperseWithKeys.js","sources":["../../../src/Breadcrumbs/utils/intersperseWithKeys.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nexport function intersperseWithKeys(arr: ReactElement[], separator: ReactElement): ReactElement[] {\n  if (arr.length === 0) {\n    return [];\n  }\n\n  const result: ReactElement[] = [arr[0]];\n\n  for (let i = 1; i < arr.length; i++) {\n    const separatorWithKey = {\n      ...separator,\n      key: `separator-${i - 1}`,\n    };\n    result.push(separatorWithKey, arr[i]);\n  }\n\n  return result;\n}\n"],"names":["intersperseWithKeys","arr","separator","result","i","separatorWithKey"],"mappings":";;AAEO,SAASA,oBAAoBC,GAAmB,EAAEC,SAAuB;IAC9E,IAAID,AAAe,MAAfA,IAAI,MAAM,EACZ,OAAO,EAAE;IAGX,MAAME,SAAyB;QAACF,GAAG,CAAC,EAAE;KAAC;IAEvC,IAAK,IAAIG,IAAI,GAAGA,IAAIH,IAAI,MAAM,EAAEG,IAAK;QACnC,MAAMC,mBAAmB,6BACpBH,YAAAA;YACH,KAAK,CAAC,UAAU,EAAEE,IAAI,GAAG;;QAE3BD,OAAO,IAAI,CAACE,kBAAkBJ,GAAG,CAACG,EAAE;IACtC;IAEA,OAAOD;AACT"}

package/dist/Breadcrumbs/utils/sizeClassName.js

@@ -1,2 +1,4 @@
-export const sizeClassName = (size) => `size-${size}`;
+const sizeClassName = (size)=>`size-${size}`;
+export { sizeClassName };
+
 //# sourceMappingURL=sizeClassName.js.map

package/dist/Breadcrumbs/utils/sizeClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizeClassName.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/utils/sizeClassName.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Breadcrumbs/utils/sizeClassName.js","sources":["../../../src/Breadcrumbs/utils/sizeClassName.ts"],"sourcesContent":["import type { Size } from '../Breadcrumb/types.js';\n\nexport const sizeClassName = (size: Size) => `size-${size}`;\n"],"names":["sizeClassName","size"],"mappings":"AAEO,MAAMA,gBAAgB,CAACC,OAAe,CAAC,KAAK,EAAEA,MAAM"}

package/dist/Button/Button.js

@@ -1,35 +1,81 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo, } from 'react';
-import classnames from 'clsx';
-import { button, buttonIconWrapper } from '@finam/web-ui-kit-core/styles/button';
-import LoaderDots from '../LoaderDots/index.js';
-export const classNames = button.classNames.variants;
-const Button = forwardRef((_a, ref) => {
-    var { children, variant = 'primary', size = 'm', color = 'default', alternativeType = 'inverse', onClick, href, disabled, loading, loadingText, fullWidth, className, leftIcon, rightIcon, icon, type = 'button' } = _a, props = __rest(_a, ["children", "variant", "size", "color", "alternativeType", "onClick", "href", "disabled", "loading", "loadingText", "fullWidth", "className", "leftIcon", "rightIcon", "icon", "type"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import clsx from "clsx";
+import { button as button_button, buttonIconWrapper } from "@finam/web-ui-kit-core/styles/button";
+import LoaderDots from "../LoaderDots/index.js";
+const classNames = button_button.classNames.variants;
+const Button = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { children, variant = 'primary', size = 'm', color = 'default', alternativeType = 'inverse', onClick, href, disabled, loading, loadingText, fullWidth, className, leftIcon, rightIcon, icon, type = 'button' } = _ref1, props = _object_without_properties__(_ref1, [
+        "children",
+        "variant",
+        "size",
+        "color",
+        "alternativeType",
+        "onClick",
+        "href",
+        "disabled",
+        "loading",
+        "loadingText",
+        "fullWidth",
+        "className",
+        "leftIcon",
+        "rightIcon",
+        "icon",
+        "type"
+    ]), [ref] = _rest;
     const ButtonElement = href ? 'a' : 'button';
-    const resolvedType = href ? undefined : type;
-    const buttonClassName = classnames(button({
+    const resolvedType = href ? void 0 : type;
+    const buttonClassName = clsx(button_button({
         size,
         fullWidth,
         color,
         alternativeType,
         variant,
         iconOnly: Boolean(icon),
-        state: disabled
-            ? 'disabled'
-            : loading
-                ? (loadingText ? 'loadingText' : 'loadingOverlay')
-                : 'default',
+        state: disabled ? 'disabled' : loading ? loadingText ? 'loadingText' : 'loadingOverlay' : 'default'
     }), className);
     let content = children;
-    if (loading && loadingText) {
-        content = loadingText;
-    }
-    else if (icon) {
-        content = _jsx("span", { className: buttonIconWrapper.center, children: icon });
-    }
-    return (_jsxs(ButtonElement, Object.assign({ type: resolvedType, onClick: loading ? undefined : onClick, href: loading ? undefined : href, disabled: disabled || loading, className: buttonClassName, ref: ref }, props, { children: [loading && loadingText ? (_jsx("span", { className: buttonIconWrapper.left, children: _jsx(LoaderDots, {}) })) : leftIcon && !icon && (_jsx("span", { className: buttonIconWrapper.left, children: leftIcon })), content, rightIcon && !icon && (!loading || !loadingText) && (_jsx("span", { className: buttonIconWrapper.right, children: rightIcon })), loading && !disabled && !loadingText && (_jsx("span", { className: buttonIconWrapper.overlay, children: _jsx(LoaderDots, {}) }))] })));
+    if (loading && loadingText) content = loadingText;
+    else if (icon) content = /*#__PURE__*/ jsx("span", {
+        className: buttonIconWrapper.center,
+        children: icon
+    });
+    return /*#__PURE__*/ jsxs(ButtonElement, _object_spread_props__(_({
+        type: resolvedType,
+        onClick: loading ? void 0 : onClick,
+        href: loading ? void 0 : href,
+        disabled: disabled || loading,
+        className: buttonClassName,
+        ref: ref
+    }, props), {
+        children: [
+            loading && loadingText ? /*#__PURE__*/ jsx("span", {
+                className: buttonIconWrapper.left,
+                children: /*#__PURE__*/ jsx(LoaderDots, {})
+            }) : leftIcon && !icon && /*#__PURE__*/ jsx("span", {
+                className: buttonIconWrapper.left,
+                children: leftIcon
+            }),
+            content,
+            rightIcon && !icon && (!loading || !loadingText) && /*#__PURE__*/ jsx("span", {
+                className: buttonIconWrapper.right,
+                children: rightIcon
+            }),
+            loading && !disabled && !loadingText && /*#__PURE__*/ jsx("span", {
+                className: buttonIconWrapper.overlay,
+                children: /*#__PURE__*/ jsx(LoaderDots, {})
+            })
+        ]
+    }));
 });
-export default memo(Button);
+const Button_Button = /*#__PURE__*/ memo(Button);
+export default Button_Button;
+export { classNames };
+
 //# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAEL,UAAU,EAAE,IAAI,GACjB,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAGhD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC;AA6BrD,MAAM,MAAM,GAAG,UAAU,CAA2B,CAAC,EAkBpD,EAAE,GAAG,EAAE,EAAE;QAlB2C,EACnD,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,SAAS,EACjB,eAAe,GAAG,SAAS,EAC3B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,QAAQ,OAEhB,EADI,KAAK,cAjB2C,uLAkBpD,CADS;IAER,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5C,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7C,MAAM,eAAe,GAAG,UAAU,CAChC,MAAM,CAAC;QACL,IAAI;QACJ,SAAS;QACT,KAAK;QACL,eAAe;QACf,OAAO;QACP,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC;QACvB,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBAClD,CAAC,CAAC,SAAS;KAChB,CAAC,EACF,SAAS,CACV,CAAC;IAEF,IAAI,OAAO,GAAG,QAAQ,CAAC;IACvB,IAAI,OAAO,IAAI,WAAW,EAAE,CAAC;QAC3B,OAAO,GAAG,WAAW,CAAC;IACxB,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QAChB,OAAO,GAAG,eAAM,SAAS,EAAE,iBAAiB,CAAC,MAAM,YAAG,IAAI,GAAQ,CAAC;IACrE,CAAC;IAED,OAAO,CACL,MAAC,aAAa,kBACZ,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACtC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAChC,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,SAAS,EAAE,eAAe,EAC1B,GAAG,EAAE,GAAiE,IAClE,KAAK,eAER,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAE,iBAAiB,CAAC,IAAI,YAAE,KAAC,UAAU,KAAG,GAAO,CAC/D,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,CACvB,eAAM,SAAS,EAAE,iBAAiB,CAAC,IAAI,YAAG,QAAQ,GAAQ,CAC3D,EACA,OAAO,EACP,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CACnD,eAAM,SAAS,EAAE,iBAAiB,CAAC,KAAK,YAAG,SAAS,GAAQ,CAC7D,EACA,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,CACvC,eAAM,SAAS,EAAE,iBAAiB,CAAC,OAAO,YAAE,KAAC,UAAU,KAAG,GAAO,CAClE,KACa,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Button/Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import {\n  AnchorHTMLAttributes, HTMLAttributes, ReactNode, ForwardedRef,\n  forwardRef, memo, ButtonHTMLAttributes,\n} from 'react';\nimport classnames from 'clsx';\nimport { button, buttonIconWrapper } from '@finam/web-ui-kit-core/styles/button';\nimport LoaderDots from '../LoaderDots/index.js';\nimport type { Variant, Size, Color, AlternativeType } from './types.js';\n\nexport const classNames = button.classNames.variants;\n\nexport interface Props extends HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>,\n  Omit<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>, keyof HTMLAttributes<HTMLAnchorElement>>,\n  Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Состояние загрузки */\n  loading?: boolean;\n  /** Текст на кнопке отображаемый при состоянии загрузки */\n  loadingText?: string;\n  /** from HTMLButtonElement */\n  disabled?: boolean;\n  /** Растяжение компонента по ширине контейнера */\n  fullWidth?: boolean;\n  /** Вариант отображения кнопки */\n  variant?: Variant;\n  /** Размер кнопки */\n  size?: Size;\n  /** Основной цвет кнопки */\n  color?: Color;\n  /** Тип для альтернативного цвета. Влияет только на вариант `outline` c цветом `alternative` */\n  alternativeType?: AlternativeType;\n  /** Иконка, отображаемая слева от текста */\n  leftIcon?: ReactNode;\n  /** Иконка, отображаемая справа от текста */\n  rightIcon?: ReactNode;\n  /** Иконка, отображаемая вместо текста */\n  icon?: ReactNode;\n}\n\nconst Button = forwardRef<HTMLButtonElement, Props>(({\n  children,\n  variant = 'primary',\n  size = 'm',\n  color = 'default',\n  alternativeType = 'inverse',\n  onClick,\n  href,\n  disabled,\n  loading,\n  loadingText,\n  fullWidth,\n  className,\n  leftIcon,\n  rightIcon,\n  icon,\n  type = 'button',\n  ...props\n}, ref) => {\n  const ButtonElement = href ? 'a' : 'button';\n  const resolvedType = href ? undefined : type;\n\n  const buttonClassName = classnames(\n    button({\n      size,\n      fullWidth,\n      color,\n      alternativeType,\n      variant,\n      iconOnly: Boolean(icon),\n      state: disabled\n        ? 'disabled'\n        : loading\n          ? (loadingText ? 'loadingText' : 'loadingOverlay')\n          : 'default',\n    }),\n    className,\n  );\n\n  let content = children;\n  if (loading && loadingText) {\n    content = loadingText;\n  } else if (icon) {\n    content = <span className={buttonIconWrapper.center}>{icon}</span>;\n  }\n\n  return (\n    <ButtonElement\n      type={resolvedType}\n      onClick={loading ? undefined : onClick}\n      href={loading ? undefined : href}\n      disabled={disabled || loading}\n      className={buttonClassName}\n      ref={ref as ForwardedRef<HTMLAnchorElement & HTMLButtonElement | null>}\n      {...props}\n    >\n      {loading && loadingText ? (\n        <span className={buttonIconWrapper.left}><LoaderDots /></span>\n      ) : leftIcon && !icon && (\n        <span className={buttonIconWrapper.left}>{leftIcon}</span>\n      )}\n      {content}\n      {rightIcon && !icon && (!loading || !loadingText) && (\n        <span className={buttonIconWrapper.right}>{rightIcon}</span>\n      )}\n      {loading && !disabled && !loadingText && (\n        <span className={buttonIconWrapper.overlay}><LoaderDots /></span>\n      )}\n    </ButtonElement>\n  );\n});\n\nexport default memo(Button);\n"],"names":["classNames","button","Button","forwardRef","children","variant","size","color","alternativeType","onClick","href","disabled","loading","loadingText","fullWidth","className","leftIcon","rightIcon","icon","type","props","ref","ButtonElement","resolvedType","undefined","buttonClassName","classnames","Boolean","content","buttonIconWrapper","LoaderDots","memo"],"mappings":";;;;;;;;AASO,MAAMA,aAAaC,cAAAA,UAAAA,CAAAA,QAA0B;AA6BpD,MAAMC,SAAS,WAAHA,GAAGC,WAAqC,CAAC,IAAD;;;;iCAAC,EACnDC,QAAQ,EACRC,UAAU,SAAS,EACnBC,OAAO,GAAG,EACVC,QAAQ,SAAS,EACjBC,kBAAkB,SAAS,EAC3BC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,OAAO,QAAQ,EAEhB,UADIC,QAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,gBAAgBZ,OAAO,MAAM;IACnC,MAAMa,eAAeb,OAAOc,SAAYL;IAExC,MAAMM,kBAAkBC,KACtBzB,cAAO;QACLK;QACAQ;QACAP;QACAC;QACAH;QACA,UAAUsB,QAAQT;QAClB,OAAOP,WACH,aACAC,UACGC,cAAc,gBAAgB,mBAC/B;IACR,IACAE;IAGF,IAAIa,UAAUxB;IACd,IAAIQ,WAAWC,aACbe,UAAUf;SACL,IAAIK,MACTU,UAAU,WAAVA,GAAU,IAAC;QAAK,WAAWC,kBAAkB,MAAM;kBAAGX;;IAGxD,OAAO,WAAP,GACE,KAACI,eAAAA,uBAAAA,EAAAA;QACC,MAAMC;QACN,SAASX,UAAUY,SAAYf;QAC/B,MAAMG,UAAUY,SAAYd;QAC5B,UAAUC,YAAYC;QACtB,WAAWa;QACX,KAAKJ;OACDD,QAAAA;;YAEHR,WAAWC,cAAc,WAAdA,GACV,IAAC;gBAAK,WAAWgB,kBAAkB,IAAI;0BAAE,kBAACC,YAAUA,CAAAA;iBAClDd,YAAY,CAACE,QAAQ,WAARA,GACf,IAAC;gBAAK,WAAWW,kBAAkB,IAAI;0BAAGb;;YAE3CY;YACAX,aAAa,CAACC,QAAS,EAACN,WAAW,CAACC,WAAU,mBAC7C,IAAC;gBAAK,WAAWgB,kBAAkB,KAAK;0BAAGZ;;YAE5CL,WAAW,CAACD,YAAY,CAACE,eAAe,WAAfA,GACxB,IAAC;gBAAK,WAAWgB,kBAAkB,OAAO;0BAAE,kBAACC,YAAUA,CAAAA;;;;AAI/D;AAEA,oCAAeC,KAAK7B"}

package/dist/Button/index.js

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

package/dist/Button/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/ButtonAsync/ButtonAsync.js

@@ -1,48 +1,59 @@
-import { __awaiter, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo, useCallback, useEffect, useRef, useState, } from 'react';
-import Button from '../Button/index.js';
+import { _ } from "@swc/helpers/_/_async_to_generator";
+import { _ as _object_spread__ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useEffect, useRef, useState } from "react";
+import Button from "../Button/index.js";
 const LOADING_DELAY = 100;
-const ButtonAsync = forwardRef((_a, ref) => {
-    var { loading, onClick } = _a, props = __rest(_a, ["loading", "onClick"]);
+const ButtonAsync = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { loading, onClick } = _ref1, props = _object_without_properties__(_ref1, [
+        "loading",
+        "onClick"
+    ]), [ref] = _rest;
     const loadingTimeoutId = useRef(null);
     const clickPromise = useRef(null);
     const [loadingPromise, setLoadingPromise] = useState(false);
-    const cancelLoadingTimeout = useCallback(() => {
+    const cancelLoadingTimeout = useCallback(()=>{
         if (loadingTimeoutId.current) {
             clearTimeout(loadingTimeoutId.current);
             loadingTimeoutId.current = null;
         }
     }, []);
-    const handleClick = useCallback((event) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!onClick || clickPromise.current) {
-            return;
-        }
-        const clickResult = onClick(event);
-        if (!(clickResult instanceof Promise)) {
-            return;
-        }
-        clickPromise.current = clickResult;
-        loadingTimeoutId.current = setTimeout(() => {
-            setLoadingPromise(true);
-        }, LOADING_DELAY);
-        try {
-            yield clickResult;
-        }
-        catch (_a) {
-        }
-        finally {
-            cancelLoadingTimeout();
-            clickPromise.current = null;
-            setLoadingPromise(false);
-        }
-    }), [onClick, cancelLoadingTimeout]);
-    useEffect(() => {
-        return () => {
+    const handleClick = useCallback((event)=>_(function*() {
+            if (!onClick || clickPromise.current) return;
+            const clickResult = onClick(event);
+            if (!(clickResult instanceof Promise)) return;
+            clickPromise.current = clickResult;
+            loadingTimeoutId.current = setTimeout(()=>{
+                setLoadingPromise(true);
+            }, LOADING_DELAY);
+            try {
+                yield clickResult;
+            } catch (unused) {} finally{
+                cancelLoadingTimeout();
+                clickPromise.current = null;
+                setLoadingPromise(false);
+            }
+        })(), [
+        onClick,
+        cancelLoadingTimeout
+    ]);
+    useEffect(()=>()=>{
             cancelLoadingTimeout();
-        };
-    }, [cancelLoadingTimeout]);
-    return (_jsx(Button, Object.assign({}, props, { ref: ref, onClick: handleClick, loading: loading !== null && loading !== void 0 ? loading : loadingPromise })));
+        }, [
+        cancelLoadingTimeout
+    ]);
+    return /*#__PURE__*/ jsx(Button, _object_spread_props__(_object_spread__({}, props), {
+        ref: ref,
+        onClick: handleClick,
+        loading: null != loading ? loading : loadingPromise
+    }));
 });
-export default memo(ButtonAsync);
+const ButtonAsync_ButtonAsync = /*#__PURE__*/ memo(ButtonAsync);
+export default ButtonAsync_ButtonAsync;
+
 //# sourceMappingURL=ButtonAsync.js.map

package/dist/ButtonAsync/ButtonAsync.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonAsync.js","sourceRoot":"","sources":["../../src/ButtonAsync/ButtonAsync.tsx"],"names":[],"mappings":";;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,MAA4B,MAAM,oBAAoB,CAAC;AAE9D,MAAM,aAAa,GAAG,GAAG,CAAC;AAO1B,MAAM,WAAW,GAAG,UAAU,CAA2B,CAAC,EAIzD,EAAE,GAAG,EAAE,EAAE;QAJgD,EACxD,OAAO,EACP,OAAO,OAER,EADI,KAAK,cAHgD,sBAIzD,CADS;IAER,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACvC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAO,KAA8B,EAAE,EAAE;QACvE,IAAI,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAEnC,IAAI,CAAC,CAAC,WAAW,YAAY,OAAO,CAAC,EAAE,CAAC;YACtC,OAAO;QACT,CAAC;QAED,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;QACnC,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACzC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,EAAE,aAAa,CAAC,CAAC;QAElB,IAAI,CAAC;YACH,MAAM,WAAW,CAAC;QACpB,CAAC;QAAC,WAAM,CAAC;QACT,CAAC;gBAAS,CAAC;YACT,oBAAoB,EAAE,CAAC;YACvB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAA,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,oBAAoB,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,KAAC,MAAM,oBACD,KAAK,IACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc,IAClC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"ButtonAsync/ButtonAsync.js","sources":["../../src/ButtonAsync/ButtonAsync.tsx"],"sourcesContent":["import {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent,\n} from 'react';\nimport Button, { type ButtonProps } from '../Button/index.js';\n\nconst LOADING_DELAY = 100;\n\nexport interface Props extends Omit<ButtonProps, 'onClick'> {\n  /** Обработчик клика. Если возвращает `Promise`, кнопка автоматически переходит в состояние загрузки до его завершения */\n  onClick?(event: MouseEvent<HTMLElement>): unknown;\n}\n\nconst ButtonAsync = forwardRef<HTMLButtonElement, Props>(({\n  loading,\n  onClick,\n  ...props\n}, ref) => {\n  const loadingTimeoutId = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clickPromise = useRef<Promise<unknown> | null>(null);\n  const [loadingPromise, setLoadingPromise] = useState(false);\n\n  const cancelLoadingTimeout = useCallback(() => {\n    if (loadingTimeoutId.current) {\n      clearTimeout(loadingTimeoutId.current);\n      loadingTimeoutId.current = null;\n    }\n  }, []);\n\n  const handleClick = useCallback(async (event: MouseEvent<HTMLElement>) => {\n    if (!onClick || clickPromise.current) {\n      return;\n    }\n\n    const clickResult = onClick(event);\n\n    if (!(clickResult instanceof Promise)) {\n      return;\n    }\n\n    clickPromise.current = clickResult;\n    loadingTimeoutId.current = setTimeout(() => {\n      setLoadingPromise(true);\n    }, LOADING_DELAY);\n\n    try {\n      await clickResult;\n    } catch {\n    } finally {\n      cancelLoadingTimeout();\n      clickPromise.current = null;\n      setLoadingPromise(false);\n    }\n  }, [onClick, cancelLoadingTimeout]);\n\n  useEffect(() => {\n    return () => {\n      cancelLoadingTimeout();\n    };\n  }, [cancelLoadingTimeout]);\n\n  return (\n    <Button\n      {...props}\n      ref={ref}\n      onClick={handleClick}\n      loading={loading ?? loadingPromise}\n    />\n  );\n});\n\nexport default memo(ButtonAsync);\n"],"names":["LOADING_DELAY","ButtonAsync","forwardRef","loading","onClick","props","ref","loadingTimeoutId","useRef","clickPromise","loadingPromise","setLoadingPromise","useState","cancelLoadingTimeout","useCallback","clearTimeout","handleClick","event","clickResult","Promise","setTimeout","useEffect","Button","memo"],"mappings":";;;;;;;AAWA,MAAMA,gBAAgB;AAOtB,MAAMC,cAAc,WAAHA,GAAGC,WAAqC,CAAC,IAAD;;;;iCAAC,EACxDC,OAAO,EACPC,OAAO,EAER,UADIC,QAAAA,6BAAAA,OAAAA;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,mBAAmBC,OAA6C;IACtE,MAAMC,eAAeD,OAAgC;IACrD,MAAM,CAACE,gBAAgBC,kBAAkB,GAAGC,SAAS;IAErD,MAAMC,uBAAuBC,YAAY;QACvC,IAAIP,iBAAiB,OAAO,EAAE;YAC5BQ,aAAaR,iBAAiB,OAAO;YACrCA,iBAAiB,OAAO,GAAG;QAC7B;IACF,GAAG,EAAE;IAEL,MAAMS,cAAcF,YAAY,CAAOG,QAAAA,EAAAA;YACrC,IAAI,CAACb,WAAWK,aAAa,OAAO,EAClC;YAGF,MAAMS,cAAcd,QAAQa;YAE5B,IAAI,CAAEC,CAAAA,uBAAuBC,OAAM,GACjC;YAGFV,aAAa,OAAO,GAAGS;YACvBX,iBAAiB,OAAO,GAAGa,WAAW;gBACpCT,kBAAkB;YACpB,GAAGX;YAEH,IAAI;gBACF,MAAMkB;YACR,EAAE,eAAM,CACR,SAAU;gBACRL;gBACAJ,aAAa,OAAO,GAAG;gBACvBE,kBAAkB;YACpB;QACF,MAAG;QAACP;QAASS;KAAqB;IAElCQ,UAAU,IACD;YACLR;QACF,GACC;QAACA;KAAqB;IAEzB,OAAO,WAAP,GACE,IAACS,QAAMA,uBAAAA,iBAAAA,CAAAA,GACDjB,QAAAA;QACJ,KAAKC;QACL,SAASU;QACT,SAASb,QAAAA,UAAAA,UAAWO;;AAG1B;AAEA,8CAAea,KAAKtB"}

package/dist/ButtonAsync/index.js

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