@consta/uikit 4.33.1 → 5.0.0-beta.2

package/__internal__/src/components/BookmarkTabs/types.d.ts

@@ -0,0 +1,91 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare const bookmarkTabsPropSize: readonly ["m", "s"];
+export declare type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];
+export declare const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize;
+export declare const bookmarkTabsPropForm: readonly ["brick", "round"];
+export declare type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];
+export declare const bookmarkTabsPropFormDefault: BookmarkTabsPropForm;
+export declare const bookmarkTabsPropView: readonly ["ghost", "clear"];
+export declare type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];
+export declare const bookmarkTabsPropViewDefault: BookmarkTabsPropView;
+export declare type BookmarkTabsItemDefault = {
+    key: string | number;
+    label?: string | number;
+    leftIcon?: IconComponent;
+    rightIcon?: IconComponent;
+    fixed?: boolean;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    attributes?: AsAttributes;
+};
+export declare type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type BookmarkTabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number | undefined;
+export declare type BookmarkTabsPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type BookmarkTabsPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type BookmarkTabsPropGetItemFixed<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type BookmarkTabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export declare type BookmarkTabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export declare type BookmarkTabsPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export declare type BookmarkTabsPropOnChange<ITEM> = (value: ITEM, params: {
+    e: React.MouseEvent;
+}) => void;
+export declare type BookmarkTabsRenderItemProps<ITEM> = {
+    item: ITEM;
+    hovered?: boolean;
+    onClick: React.MouseEventHandler;
+    active?: boolean;
+    onClose?: React.MouseEventHandler;
+    size: BookmarkTabsPropSize;
+    form: BookmarkTabsPropForm;
+    view: BookmarkTabsPropView;
+    bordered?: boolean;
+    tabWidth?: string;
+    tabRef?: React.RefObject<HTMLElement>;
+} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;
+export declare type BookmarkTabsPropRenderItem<ITEM> = (props: BookmarkTabsRenderItemProps<ITEM>) => React.ReactElement | null;
+export declare type BookmarkTabsPropOnRemove<ITEM> = (item: ITEM, params: {
+    e: React.MouseEvent;
+}) => void;
+export declare type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    size?: BookmarkTabsPropSize;
+    form?: BookmarkTabsPropForm;
+    view?: BookmarkTabsPropView;
+    items: ITEM[];
+    value?: ITEM | null;
+    getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;
+    getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;
+    getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;
+    getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;
+    getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;
+    getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;
+    getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;
+    getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;
+    children?: never;
+    withNavigationButtons?: boolean;
+    onCreate?: React.MouseEventHandler;
+    onRemove?: BookmarkTabsPropOnRemove<ITEM>;
+    onChange?: BookmarkTabsPropOnChange<ITEM>;
+    renderItem?: BookmarkTabsPropRenderItem<ITEM>;
+}, HTMLDivElement> & (ITEM extends {
+    key: string | number;
+} ? {} : {
+    getItemKey: BookmarkTabsPropGetItemKey<ITEM>;
+});
+export declare type BookmarkTabsComponent = <ITEM>(props: BookmarkTabsProps<ITEM>) => React.ReactElement | null;
+export declare type BookmarkTabsTabProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<{
+    hovered?: boolean;
+    size: BookmarkTabsPropSize;
+    form: BookmarkTabsPropForm;
+    view: BookmarkTabsPropView;
+    active?: boolean;
+    tabWidth?: string;
+    bordered?: boolean;
+    tabRef?: React.RefObject<HTMLElement>;
+    fixed?: boolean;
+    onClose?: React.ReactEventHandler;
+}, AS> & Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;
+export declare type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(props: BookmarkTabsTabProps<AS>) => React.ReactElement | null;

package/__internal__/src/components/BookmarkTabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["bookmarkTabsPropSize","bookmarkTabsPropSizeDefault","bookmarkTabsPropForm","bookmarkTabsPropFormDefault","bookmarkTabsPropView","bookmarkTabsPropViewDefault"],"sources":["../../../../../src/components/BookmarkTabs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const bookmarkTabsPropSize = ['m', 's'] as const;\nexport type BookmarkTabsPropSize = typeof bookmarkTabsPropSize[number];\nexport const bookmarkTabsPropSizeDefault: BookmarkTabsPropSize =\n  bookmarkTabsPropSize[0];\n\nexport const bookmarkTabsPropForm = ['brick', 'round'] as const;\nexport type BookmarkTabsPropForm = typeof bookmarkTabsPropForm[number];\nexport const bookmarkTabsPropFormDefault: BookmarkTabsPropForm =\n  bookmarkTabsPropForm[0];\n\nexport const bookmarkTabsPropView = ['ghost', 'clear'] as const;\nexport type BookmarkTabsPropView = typeof bookmarkTabsPropView[number];\nexport const bookmarkTabsPropViewDefault: BookmarkTabsPropView =\n  bookmarkTabsPropView[0];\n\nexport type BookmarkTabsItemDefault = {\n  key: string | number;\n  label?: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  fixed?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n};\n\nexport type BookmarkTabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type BookmarkTabsPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type BookmarkTabsPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BookmarkTabsPropGetItemFixed<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type BookmarkTabsPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => AsTags | undefined;\nexport type BookmarkTabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\nexport type BookmarkTabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => AsAttributes | undefined;\n\nexport type BookmarkTabsPropOnChange<ITEM> = (\n  value: ITEM,\n  params: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type BookmarkTabsRenderItemProps<ITEM> = {\n  item: ITEM;\n  hovered?: boolean;\n  onClick: React.MouseEventHandler;\n  active?: boolean;\n  onClose?: React.MouseEventHandler;\n  size: BookmarkTabsPropSize;\n  form: BookmarkTabsPropForm;\n  view: BookmarkTabsPropView;\n  bordered?: boolean;\n  tabWidth?: string;\n  tabRef?: React.RefObject<HTMLElement>;\n} & Omit<BookmarkTabsItemDefault, 'key' | 'ref'>;\n\nexport type BookmarkTabsPropRenderItem<ITEM> = (\n  props: BookmarkTabsRenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsPropOnRemove<ITEM> = (\n  item: ITEM,\n  params: { e: React.MouseEvent },\n) => void;\n\nexport type BookmarkTabsProps<ITEM = BookmarkTabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: BookmarkTabsPropSize;\n      form?: BookmarkTabsPropForm;\n      view?: BookmarkTabsPropView;\n      items: ITEM[];\n      value?: ITEM | null;\n      getItemKey?: BookmarkTabsPropGetItemKey<ITEM>;\n      getItemLabel?: BookmarkTabsPropGetItemLabel<ITEM>;\n      getItemLeftIcon?: BookmarkTabsPropGetItemLeftIcon<ITEM>;\n      getItemRightIcon?: BookmarkTabsPropGetItemRightIcon<ITEM>;\n      getItemFixed?: BookmarkTabsPropGetItemFixed<ITEM>;\n      getItemAs?: BookmarkTabsPropGetItemAs<ITEM>;\n      getItemRef?: BookmarkTabsPropGetItemRef<ITEM>;\n      getItemAttributes?: BookmarkTabsPropGetItemAttributes<ITEM>;\n      children?: never;\n      withNavigationButtons?: boolean;\n      onCreate?: React.MouseEventHandler;\n      onRemove?: BookmarkTabsPropOnRemove<ITEM>;\n      onChange?: BookmarkTabsPropOnChange<ITEM>;\n      renderItem?: BookmarkTabsPropRenderItem<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { key: string | number }\n      ? {}\n      : {\n          getItemKey: BookmarkTabsPropGetItemKey<ITEM>;\n        });\n\nexport type BookmarkTabsComponent = <ITEM>(\n  props: BookmarkTabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BookmarkTabsTabProps<AS extends AsTags = 'div'> =\n  PropsWithAsAttributes<\n    {\n      hovered?: boolean;\n      size: BookmarkTabsPropSize;\n      form: BookmarkTabsPropForm;\n      view: BookmarkTabsPropView;\n      active?: boolean;\n      tabWidth?: string;\n      bordered?: boolean;\n      tabRef?: React.RefObject<HTMLElement>;\n      fixed?: boolean;\n      onClose?: React.ReactEventHandler;\n    },\n    AS\n  > &\n    Omit<BookmarkTabsItemDefault, 'key' | 'attributes' | 'ref'>;\n\nexport type BookmarkTabsTabComponent = <AS extends AsTags = 'div'>(\n  props: BookmarkTabsTabProps<AS>,\n) => React.ReactElement | null;\n"],"mappings":"AAOA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,qBAAoB,CAAG,CAAC,OAAD,CAAU,OAAV,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}

package/__internal__/src/components/BookmarkTabs/useBookmarkTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBookmarkTabs.js","names":["useLayoutEffect","useMemo","useState","useRefs","MAX_TAB_SIZE","useBookmarkTabs","props","items","getItemFixed","withNavigationButtons","refs","length","wrapperRef","containerRef","fixedTabsRef","otherTabsRef","controlsRef","addButtonRef","sizes","setSizes","showControls","setShowControls","fixedTabs","otherTabs","forEach","item","push","ref","resizeObserver","ResizeObserver","containerWidth","current","offsetWidth","fixedWidth","scrollWidth","otherWidth","itemSize","Math","min","Array","from","fill","observe","disconnect","navigate","type","container","i","offsetLeft","scrollLeft","index","node","scrollTo","left","behavior"],"sources":["../../../../../src/components/BookmarkTabs/useBookmarkTabs.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\n\nimport {\n  BookmarkTabsItemDefault,\n  BookmarkTabsPropGetItemFixed,\n  BookmarkTabsPropSize,\n} from './types';\n\ntype UseBookmarkTabsProps<ITEM = BookmarkTabsItemDefault> = {\n  items: ITEM[];\n  getItemFixed: BookmarkTabsPropGetItemFixed<ITEM>;\n  withNavigationButtons?: boolean;\n  withAddButton?: boolean;\n  size: BookmarkTabsPropSize;\n};\n\nconst MAX_TAB_SIZE = 200;\n\nexport const useBookmarkTabs = <ITEM>(props: UseBookmarkTabsProps<ITEM>) => {\n  const { items, getItemFixed, withNavigationButtons } = props;\n\n  const refs = useRefs<HTMLDivElement>(items.length);\n\n  const [\n    wrapperRef,\n    containerRef,\n    fixedTabsRef,\n    otherTabsRef,\n    controlsRef,\n    addButtonRef,\n  ] = useRefs<HTMLDivElement>(6);\n\n  const [sizes, setSizes] = useState<string[]>([]);\n\n  const [showControls, setShowControls] = useState(false);\n\n  const { fixedTabs, otherTabs } = useMemo(() => {\n    const fixedTabs: ITEM[] = [];\n    const otherTabs: ITEM[] = [];\n\n    items.forEach((item) => {\n      if (getItemFixed(item)) {\n        fixedTabs.push(item);\n      } else {\n        otherTabs.push(item);\n      }\n    });\n\n    return {\n      fixedTabs,\n      otherTabs,\n    };\n  }, [items, getItemFixed]);\n\n  const navigate = (type: 'next' | 'prev') => {\n    const container = wrapperRef.current;\n    if (container) {\n      for (let i = 0; i < refs.length; i++) {\n        const ref = refs[i];\n        if (ref.current) {\n          if (\n            ref.current.offsetLeft >=\n            container.offsetLeft + container.scrollLeft\n          ) {\n            const index = i + (type === 'next' ? 1 : -1);\n            const node = refs[index]?.current;\n            if (node) {\n              container.scrollTo({\n                left: node.offsetLeft - container.offsetLeft,\n                behavior: 'smooth',\n              });\n            }\n            return;\n          }\n        }\n      }\n    }\n  };\n\n  useLayoutEffect(() => {\n    const refs = [\n      containerRef,\n      fixedTabsRef,\n      wrapperRef,\n      otherTabsRef,\n      controlsRef,\n    ];\n    const resizeObserver = new ResizeObserver(() => {\n      const containerWidth = containerRef.current?.offsetWidth ?? 0;\n      const fixedWidth = fixedTabsRef.current?.offsetWidth ?? 0;\n\n      const showControls =\n        (fixedTabsRef.current?.scrollWidth ?? 0) +\n          (otherTabsRef.current?.scrollWidth ?? 0) >\n          containerWidth - (addButtonRef.current?.offsetWidth ?? 0) &&\n        !!withNavigationButtons;\n\n      const otherWidth =\n        containerWidth -\n        (controlsRef.current?.offsetWidth ?? 0) -\n        (addButtonRef.current?.offsetWidth ?? 0) -\n        fixedWidth;\n\n      const itemSize = `${\n        otherWidth\n          ? Math.min(otherWidth / otherTabs.length, MAX_TAB_SIZE)\n          : MAX_TAB_SIZE\n      }px`;\n      setSizes(Array.from<string>({ length: otherTabs.length }).fill(itemSize));\n      setShowControls(showControls);\n    });\n\n    for (const ref of refs) {\n      ref.current && resizeObserver.observe(ref.current);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [\n    otherTabs.length,\n    fixedTabs.length,\n    withNavigationButtons,\n    wrapperRef.current,\n    containerRef.current,\n    fixedTabsRef.current,\n    controlsRef.current,\n  ]);\n\n  return {\n    refs,\n    containerRef,\n    wrapperRef,\n    fixedTabsRef,\n    otherTabsRef,\n    showControls,\n    fixedTabs,\n    otherTabs,\n    navigate,\n    sizes,\n    controlsRef,\n    addButtonRef,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/Breadcrumbs/Breadcrumbs.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","onlyIconRoot","className","fitMode","lastItemIsLink"];import"./Breadcrumbs.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{BreadcrumbsFitModeDropdown}from"./BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown";import{BreadcrumbsFitModeScroll}from"./BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll";import{BreadcrumbsItem}from"./BreadcrumbsItem/BreadcrumbsItem";import{withDefaultGetters}from"./helpers";import{breadcrumbPropFitModeDefault,breadcrumbPropSizeDefault}from"./types";export var cnBreadcrumbs=cn("Breadcrumbs");var BreadcrumbsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemHref,f=c.getItemLabel,g=c.getItemIcon,h=c.getItemOnClick,i=c.getItemSubMenu,j=c.onItemClick,k=c.size,l=void 0===k?breadcrumbPropSizeDefault:k,m=c.onlyIconRoot,n=c.className,o=c.fitMode,p=void 0===o?breadcrumbPropFitModeDefault:o,q=c.lastItemIsLink,r=_objectWithoutProperties(c,_excluded),s=2>=d.length,t=function(a,b,c,d,k,n){if(void 0!==a){var o=function(a){var b,c=a.e,d=a.item;null===h||void 0===h||null===(b=h(d))||void 0===b?void 0:b(c),null===j||void 0===j?void 0:j({e:c,item:d})};return React.createElement(BreadcrumbsItem,{className:cnBreadcrumbs("Item",{hidden:n}),item:a,getItemHref:e,getItemIcon:g,getItemLabel:f,getItemSubMenu:i,onItemClick:o,active:!q&&d,delimiter:!c,onlyIcon:void 0!==m&&m&&c,key:cnBreadcrumbs("Item",{index:b}),size:l,ref:k})}};return 2>=d.length?React.createElement("ul",Object.assign({},r,{className:cnBreadcrumbs({shortList:s},[n]),ref:b}),d.map(function(a,b){return t(a,b,0===b,b===d.length-1)})):"scroll"===p?React.createElement(BreadcrumbsFitModeScroll,Object.assign({},r,{className:cnBreadcrumbs(null,[n]),items:d,renderItem:t,ref:b})):React.createElement(BreadcrumbsFitModeDropdown,Object.assign({},r,{size:l,className:cnBreadcrumbs(null,[n]),items:d,getItemHref:e,getItemIcon:g,getItemLabel:f,getItemOnClick:h,getItemSubMenu:i,onItemClick:j,ref:b,renderItem:t}))};export var Breadcrumbs=forwardRef(BreadcrumbsRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","onlyIconRoot","className","fitMode","lastItemIsLink"];import"./Breadcrumbs.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{BreadcrumbsFitModeDropdown}from"./BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown";import{BreadcrumbsFitModeScroll}from"./BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll";import{BreadcrumbsItem}from"./BreadcrumbsItem/BreadcrumbsItem";import{withDefaultGetters}from"./helpers";import{breadcrumbPropFitModeDefault,breadcrumbPropSizeDefault}from"./types";export var cnBreadcrumbs=cn("Breadcrumbs");var BreadcrumbsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemHref,f=c.getItemLabel,g=c.getItemIcon,h=c.getItemOnClick,i=c.getItemSubMenu,j=c.onItemClick,k=c.size,l=void 0===k?breadcrumbPropSizeDefault:k,m=c.onlyIconRoot,n=c.className,o=c.fitMode,p=void 0===o?breadcrumbPropFitModeDefault:o,q=c.lastItemIsLink,r=_objectWithoutProperties(c,_excluded),s=2>=d.length,t=function(a,b,c,d,k,n){if(void 0!==a){var o=function(a,b){var c,d=b.e;null===h||void 0===h||null===(c=h(a))||void 0===c?void 0:c(d),null===j||void 0===j?void 0:j(a,{e:d})};return React.createElement(BreadcrumbsItem,{className:cnBreadcrumbs("Item",{hidden:n}),item:a,getItemHref:e,getItemIcon:g,getItemLabel:f,getItemSubMenu:i,onItemClick:o,active:!q&&d,delimiter:!c,onlyIcon:void 0!==m&&m&&c,key:cnBreadcrumbs("Item",{index:b}),size:l,ref:k})}};return 2>=d.length?React.createElement("ul",Object.assign({},r,{className:cnBreadcrumbs({shortList:s},[n]),ref:b}),d.map(function(a,b){return t(a,b,0===b,b===d.length-1)})):"scroll"===p?React.createElement(BreadcrumbsFitModeScroll,Object.assign({},r,{className:cnBreadcrumbs(null,[n]),items:d,renderItem:t,ref:b})):React.createElement(BreadcrumbsFitModeDropdown,Object.assign({},r,{size:l,className:cnBreadcrumbs(null,[n]),items:d,getItemHref:e,getItemIcon:g,getItemLabel:f,getItemOnClick:h,getItemSubMenu:i,onItemClick:j,ref:b,renderItem:t}))};export var Breadcrumbs=forwardRef(BreadcrumbsRender);export*from"./types";
 //# sourceMappingURL=Breadcrumbs.js.map

package/__internal__/src/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["React","forwardRef","cn","BreadcrumbsFitModeDropdown","BreadcrumbsFitModeScroll","BreadcrumbsItem","withDefaultGetters","breadcrumbPropFitModeDefault","breadcrumbPropSizeDefault","cnBreadcrumbs","BreadcrumbsRender","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","onlyIconRoot","className","fitMode","lastItemIsLink","otherProps","shortList","length","renderItem","item","index","isFirst","isLast","hidden","handleClick","e","map","Breadcrumbs"],"sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import './Breadcrumbs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { BreadcrumbsFitModeDropdown } from './BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown';\nimport { BreadcrumbsFitModeScroll } from './BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll';\nimport { BreadcrumbsItem } from './BreadcrumbsItem/BreadcrumbsItem';\nimport { withDefaultGetters } from './helpers';\nimport {\n  breadcrumbPropFitModeDefault,\n  breadcrumbPropSizeDefault,\n  BreadcrumbsComponent,\n  BreadcrumbsPropOnItemClick,\n  BreadcrumbsProps,\n  RenderItem,\n} from './types';\n\nexport const cnBreadcrumbs = cn('Breadcrumbs');\n\nconst BreadcrumbsRender = (\n  props: BreadcrumbsProps,\n  ref: React.Ref<HTMLUListElement>,\n) => {\n  const {\n    items,\n    getItemHref,\n    getItemLabel,\n    getItemIcon,\n    getItemOnClick,\n    getItemSubMenu,\n    onItemClick,\n    size = breadcrumbPropSizeDefault,\n    onlyIconRoot = false,\n    className,\n    fitMode = breadcrumbPropFitModeDefault,\n    lastItemIsLink,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const shortList = items.length <= 2;\n\n  const renderItem: RenderItem<Item> = (\n    item,\n    index,\n    isFirst,\n    isLast,\n    ref,\n    hidden,\n  ) => {\n    if (item === undefined) {\n      return;\n    }\n\n    const handleClick: BreadcrumbsPropOnItemClick<Item> = ({ e, item }) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.({ e, item });\n    };\n\n    return (\n      <BreadcrumbsItem\n        className={cnBreadcrumbs('Item', { hidden })}\n        item={item}\n        getItemHref={getItemHref}\n        getItemIcon={getItemIcon}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        onItemClick={handleClick}\n        active={lastItemIsLink ? false : isLast}\n        delimiter={!isFirst}\n        onlyIcon={onlyIconRoot && isFirst}\n        key={cnBreadcrumbs('Item', { index })}\n        size={size}\n        ref={ref}\n      />\n    );\n  };\n\n  if (items.length <= 2) {\n    return (\n      <ul\n        {...otherProps}\n        className={cnBreadcrumbs({ shortList }, [className])}\n        ref={ref}\n      >\n        {items.map((item, index) =>\n          renderItem(item, index, index === 0, index === items.length - 1),\n        )}\n      </ul>\n    );\n  }\n\n  if (fitMode === 'scroll') {\n    return (\n      <BreadcrumbsFitModeScroll\n        {...otherProps}\n        className={cnBreadcrumbs(null, [className])}\n        items={items}\n        renderItem={renderItem}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <BreadcrumbsFitModeDropdown\n      {...otherProps}\n      size={size}\n      className={cnBreadcrumbs(null, [className])}\n      items={items}\n      getItemHref={getItemHref}\n      getItemIcon={getItemIcon}\n      getItemLabel={getItemLabel}\n      getItemOnClick={getItemOnClick}\n      getItemSubMenu={getItemSubMenu}\n      onItemClick={onItemClick}\n      ref={ref}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport const Breadcrumbs = forwardRef(\n  BreadcrumbsRender,\n) as BreadcrumbsComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["React","forwardRef","cn","BreadcrumbsFitModeDropdown","BreadcrumbsFitModeScroll","BreadcrumbsItem","withDefaultGetters","breadcrumbPropFitModeDefault","breadcrumbPropSizeDefault","cnBreadcrumbs","BreadcrumbsRender","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","onlyIconRoot","className","fitMode","lastItemIsLink","otherProps","shortList","length","renderItem","item","index","isFirst","isLast","hidden","handleClick","e","map","Breadcrumbs"],"sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import './Breadcrumbs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { BreadcrumbsFitModeDropdown } from './BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown';\nimport { BreadcrumbsFitModeScroll } from './BreadcrumbsFitModeScroll/BreadcrumbsFitModeScroll';\nimport { BreadcrumbsItem } from './BreadcrumbsItem/BreadcrumbsItem';\nimport { withDefaultGetters } from './helpers';\nimport {\n  breadcrumbPropFitModeDefault,\n  breadcrumbPropSizeDefault,\n  BreadcrumbsComponent,\n  BreadcrumbsPropOnItemClick,\n  BreadcrumbsProps,\n  RenderItem,\n} from './types';\n\nexport const cnBreadcrumbs = cn('Breadcrumbs');\n\nconst BreadcrumbsRender = (\n  props: BreadcrumbsProps,\n  ref: React.Ref<HTMLUListElement>,\n) => {\n  const {\n    items,\n    getItemHref,\n    getItemLabel,\n    getItemIcon,\n    getItemOnClick,\n    getItemSubMenu,\n    onItemClick,\n    size = breadcrumbPropSizeDefault,\n    onlyIconRoot = false,\n    className,\n    fitMode = breadcrumbPropFitModeDefault,\n    lastItemIsLink,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const shortList = items.length <= 2;\n\n  const renderItem: RenderItem<Item> = (\n    item,\n    index,\n    isFirst,\n    isLast,\n    ref,\n    hidden,\n  ) => {\n    if (item === undefined) {\n      return;\n    }\n\n    const handleClick: BreadcrumbsPropOnItemClick<Item> = (item, { e }) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.(item, { e });\n    };\n\n    return (\n      <BreadcrumbsItem\n        className={cnBreadcrumbs('Item', { hidden })}\n        item={item}\n        getItemHref={getItemHref}\n        getItemIcon={getItemIcon}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        onItemClick={handleClick}\n        active={lastItemIsLink ? false : isLast}\n        delimiter={!isFirst}\n        onlyIcon={onlyIconRoot && isFirst}\n        key={cnBreadcrumbs('Item', { index })}\n        size={size}\n        ref={ref}\n      />\n    );\n  };\n\n  if (items.length <= 2) {\n    return (\n      <ul\n        {...otherProps}\n        className={cnBreadcrumbs({ shortList }, [className])}\n        ref={ref}\n      >\n        {items.map((item, index) =>\n          renderItem(item, index, index === 0, index === items.length - 1),\n        )}\n      </ul>\n    );\n  }\n\n  if (fitMode === 'scroll') {\n    return (\n      <BreadcrumbsFitModeScroll\n        {...otherProps}\n        className={cnBreadcrumbs(null, [className])}\n        items={items}\n        renderItem={renderItem}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <BreadcrumbsFitModeDropdown\n      {...otherProps}\n      size={size}\n      className={cnBreadcrumbs(null, [className])}\n      items={items}\n      getItemHref={getItemHref}\n      getItemIcon={getItemIcon}\n      getItemLabel={getItemLabel}\n      getItemOnClick={getItemOnClick}\n      getItemSubMenu={getItemSubMenu}\n      onItemClick={onItemClick}\n      ref={ref}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport const Breadcrumbs = forwardRef(\n  BreadcrumbsRender,\n) as BreadcrumbsComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onItemClick","item","size","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children"];import"./BreadcrumbsItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{Text}from"../../Text/Text";import{contextMenuSizeMap,getItemAs,getItemAttributes}from"../BreadcrumbsMore/BreadcrumbsMore";import{iconSizeMap}from"../helpers";export var cnBreadcrumbsItem=cn("BreadcrumbsItem");function BreadcrumbsItemRender(a,b){var c=a.className,d=a.onItemClick,f=a.item,g=a.size,h=a.onlyIcon,i=a.delimiter,j=a.active,k=a.getItemHref,l=a.getItemIcon,m=a.getItemLabel,n=a.getItemSubMenu,o=a.children,p=_objectWithoutProperties(a,_excluded),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useRef(null),v=f&&(null===l||void 0===l?void 0:l(f)),w=v&&h,x=f&&(null===k||void 0===k?void 0:k(f)),y=f&&(null===m||void 0===m?void 0:m(f)),z=f&&(null===n||void 0===n?void 0:n(f)),A=getByMap(iconSizeMap,g),B=x?{as:"a",href:x}:{as:"span"};return React.createElement("li",Object.assign({className:cnBreadcrumbsItem(null,[c]),ref:b},p),i&&React.createElement(IconArrowRight,{className:cnBreadcrumbsItem("Delimiter",[cnMixSpace({mH:g})]),view:"ghost",size:A}),o||React.createElement(React.Fragment,null,React.createElement(Text,Object.assign({className:cnBreadcrumbsItem("Link",{active:j}),view:j?"primary":"secondary",onClick:function handleClick(a){f&&(null===d||void 0===d?void 0:d({e:a,item:f}))},size:g,truncate:!w},B),v&&(w?React.createElement(Button,{type:"button",view:"clear",onlyIcon:!0,iconLeft:v,size:A}):React.createElement(v,{className:cnBreadcrumbsItem("Icon",[cnMixSpace({mR:"xs"})]),size:A})),!w&&y),z&&React.createElement("button",{ref:u,onClick:t.toggle,type:"button",className:cnBreadcrumbsItem("SelectButton")},React.createElement(IconSelect,{size:"xs",view:j?"primary":"secondary"}))),z&&React.createElement(ContextMenu,{isOpen:s,items:z,getItemLabel:m,getItemSubMenu:n,getItemLeftIcon:l,onItemClick:function onItemClick(a){var b=a.e,c=a.item;t.off(),c&&(null===d||void 0===d?void 0:d({e:b,item:c}))},getItemAs:getItemAs(k),getItemAttributes:getItemAttributes(k),direction:"downStartRight",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],anchorRef:u,offset:"xs",onClickOutside:t.off,size:contextMenuSizeMap[g]}))}export var BreadcrumbsItem=forwardRef(BreadcrumbsItemRender);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","onItemClick","item","size","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children"];import"./BreadcrumbsItem.css";import{IconArrowRight}from"@consta/icons/IconArrowRight";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace/MixSpace";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{Text}from"../../Text/Text";import{contextMenuSizeMap,getItemAs,getItemAttributes}from"../BreadcrumbsMore/BreadcrumbsMore";import{iconSizeMap}from"../helpers";export var cnBreadcrumbsItem=cn("BreadcrumbsItem");function BreadcrumbsItemRender(a,b){var c=a.className,d=a.onItemClick,f=a.item,g=a.size,h=a.onlyIcon,i=a.delimiter,j=a.active,k=a.getItemHref,l=a.getItemIcon,m=a.getItemLabel,n=a.getItemSubMenu,o=a.children,p=_objectWithoutProperties(a,_excluded),q=useFlag(),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useRef(null),v=f&&(null===l||void 0===l?void 0:l(f)),w=v&&h,x=f&&(null===k||void 0===k?void 0:k(f)),y=f&&(null===m||void 0===m?void 0:m(f)),z=f&&(null===n||void 0===n?void 0:n(f)),A=getByMap(iconSizeMap,g),B=x?{as:"a",href:x}:{as:"span"};return React.createElement("li",Object.assign({className:cnBreadcrumbsItem(null,[c]),ref:b},p),i&&React.createElement(IconArrowRight,{className:cnBreadcrumbsItem("Delimiter",[cnMixSpace({mH:g})]),view:"ghost",size:A}),o||React.createElement(React.Fragment,null,React.createElement(Text,Object.assign({className:cnBreadcrumbsItem("Link",{active:j}),view:j?"primary":"secondary",onClick:function handleClick(a){f&&(null===d||void 0===d?void 0:d(f,{e:a}))},size:g,truncate:!w,lineHeight:"m"},B),v&&(w?React.createElement(Button,{type:"button",view:"clear",onlyIcon:!0,iconLeft:v,size:A}):React.createElement(v,{className:cnBreadcrumbsItem("Icon",[cnMixSpace({mR:"xs"})]),size:A})),!w&&y),z&&React.createElement("button",{ref:u,onClick:t.toggle,type:"button",className:cnBreadcrumbsItem("SelectButton")},React.createElement(IconSelect,{size:"xs",view:j?"primary":"secondary"}))),z&&React.createElement(ContextMenu,{isOpen:s,items:z,getItemLabel:m,getItemSubMenu:n,getItemLeftIcon:l,onItemClick:function onItemClick(a,b){var c=b.e;t.off(),a&&(null===d||void 0===d?void 0:d(a,{e:c}))},getItemAs:getItemAs(k),getItemAttributes:getItemAttributes(k),direction:"downStartRight",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],anchorRef:u,offset:"xs",onClickOutside:t.off,size:contextMenuSizeMap[g]}))}export var BreadcrumbsItem=forwardRef(BreadcrumbsItemRender);
 //# sourceMappingURL=BreadcrumbsItem.js.map

package/__internal__/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.js","names":["IconArrowRight","IconSelect","React","forwardRef","useRef","useFlag","cnMixSpace","cn","getByMap","Button","ContextMenu","Text","contextMenuSizeMap","getItemAs","getItemAttributes","iconSizeMap","cnBreadcrumbsItem","BreadcrumbsItemRender","props","ref","className","onItemClickProp","onItemClick","item","size","onlyIconProp","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children","otherProps","open","setOpen","buttonRef","Icon","href","label","subMenu","iconSize","linkProps","as","mH","handleClick","e","mR","toggle","off","BreadcrumbsItem"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.tsx"],"sourcesContent":["import './BreadcrumbsItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cnMixSpace } from '../../../mixs/MixSpace/MixSpace';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { Text } from '../../Text/Text';\nimport {\n  contextMenuSizeMap,\n  getItemAs,\n  getItemAttributes,\n} from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsItemComponent,\n  BreadcrumbsItemProps,\n  BreadcrumbsPropOnItemClick,\n} from '../types';\n\nexport const cnBreadcrumbsItem = cn('BreadcrumbsItem');\n\nfunction BreadcrumbsItemRender<ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    className,\n    onItemClick: onItemClickProp,\n    item,\n    size,\n    onlyIcon: onlyIconProp,\n    delimiter,\n    active,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemSubMenu,\n    children,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const Icon = item && getItemIcon?.(item);\n  const onlyIcon = Icon && onlyIconProp;\n  const href = item && getItemHref?.(item);\n  const label = item && getItemLabel?.(item);\n  const subMenu = item && getItemSubMenu?.(item);\n\n  const iconSize = getByMap(iconSizeMap, size);\n  const linkProps = href\n    ? ({\n        as: 'a',\n        href,\n      } as const)\n    : ({\n        as: 'span',\n      } as const);\n\n  const handleClick: React.MouseEventHandler = (e) => {\n    item && onItemClickProp?.({ e, item });\n  };\n\n  const onItemClick: BreadcrumbsPropOnItemClick<ITEM> = ({ e, item }) => {\n    setOpen.off();\n    item && onItemClickProp?.({ e, item });\n  };\n\n  return (\n    <li\n      className={cnBreadcrumbsItem(null, [className])}\n      ref={ref}\n      {...otherProps}\n    >\n      {delimiter && (\n        <IconArrowRight\n          className={cnBreadcrumbsItem('Delimiter', [cnMixSpace({ mH: size })])}\n          view=\"ghost\"\n          size={iconSize}\n        />\n      )}\n      {children || (\n        <>\n          <Text\n            className={cnBreadcrumbsItem('Link', { active })}\n            view={active ? 'primary' : 'secondary'}\n            onClick={handleClick}\n            size={size}\n            truncate={!onlyIcon}\n            {...linkProps}\n          >\n            {Icon &&\n              (onlyIcon ? (\n                <Button\n                  type=\"button\"\n                  view=\"clear\"\n                  onlyIcon\n                  iconLeft={Icon}\n                  size={iconSize}\n                />\n              ) : (\n                <Icon\n                  className={cnBreadcrumbsItem('Icon', [\n                    cnMixSpace({ mR: 'xs' }),\n                  ])}\n                  size={iconSize}\n                />\n              ))}\n            {!onlyIcon && label}\n          </Text>\n          {subMenu && (\n            <button\n              ref={buttonRef}\n              onClick={setOpen.toggle}\n              type=\"button\"\n              className={cnBreadcrumbsItem('SelectButton')}\n            >\n              <IconSelect size=\"xs\" view={active ? 'primary' : 'secondary'} />\n            </button>\n          )}\n        </>\n      )}\n      {subMenu && (\n        <ContextMenu\n          isOpen={open}\n          items={subMenu}\n          getItemLabel={getItemLabel}\n          getItemSubMenu={getItemSubMenu}\n          getItemLeftIcon={getItemIcon}\n          onItemClick={onItemClick}\n          getItemAs={getItemAs(getItemHref)}\n          getItemAttributes={getItemAttributes(getItemHref)}\n          direction=\"downStartRight\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          anchorRef={buttonRef}\n          offset=\"xs\"\n          onClickOutside={setOpen.off}\n          size={contextMenuSizeMap[size]}\n        />\n      )}\n    </li>\n  );\n}\n\nexport const BreadcrumbsItem = forwardRef(\n  BreadcrumbsItemRender,\n) as BreadcrumbsItemComponent;\n"],"mappings":"qTAAA,8BAEA,OAASA,cAAT,KAA+B,8BAA/B,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,OAAT,sCACA,OAASC,UAAT,uCACA,OAASC,EAAT,0BACA,OAASC,QAAT,+BACA,OAASC,MAAT,2BACA,OAASC,WAAT,qCACA,OAASC,IAAT,uBACA,OACEC,kBADF,CAEEC,SAFF,CAGEC,iBAHF,0CAKA,OAASC,WAAT,kBAOA,MAAO,IAAMC,kBAAiB,CAAGT,EAAE,CAAC,iBAAD,CAA5B,CAEP,QAASU,sBAAT,CACEC,CADF,CAEEC,CAFF,CAGE,IAEEC,EAFF,CAeIF,CAfJ,CAEEE,SAFF,CAGeC,CAHf,CAeIH,CAfJ,CAGEI,WAHF,CAIEC,CAJF,CAeIL,CAfJ,CAIEK,IAJF,CAKEC,CALF,CAeIN,CAfJ,CAKEM,IALF,CAMYC,CANZ,CAeIP,CAfJ,CAMEQ,QANF,CAOEC,CAPF,CAeIT,CAfJ,CAOES,SAPF,CAQEC,CARF,CAeIV,CAfJ,CAQEU,MARF,CASEC,CATF,CAeIX,CAfJ,CASEW,WATF,CAUEC,CAVF,CAeIZ,CAfJ,CAUEY,WAVF,CAWEC,CAXF,CAeIb,CAfJ,CAWEa,YAXF,CAYEC,CAZF,CAeId,CAfJ,CAYEc,cAZF,CAaEC,CAbF,CAeIf,CAfJ,CAaEe,QAbF,CAcKC,CAdL,0BAeIhB,CAfJ,cAiBwBb,OAAO,EAjB/B,uBAiBO8B,CAjBP,MAiBaC,CAjBb,MAmBMC,CAAS,CAAGjC,MAAM,CAAoB,IAApB,CAnBxB,CAqBMkC,CAAI,CAAGf,CAAI,UAAIO,CAAJ,WAAIA,CAAJ,QAAIA,CAAW,CAAGP,CAAH,CAAf,CArBjB,CAsBMG,CAAQ,CAAGY,CAAI,EAAIb,CAtBzB,CAuBMc,CAAI,CAAGhB,CAAI,UAAIM,CAAJ,WAAIA,CAAJ,QAAIA,CAAW,CAAGN,CAAH,CAAf,CAvBjB,CAwBMiB,CAAK,CAAGjB,CAAI,UAAIQ,CAAJ,WAAIA,CAAJ,QAAIA,CAAY,CAAGR,CAAH,CAAhB,CAxBlB,CAyBMkB,CAAO,CAAGlB,CAAI,UAAIS,CAAJ,WAAIA,CAAJ,QAAIA,CAAc,CAAGT,CAAH,CAAlB,CAzBpB,CA2BMmB,CAAQ,CAAGlC,QAAQ,CAACO,WAAD,CAAcS,CAAd,CA3BzB,CA4BMmB,CAAS,CAAGJ,CAAI,CACjB,CACCK,EAAE,CAAE,GADL,CAECL,IAAI,CAAJA,CAFD,CADiB,CAKjB,CACCK,EAAE,CAAE,MADL,CAjCL,CA8CA,MACE,yCACE,SAAS,CAAE5B,iBAAiB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAD9B,CAEE,GAAG,CAAED,CAFP,EAGMe,CAHN,EAKGP,CAAS,EACR,oBAAC,cAAD,EACE,SAAS,CAAEX,iBAAiB,CAAC,WAAD,CAAc,CAACV,UAAU,CAAC,CAAEuC,EAAE,CAAErB,CAAN,CAAD,CAAX,CAAd,CAD9B,CAEE,IAAI,CAAC,OAFP,CAGE,IAAI,CAAEkB,CAHR,EANJ,CAYGT,CAAQ,EACP,wCACE,oBAAC,IAAD,gBACE,SAAS,CAAEjB,iBAAiB,CAAC,MAAD,CAAS,CAAEY,MAAM,CAANA,CAAF,CAAT,CAD9B,CAEE,IAAI,CAAEA,CAAM,CAAG,SAAH,CAAe,WAF7B,CAGE,OAAO,CA3B4B,QAAvCkB,YAAuC,CAACC,CAAD,CAAO,CAClDxB,CAAI,UAAIF,CAAJ,WAAIA,CAAJ,QAAIA,CAAe,CAAG,CAAE0B,CAAC,CAADA,CAAF,CAAKxB,IAAI,CAAJA,CAAL,CAAH,CAAnB,CACL,CAsBO,CAIE,IAAI,CAAEC,CAJR,CAKE,QAAQ,CAAE,CAACE,CALb,EAMMiB,CANN,EAQGL,CAAI,GACFZ,CAAQ,CACP,oBAAC,MAAD,EACE,IAAI,CAAC,QADP,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,GAHV,CAIE,QAAQ,CAAEY,CAJZ,CAKE,IAAI,CAAEI,CALR,EADO,CASP,oBAAC,CAAD,EACE,SAAS,CAAE1B,iBAAiB,CAAC,MAAD,CAAS,CACnCV,UAAU,CAAC,CAAE0C,EAAE,CAAE,IAAN,CAAD,CADyB,CAAT,CAD9B,CAIE,IAAI,CAAEN,CAJR,EAVC,CARP,CAyBG,CAAChB,CAAD,EAAac,CAzBhB,CADF,CA4BGC,CAAO,EACN,8BACE,GAAG,CAAEJ,CADP,CAEE,OAAO,CAAED,CAAO,CAACa,MAFnB,CAGE,IAAI,CAAC,QAHP,CAIE,SAAS,CAAEjC,iBAAiB,CAAC,cAAD,CAJ9B,EAME,oBAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,CAAsB,IAAI,CAAEY,CAAM,CAAG,SAAH,CAAe,WAAjD,EANF,CA7BJ,CAbJ,CAqDGa,CAAO,EACN,oBAAC,WAAD,EACE,MAAM,CAAEN,CADV,CAEE,KAAK,CAAEM,CAFT,CAGE,YAAY,CAAEV,CAHhB,CAIE,cAAc,CAAEC,CAJlB,CAKE,eAAe,CAAEF,CALnB,CAME,WAAW,CAlEmC,QAAhDR,YAAgD,GAAiB,IAAdyB,EAAc,GAAdA,CAAc,CAAXxB,CAAW,GAAXA,IAAW,CACrEa,CAAO,CAACc,GAAR,EADqE,CAErE3B,CAAI,UAAIF,CAAJ,WAAIA,CAAJ,QAAIA,CAAe,CAAG,CAAE0B,CAAC,CAADA,CAAF,CAAKxB,IAAI,CAAJA,CAAL,CAAH,CAAnB,CACL,CAyDK,CAOE,SAAS,CAAEV,SAAS,CAACgB,CAAD,CAPtB,CAQE,iBAAiB,CAAEf,iBAAiB,CAACe,CAAD,CARtC,CASE,SAAS,CAAC,gBATZ,CAUE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CAVtB,CAgBE,SAAS,CAAEQ,CAhBb,CAiBE,MAAM,CAAC,IAjBT,CAkBE,cAAc,CAAED,CAAO,CAACc,GAlB1B,CAmBE,IAAI,CAAEtC,kBAAkB,CAACY,CAAD,CAnB1B,EAtDJ,CA8EH,CAED,MAAO,IAAM2B,gBAAe,CAAGhD,UAAU,CACvCc,qBADuC,CAAlC"}
+{"version":3,"file":"BreadcrumbsItem.js","names":["IconArrowRight","IconSelect","React","forwardRef","useRef","useFlag","cnMixSpace","cn","getByMap","Button","ContextMenu","Text","contextMenuSizeMap","getItemAs","getItemAttributes","iconSizeMap","cnBreadcrumbsItem","BreadcrumbsItemRender","props","ref","className","onItemClickProp","onItemClick","item","size","onlyIconProp","onlyIcon","delimiter","active","getItemHref","getItemIcon","getItemLabel","getItemSubMenu","children","otherProps","open","setOpen","buttonRef","Icon","href","label","subMenu","iconSize","linkProps","as","mH","handleClick","e","mR","toggle","off","BreadcrumbsItem"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.tsx"],"sourcesContent":["import './BreadcrumbsItem.css';\n\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cnMixSpace } from '../../../mixs/MixSpace/MixSpace';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { Text } from '../../Text/Text';\nimport {\n  contextMenuSizeMap,\n  getItemAs,\n  getItemAttributes,\n} from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsItemComponent,\n  BreadcrumbsItemProps,\n  BreadcrumbsPropOnItemClick,\n} from '../types';\n\nexport const cnBreadcrumbsItem = cn('BreadcrumbsItem');\n\nfunction BreadcrumbsItemRender<ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    className,\n    onItemClick: onItemClickProp,\n    item,\n    size,\n    onlyIcon: onlyIconProp,\n    delimiter,\n    active,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemSubMenu,\n    children,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const Icon = item && getItemIcon?.(item);\n  const onlyIcon = Icon && onlyIconProp;\n  const href = item && getItemHref?.(item);\n  const label = item && getItemLabel?.(item);\n  const subMenu = item && getItemSubMenu?.(item);\n\n  const iconSize = getByMap(iconSizeMap, size);\n  const linkProps = href\n    ? ({\n        as: 'a',\n        href,\n      } as const)\n    : ({\n        as: 'span',\n      } as const);\n\n  const handleClick: React.MouseEventHandler = (e) => {\n    item && onItemClickProp?.(item, { e });\n  };\n\n  const onItemClick: BreadcrumbsPropOnItemClick<ITEM> = (item, { e }) => {\n    setOpen.off();\n    item && onItemClickProp?.(item, { e });\n  };\n\n  return (\n    <li\n      className={cnBreadcrumbsItem(null, [className])}\n      ref={ref}\n      {...otherProps}\n    >\n      {delimiter && (\n        <IconArrowRight\n          className={cnBreadcrumbsItem('Delimiter', [cnMixSpace({ mH: size })])}\n          view=\"ghost\"\n          size={iconSize}\n        />\n      )}\n      {children || (\n        <>\n          <Text\n            className={cnBreadcrumbsItem('Link', { active })}\n            view={active ? 'primary' : 'secondary'}\n            onClick={handleClick}\n            size={size}\n            truncate={!onlyIcon}\n            lineHeight=\"m\"\n            {...linkProps}\n          >\n            {Icon &&\n              (onlyIcon ? (\n                <Button\n                  type=\"button\"\n                  view=\"clear\"\n                  onlyIcon\n                  iconLeft={Icon}\n                  size={iconSize}\n                />\n              ) : (\n                <Icon\n                  className={cnBreadcrumbsItem('Icon', [\n                    cnMixSpace({ mR: 'xs' }),\n                  ])}\n                  size={iconSize}\n                />\n              ))}\n            {!onlyIcon && label}\n          </Text>\n          {subMenu && (\n            <button\n              ref={buttonRef}\n              onClick={setOpen.toggle}\n              type=\"button\"\n              className={cnBreadcrumbsItem('SelectButton')}\n            >\n              <IconSelect size=\"xs\" view={active ? 'primary' : 'secondary'} />\n            </button>\n          )}\n        </>\n      )}\n      {subMenu && (\n        <ContextMenu\n          isOpen={open}\n          items={subMenu}\n          getItemLabel={getItemLabel}\n          getItemSubMenu={getItemSubMenu}\n          getItemLeftIcon={getItemIcon}\n          onItemClick={onItemClick}\n          getItemAs={getItemAs(getItemHref)}\n          getItemAttributes={getItemAttributes(getItemHref)}\n          direction=\"downStartRight\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          anchorRef={buttonRef}\n          offset=\"xs\"\n          onClickOutside={setOpen.off}\n          size={contextMenuSizeMap[size]}\n        />\n      )}\n    </li>\n  );\n}\n\nexport const BreadcrumbsItem = forwardRef(\n  BreadcrumbsItemRender,\n) as BreadcrumbsItemComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","className","style","getItemHref","getItemIcon","getItemLabel","getItemOnClick","getItemSubMenu","onItemClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./BreadcrumbsMore.css";import{IconMeatball}from"@consta/icons/IconMeatball";import React,{forwardRef,useEffect,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{BreadcrumbsItem}from"../BreadcrumbsItem/BreadcrumbsItem";import{iconSizeMap}from"../helpers";var cnBreadcrumbsMore=cn("BreadcrumbsMore");export function getLeftSideBar(a,b){return function(c){var d=null===b||void 0===b?void 0:b(c);return d?React.createElement(d,{size:a}):void 0}}export function getItemAs(a){return function(b){var c=null===a||void 0===a?void 0:a(b);return c?"a":"span"}}export function getItemAttributes(a){return function(b){return a&&{href:a(b)}}}export var contextMenuSizeMap={xs:"s",s:"s",m:"m",l:"l"};function BreadcrumbsMoreRender(a,b){var c=a.size,d=a.items,e=a.className,f=a.style,g=a.getItemHref,h=a.getItemIcon,i=a.getItemLabel,j=a.getItemOnClick,k=a.getItemSubMenu,l=a.onItemClick,m=_objectWithoutProperties(a,_excluded),n=useFlag(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useRef(null),s=getByMap(iconSizeMap,c);useEffect(q.off,[d]);return React.createElement(BreadcrumbsItem,Object.assign({},m,{className:cnBreadcrumbsMore(null,[e]),delimiter:!0,size:c,ref:b,style:_objectSpread(_objectSpread({},f),{},_defineProperty({},"--breadcrumbs-more-font-size","var(--size-text-".concat(c,")")))}),React.createElement(Button,{className:cnBreadcrumbsMore("Button"),view:"clear",type:"button",onlyIcon:!0,iconLeft:IconMeatball,size:s,ref:r,onClick:q.toggle}),React.createElement(ContextMenu,{items:d,isOpen:p,getItemLabel:i,getItemSubMenu:k,getItemOnClick:function getItemOnClick(a){return function(b){var c,d=b.e;return null===j||void 0===j||null===(c=j(a))||void 0===c?void 0:c(d)}},onItemClick:function onItemClick(a){var b,c=a.e,d=a.item;null===l||void 0===l?void 0:l({e:c,item:d}),null===j||void 0===j||null===(b=j(d))||void 0===b?void 0:b(c)},getItemLeftIcon:h,anchorRef:r,onClickOutside:q.off,getItemAs:getItemAs(g),getItemAttributes:getItemAttributes(g),direction:"downCenter",possibleDirections:["downCenter","upCenter","downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:"xs",size:contextMenuSizeMap[c]}))}export var BreadcrumbsMore=forwardRef(BreadcrumbsMoreRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","className","style","getItemHref","getItemIcon","getItemLabel","getItemOnClick","getItemSubMenu","onItemClick"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./BreadcrumbsMore.css";import{IconMeatball}from"@consta/icons/IconMeatball";import React,{forwardRef,useEffect,useRef}from"react";import{useFlag}from"../../../hooks/useFlag/useFlag";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";import{Button}from"../../Button/Button";import{ContextMenu}from"../../ContextMenu/ContextMenu";import{BreadcrumbsItem}from"../BreadcrumbsItem/BreadcrumbsItem";import{iconSizeMap}from"../helpers";var cnBreadcrumbsMore=cn("BreadcrumbsMore");export function getLeftSideBar(a,b){return function(c){var d=null===b||void 0===b?void 0:b(c);return d?React.createElement(d,{size:a}):void 0}}export function getItemAs(a){return function(b){var c=null===a||void 0===a?void 0:a(b);return c?"a":"span"}}export function getItemAttributes(a){return function(b){return a&&{href:a(b)}}}export var contextMenuSizeMap={xs:"s",s:"s",m:"m",l:"l"};function BreadcrumbsMoreRender(a,b){var c=a.size,d=a.items,e=a.className,f=a.style,g=a.getItemHref,h=a.getItemIcon,i=a.getItemLabel,j=a.getItemOnClick,k=a.getItemSubMenu,l=a.onItemClick,m=_objectWithoutProperties(a,_excluded),n=useFlag(),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useRef(null),s=getByMap(iconSizeMap,c);useEffect(q.off,[d]);return React.createElement(BreadcrumbsItem,Object.assign({},m,{className:cnBreadcrumbsMore(null,[e]),delimiter:!0,size:c,ref:b,style:_objectSpread(_objectSpread({},f),{},_defineProperty({},"--breadcrumbs-more-font-size","var(--size-text-".concat(c,")")))}),React.createElement(Button,{className:cnBreadcrumbsMore("Button"),view:"clear",type:"button",onlyIcon:!0,iconLeft:IconMeatball,size:s,ref:r,onClick:q.toggle}),React.createElement(ContextMenu,{items:d,isOpen:p,getItemLabel:i,getItemSubMenu:k,getItemOnClick:j,onItemClick:function onItemClick(a,b){var c,d=b.e;null===l||void 0===l?void 0:l(a,{e:d}),null===j||void 0===j||null===(c=j(a))||void 0===c?void 0:c(d)},getItemLeftIcon:h,anchorRef:r,onClickOutside:q.off,getItemAs:getItemAs(g),getItemAttributes:getItemAttributes(g),direction:"downCenter",possibleDirections:["downCenter","upCenter","downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:"xs",size:contextMenuSizeMap[c]}))}export var BreadcrumbsMore=forwardRef(BreadcrumbsMoreRender);
 //# sourceMappingURL=BreadcrumbsMore.js.map

package/__internal__/src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsMore.js","names":["IconMeatball","React","forwardRef","useEffect","useRef","useFlag","cn","getByMap","Button","ContextMenu","BreadcrumbsItem","iconSizeMap","cnBreadcrumbsMore","getLeftSideBar","iconSize","getItemIcon","item","Icon","getItemAs","getItemHref","href","getItemAttributes","contextMenuSizeMap","xs","s","m","l","BreadcrumbsMoreRender","props","ref","size","items","className","style","getItemLabel","getItemOnClickProp","getItemOnClick","getItemSubMenu","onItemClickProp","onItemClick","otherProps","open","setOpen","buttonRef","off","toggle","element","e","BreadcrumbsMore"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.tsx"],"sourcesContent":["import './BreadcrumbsMore.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport { ContextMenu } from '../../ContextMenu/ContextMenu';\nimport { BreadcrumbsItem } from '../BreadcrumbsItem/BreadcrumbsItem';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsMoreComponent,\n  BreadcrumbsMoreProps,\n  BreadcrumbsPropGetItemHref,\n  BreadcrumbsPropGetItemIcon,\n} from '../types';\n\nconst cnBreadcrumbsMore = cn('BreadcrumbsMore');\n\nexport function getLeftSideBar<ITEM>(\n  iconSize: 'xs' | 'm',\n  getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>,\n) {\n  return function (item: ITEM) {\n    const Icon = getItemIcon?.(item);\n    if (Icon) {\n      return <Icon size={iconSize} />;\n    }\n    return undefined;\n  };\n}\n\nexport function getItemAs<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    const href = getItemHref?.(item);\n    return href ? 'a' : 'span';\n  };\n}\n\nexport function getItemAttributes<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    return getItemHref && { href: getItemHref(item) };\n  };\n}\n\nexport const contextMenuSizeMap = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n} as const;\n\nfunction BreadcrumbsMoreRender<ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    size,\n    items,\n    className,\n    style,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemOnClick: getItemOnClickProp,\n    getItemSubMenu,\n    onItemClick: onItemClickProp,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const iconSize = getByMap(iconSizeMap, size);\n\n  useEffect(setOpen.off, [items]);\n\n  const onItemClick = ({\n    e,\n    item,\n  }: {\n    e: React.MouseEvent<HTMLDivElement>;\n    item: ITEM;\n  }) => {\n    onItemClickProp?.({ e, item });\n    getItemOnClickProp?.(item)?.(e);\n  };\n\n  const getItemOnClick =\n    (element: ITEM) =>\n    ({ e }: { e: React.MouseEvent<HTMLDivElement> }) => {\n      return getItemOnClickProp?.(element)?.(e);\n    };\n\n  return (\n    <BreadcrumbsItem\n      {...otherProps}\n      className={cnBreadcrumbsMore(null, [className])}\n      delimiter\n      size={size}\n      ref={ref}\n      style={{\n        ...style,\n        ['--breadcrumbs-more-font-size' as string]: `var(--size-text-${size})`,\n      }}\n    >\n      <Button\n        className={cnBreadcrumbsMore('Button')}\n        view=\"clear\"\n        type=\"button\"\n        onlyIcon\n        iconLeft={IconMeatball}\n        size={iconSize}\n        ref={buttonRef}\n        onClick={setOpen.toggle}\n      />\n      <ContextMenu\n        items={items}\n        isOpen={open}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        getItemOnClick={getItemOnClick}\n        onItemClick={onItemClick}\n        getItemLeftIcon={getItemIcon}\n        anchorRef={buttonRef}\n        onClickOutside={setOpen.off}\n        getItemAs={getItemAs(getItemHref)}\n        getItemAttributes={getItemAttributes(getItemHref)}\n        direction=\"downCenter\"\n        possibleDirections={[\n          'downCenter',\n          'upCenter',\n          'downStartLeft',\n          'upStartLeft',\n          'downStartRight',\n          'upStartRight',\n        ]}\n        offset=\"xs\"\n        size={contextMenuSizeMap[size]}\n      />\n    </BreadcrumbsItem>\n  );\n}\n\nexport const BreadcrumbsMore = forwardRef(\n  BreadcrumbsMoreRender,\n) as BreadcrumbsMoreComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbsMore.js","names":["IconMeatball","React","forwardRef","useEffect","useRef","useFlag","cn","getByMap","Button","ContextMenu","BreadcrumbsItem","iconSizeMap","cnBreadcrumbsMore","getLeftSideBar","iconSize","getItemIcon","item","Icon","getItemAs","getItemHref","href","getItemAttributes","contextMenuSizeMap","xs","s","m","l","BreadcrumbsMoreRender","props","ref","size","items","className","style","getItemLabel","getItemOnClick","getItemSubMenu","onItemClickProp","onItemClick","otherProps","open","setOpen","buttonRef","off","toggle","e","BreadcrumbsMore"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsMore/BreadcrumbsMore.tsx"],"sourcesContent":["import './BreadcrumbsMore.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { Button } from '../../Button/Button';\nimport {\n  ContextMenu,\n  ContextMenuPropOnItemClick,\n} from '../../ContextMenu/ContextMenu';\nimport { BreadcrumbsItem } from '../BreadcrumbsItem/BreadcrumbsItem';\nimport { iconSizeMap } from '../helpers';\nimport {\n  BreadcrumbsMoreComponent,\n  BreadcrumbsMoreProps,\n  BreadcrumbsPropGetItemHref,\n  BreadcrumbsPropGetItemIcon,\n} from '../types';\n\nconst cnBreadcrumbsMore = cn('BreadcrumbsMore');\n\nexport function getLeftSideBar<ITEM>(\n  iconSize: 'xs' | 'm',\n  getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>,\n) {\n  return function (item: ITEM) {\n    const Icon = getItemIcon?.(item);\n    if (Icon) {\n      return <Icon size={iconSize} />;\n    }\n    return undefined;\n  };\n}\n\nexport function getItemAs<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    const href = getItemHref?.(item);\n    return href ? 'a' : 'span';\n  };\n}\n\nexport function getItemAttributes<ITEM>(\n  getItemHref?: BreadcrumbsPropGetItemHref<ITEM>,\n) {\n  return (item: ITEM) => {\n    return getItemHref && { href: getItemHref(item) };\n  };\n}\n\nexport const contextMenuSizeMap = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n} as const;\n\nfunction BreadcrumbsMoreRender<ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n  ref: React.Ref<HTMLLIElement>,\n) {\n  const {\n    size,\n    items,\n    className,\n    style,\n    getItemHref,\n    getItemIcon,\n    getItemLabel,\n    getItemOnClick,\n    getItemSubMenu,\n    onItemClick: onItemClickProp,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useFlag();\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const iconSize = getByMap(iconSizeMap, size);\n\n  useEffect(setOpen.off, [items]);\n\n  const onItemClick: ContextMenuPropOnItemClick<ITEM> = (item, { e }) => {\n    onItemClickProp?.(item, { e });\n    getItemOnClick?.(item)?.(e);\n  };\n\n  return (\n    <BreadcrumbsItem\n      {...otherProps}\n      className={cnBreadcrumbsMore(null, [className])}\n      delimiter\n      size={size}\n      ref={ref}\n      style={{\n        ...style,\n        ['--breadcrumbs-more-font-size' as string]: `var(--size-text-${size})`,\n      }}\n    >\n      <Button\n        className={cnBreadcrumbsMore('Button')}\n        view=\"clear\"\n        type=\"button\"\n        onlyIcon\n        iconLeft={IconMeatball}\n        size={iconSize}\n        ref={buttonRef}\n        onClick={setOpen.toggle}\n      />\n      <ContextMenu\n        items={items}\n        isOpen={open}\n        getItemLabel={getItemLabel}\n        getItemSubMenu={getItemSubMenu}\n        getItemOnClick={getItemOnClick}\n        onItemClick={onItemClick}\n        getItemLeftIcon={getItemIcon}\n        anchorRef={buttonRef}\n        onClickOutside={setOpen.off}\n        getItemAs={getItemAs(getItemHref)}\n        getItemAttributes={getItemAttributes(getItemHref)}\n        direction=\"downCenter\"\n        possibleDirections={[\n          'downCenter',\n          'upCenter',\n          'downStartLeft',\n          'upStartLeft',\n          'downStartRight',\n          'upStartRight',\n        ]}\n        offset=\"xs\"\n        size={contextMenuSizeMap[size]}\n      />\n    </BreadcrumbsItem>\n  );\n}\n\nexport const BreadcrumbsMore = forwardRef(\n  BreadcrumbsMoreRender,\n) as BreadcrumbsMoreComponent;\n"],"mappings":"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"}

package/__internal__/src/components/Breadcrumbs/helpers.d.ts

@@ -8,10 +8,13 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     getItemSubMenu: BreadcrumbsPropGetItemSubMenu<DefaultItem>;
     items: DefaultItem[];
     onItemClick?: import("./types").BreadcrumbsPropOnItemClick<DefaultItem> | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     onlyIconRoot?: boolean | undefined;
     fitMode?: "scroll" | "dropdown" | undefined;
     lastItemIsLink?: boolean | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -26,11 +29,8 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
-    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -54,7 +54,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -65,7 +65,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/__internal__/src/components/Breadcrumbs/types.d.ts

@@ -12,8 +12,7 @@ export declare type BreadcrumbsPropGetItemHref<ITEM> = (item: ITEM) => string |
 export declare type BreadcrumbsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
 export declare type BreadcrumbsPropGetItemSubMenu<ITEM> = (item: ITEM) => ITEM[] | undefined;
 export declare type BreadcrumbsPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
-export declare type BreadcrumbsPropOnItemClick<ITEM> = (props: {
-    item: ITEM;
+export declare type BreadcrumbsPropOnItemClick<ITEM> = (item: ITEM, props: {
     e: React.MouseEvent;
 }) => void;
 export declare type DefaultItem = {

package/__internal__/src/components/Breadcrumbs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (props: {\n  item: ITEM;\n  e: React.MouseEvent;\n}) => void;\n\nexport type DefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: DefaultItem[];\n};\n\nexport type RenderItem<ITEM> = (\n  item: ITEM | undefined,\n  index: number | string,\n  isFirst?: boolean,\n  isLast?: boolean,\n  ref?: React.Ref<HTMLLIElement>,\n  hidden?: boolean,\n) => React.ReactElement | undefined;\n\nexport type BreadcrumbsProps<ITEM = DefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      size?: BreadcrumbPropSize;\n      onlyIconRoot?: boolean;\n      fitMode?: BreadcrumbPropFitMode;\n      lastItemIsLink?: boolean;\n    },\n    HTMLUListElement\n  > &\n    (ITEM extends { label: DefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: BreadcrumbPropSize;\n    items: ITEM[];\n    getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: 'm' | 'xs' | 's' | 'l';\n    item?: ITEM;\n    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    active?: boolean;\n    onlyIcon?: boolean;\n    delimiter?: boolean;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      renderItem: RenderItem<ITEM>;\n      size: BreadcrumbPropSize;\n    },\n    HTMLUListElement\n  >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n  props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    renderItem: RenderItem<ITEM>;\n  },\n  HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}
+{"version":3,"file":"types.js","names":["breadcrumbPropSize","breadcrumbPropSizeDefault","breadcrumbPropFitMode","breadcrumbPropFitModeDefault"],"sources":["../../../../../src/components/Breadcrumbs/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const breadcrumbPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BreadcrumbPropSize = typeof breadcrumbPropSize[number];\nexport const breadcrumbPropSizeDefault = breadcrumbPropSize[0];\n\nexport const breadcrumbPropFitMode = ['dropdown', 'scroll'] as const;\nexport type BreadcrumbPropFitMode = typeof breadcrumbPropFitMode[number];\nexport const breadcrumbPropFitModeDefault = breadcrumbPropFitMode[0];\n\nexport type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BreadcrumbsPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BreadcrumbsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type BreadcrumbsPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type BreadcrumbsPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BreadcrumbsPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type DefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  subMenu?: DefaultItem[];\n};\n\nexport type RenderItem<ITEM> = (\n  item: ITEM | undefined,\n  index: number | string,\n  isFirst?: boolean,\n  isLast?: boolean,\n  ref?: React.Ref<HTMLLIElement>,\n  hidden?: boolean,\n) => React.ReactElement | undefined;\n\nexport type BreadcrumbsProps<ITEM = DefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      size?: BreadcrumbPropSize;\n      onlyIconRoot?: boolean;\n      fitMode?: BreadcrumbPropFitMode;\n      lastItemIsLink?: boolean;\n    },\n    HTMLUListElement\n  > &\n    (ITEM extends { label: DefaultItem['label'] }\n      ? {}\n      : { getItemLabel: BreadcrumbsPropGetItemLabel<ITEM> });\n\nexport type BreadcrumbsComponent = <ITEM>(\n  props: BreadcrumbsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsMoreProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: BreadcrumbPropSize;\n    items: ITEM[];\n    getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsMoreComponent = <ITEM>(\n  props: BreadcrumbsMoreProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsItemProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    size: 'm' | 'xs' | 's' | 'l';\n    item?: ITEM;\n    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;\n    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;\n    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;\n    getItemSubMenu?: BreadcrumbsPropGetItemSubMenu<ITEM>;\n    active?: boolean;\n    onlyIcon?: boolean;\n    delimiter?: boolean;\n    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n  },\n  HTMLLIElement\n>;\n\nexport type BreadcrumbsItemComponent = <ITEM>(\n  props: BreadcrumbsItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeDropdownProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel: BreadcrumbsPropGetItemLabel<ITEM>;\n      getItemHref: BreadcrumbsPropGetItemHref<ITEM>;\n      getItemIcon: BreadcrumbsPropGetItemIcon<ITEM>;\n      getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>;\n      getItemSubMenu: BreadcrumbsPropGetItemSubMenu<ITEM>;\n      onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;\n      renderItem: RenderItem<ITEM>;\n      size: BreadcrumbPropSize;\n    },\n    HTMLUListElement\n  >;\n\nexport type BreadcrumbsFitModeDropdownComponent = <ITEM>(\n  props: BreadcrumbsFitModeDropdownProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsFitModeScrollProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    renderItem: RenderItem<ITEM>;\n  },\n  HTMLUListElement\n>;\n\nexport type BreadcrumbsFitModeScrollComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type BreadcrumbsShortListComponent = <ITEM>(\n  props: BreadcrumbsFitModeScrollProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA3B,CAEP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAEP,MAAO,IAAME,sBAAqB,CAAG,CAAC,UAAD,CAAa,QAAb,CAA9B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,qBAAqB,CAAC,CAAD,CAA1D"}

package/__internal__/src/components/Breadcrumbs/useElements.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{useHideElementsInLine}from"../../hooks/useHideElementsInLineCanary";import{useRefs}from"../../hooks/useRefs";import{useResizeObserved}from"../../hooks/useResizeObserved";var useReadyToHideItems=function(a){return useMemo(function(){var b=_toConsumableArray(a),c=b.shift(),d=b.pop();return[c,b,d]},[a])},getLastWidth=function(a,b,c,d){var e=b+c.reduce(function(a,b,c){return a+(d[c]?b:0)},0);return"".concat(a-e,"px")},getCompression=function(a){return 380>=a?"s":900>=a?"m":1200>=a?"l":"xl"};export var useElements=function(a){var b=useReadyToHideItems(a),c=_slicedToArray(b,3),d=c[0],e=c[1],f=c[2],g=useRefs(2),h=useResizeObserved(g,function(a){return a?parseInt(getComputedStyle(a).marginRight,10)+parseInt(getComputedStyle(a).marginLeft,10)+a.offsetWidth:0}),i=h.reduce(function(a,b){return a+b},0),j=useHideElementsInLine(e.length+1,0,i),k=j.elementsSizes,l=j.parentSize,m=j.visibleMap,n=j.parentRef,o=j.elementsRefs,p=getLastWidth(l,h[0],k,m),q=getCompression(l),r=m.map(function(b,c){if(!b&&0!==c)return a[c]}).filter(function(a){return!!a});return{firstItem:d,lastItem:f,readyToHideItems:e,hiddenItems:r,visibleMap:m,firstItemRef:g[0],lastItemRef:g[1],lastWidth:p,compression:q,parentRef:n,elementsRefs:o}};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{useHideElementsInLine}from"../../hooks/useHideElementsInLine";import{useRefs}from"../../hooks/useRefs";import{useResizeObserved}from"../../hooks/useResizeObserved";var useReadyToHideItems=function(a){return useMemo(function(){var b=_toConsumableArray(a),c=b.shift(),d=b.pop();return[c,b,d]},[a])},getLastWidth=function(a,b,c,d){var e=b+c.reduce(function(a,b,c){return a+(d[c]?b:0)},0);return"".concat(a-e,"px")},getCompression=function(a){return 380>=a?"s":900>=a?"m":1200>=a?"l":"xl"};export var useElements=function(a){var b=useReadyToHideItems(a),c=_slicedToArray(b,3),d=c[0],e=c[1],f=c[2],g=useRefs(2),h=useResizeObserved(g,function(a){return a?parseInt(getComputedStyle(a).marginRight,10)+parseInt(getComputedStyle(a).marginLeft,10)+a.offsetWidth:0}),i=h.reduce(function(a,b){return a+b},0),j=useHideElementsInLine(e.length+1,0,i),k=j.elementsSizes,l=j.parentSize,m=j.visibleMap,n=j.parentRef,o=j.elementsRefs,p=getLastWidth(l,h[0],k,m),q=getCompression(l),r=m.map(function(b,c){if(!b&&0!==c)return a[c]}).filter(function(a){return!!a});return{firstItem:d,lastItem:f,readyToHideItems:e,hiddenItems:r,visibleMap:m,firstItemRef:g[0],lastItemRef:g[1],lastWidth:p,compression:q,parentRef:n,elementsRefs:o}};
 //# sourceMappingURL=useElements.js.map

package/__internal__/src/components/Breadcrumbs/useElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElements.js","names":["useMemo","useHideElementsInLine","useRefs","useResizeObserved","useReadyToHideItems","items","returnedItems","first","shift","last","pop","getLastWidth","wrapperWidth","fistWidth","itemsDimensions","visibleMap","widthExceptLast","reduce","previous","current","currentIndex","getCompression","componentWidth","useElements","firstItem","readyToHideItems","lastItem","noHideElementsRef","noHideElementsSize","el","parseInt","getComputedStyle","marginRight","marginLeft","offsetWidth","noHideElementsSizeSum","length","elementsSizes","parentSize","parentRef","elementsRefs","lastWidth","compression","hiddenItems","map","element","index","filter","item","firstItemRef","lastItemRef"],"sources":["../../../../../src/components/Breadcrumbs/useElements.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useHideElementsInLine } from '##/hooks/useHideElementsInLineCanary';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nconst useReadyToHideItems = <ITEM>(items: ITEM[]) =>\n  useMemo(() => {\n    const returnedItems = [...items];\n    const first = returnedItems.shift();\n    const last = returnedItems.pop();\n    return [first, returnedItems, last] as const;\n  }, [items]);\n\nconst getLastWidth = (\n  wrapperWidth: number,\n  fistWidth: number,\n  itemsDimensions: number[],\n  visibleMap: boolean[],\n) => {\n  const widthExceptLast =\n    fistWidth +\n    itemsDimensions.reduce(\n      (previous, current, currentIndex) =>\n        previous + (!visibleMap[currentIndex] ? 0 : current),\n      0,\n    );\n\n  const lastWidthCalculate = wrapperWidth - widthExceptLast;\n\n  return `${lastWidthCalculate}px`;\n};\n\nconst getCompression = (componentWidth: number) => {\n  if (componentWidth <= 380) {\n    return 's';\n  }\n  if (componentWidth <= 900) {\n    return 'm';\n  }\n  if (componentWidth <= 1200) {\n    return 'l';\n  }\n  return 'xl';\n};\n\nexport const useElements = <ITEM>(items: ITEM[]) => {\n  const [firstItem, readyToHideItems, lastItem] = useReadyToHideItems(items);\n\n  const noHideElementsRef = useRefs<HTMLLIElement>(2);\n\n  const noHideElementsSize = useResizeObserved(noHideElementsRef, (el) =>\n    el\n      ? parseInt(getComputedStyle(el).marginRight, 10) +\n        parseInt(getComputedStyle(el).marginLeft, 10) +\n        el.offsetWidth\n      : 0,\n  );\n\n  const noHideElementsSizeSum = noHideElementsSize.reduce(\n    (previous, current) => previous + current,\n    0,\n  );\n\n  const { elementsSizes, parentSize, visibleMap, parentRef, elementsRefs } =\n    useHideElementsInLine<HTMLLIElement, HTMLUListElement>(\n      readyToHideItems.length + 1,\n      0,\n      noHideElementsSizeSum,\n    );\n\n  const lastWidth = getLastWidth(\n    parentSize,\n    noHideElementsSize[0],\n    elementsSizes,\n    visibleMap,\n  );\n\n  const compression = getCompression(parentSize);\n\n  const hiddenItems = visibleMap\n    .map((element, index) => {\n      if (!element && index !== 0) {\n        return items[index];\n      }\n    })\n    .filter((item) => Boolean(item)) as ITEM[];\n\n  return {\n    firstItem,\n    lastItem,\n    readyToHideItems,\n    hiddenItems,\n    visibleMap,\n    firstItemRef: noHideElementsRef[0],\n    lastItemRef: noHideElementsRef[1],\n    lastWidth,\n    compression,\n    parentRef,\n    elementsRefs,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useElements.js","names":["useMemo","useHideElementsInLine","useRefs","useResizeObserved","useReadyToHideItems","items","returnedItems","first","shift","last","pop","getLastWidth","wrapperWidth","fistWidth","itemsDimensions","visibleMap","widthExceptLast","reduce","previous","current","currentIndex","getCompression","componentWidth","useElements","firstItem","readyToHideItems","lastItem","noHideElementsRef","noHideElementsSize","el","parseInt","getComputedStyle","marginRight","marginLeft","offsetWidth","noHideElementsSizeSum","length","elementsSizes","parentSize","parentRef","elementsRefs","lastWidth","compression","hiddenItems","map","element","index","filter","item","firstItemRef","lastItemRef"],"sources":["../../../../../src/components/Breadcrumbs/useElements.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useHideElementsInLine } from '##/hooks/useHideElementsInLine';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nconst useReadyToHideItems = <ITEM>(items: ITEM[]) =>\n  useMemo(() => {\n    const returnedItems = [...items];\n    const first = returnedItems.shift();\n    const last = returnedItems.pop();\n    return [first, returnedItems, last] as const;\n  }, [items]);\n\nconst getLastWidth = (\n  wrapperWidth: number,\n  fistWidth: number,\n  itemsDimensions: number[],\n  visibleMap: boolean[],\n) => {\n  const widthExceptLast =\n    fistWidth +\n    itemsDimensions.reduce(\n      (previous, current, currentIndex) =>\n        previous + (!visibleMap[currentIndex] ? 0 : current),\n      0,\n    );\n\n  const lastWidthCalculate = wrapperWidth - widthExceptLast;\n\n  return `${lastWidthCalculate}px`;\n};\n\nconst getCompression = (componentWidth: number) => {\n  if (componentWidth <= 380) {\n    return 's';\n  }\n  if (componentWidth <= 900) {\n    return 'm';\n  }\n  if (componentWidth <= 1200) {\n    return 'l';\n  }\n  return 'xl';\n};\n\nexport const useElements = <ITEM>(items: ITEM[]) => {\n  const [firstItem, readyToHideItems, lastItem] = useReadyToHideItems(items);\n\n  const noHideElementsRef = useRefs<HTMLLIElement>(2);\n\n  const noHideElementsSize = useResizeObserved(noHideElementsRef, (el) =>\n    el\n      ? parseInt(getComputedStyle(el).marginRight, 10) +\n        parseInt(getComputedStyle(el).marginLeft, 10) +\n        el.offsetWidth\n      : 0,\n  );\n\n  const noHideElementsSizeSum = noHideElementsSize.reduce(\n    (previous, current) => previous + current,\n    0,\n  );\n\n  const { elementsSizes, parentSize, visibleMap, parentRef, elementsRefs } =\n    useHideElementsInLine<HTMLLIElement, HTMLUListElement>(\n      readyToHideItems.length + 1,\n      0,\n      noHideElementsSizeSum,\n    );\n\n  const lastWidth = getLastWidth(\n    parentSize,\n    noHideElementsSize[0],\n    elementsSizes,\n    visibleMap,\n  );\n\n  const compression = getCompression(parentSize);\n\n  const hiddenItems = visibleMap\n    .map((element, index) => {\n      if (!element && index !== 0) {\n        return items[index];\n      }\n    })\n    .filter((item) => Boolean(item)) as ITEM[];\n\n  return {\n    firstItem,\n    lastItem,\n    readyToHideItems,\n    hiddenItems,\n    visibleMap,\n    firstItemRef: noHideElementsRef[0],\n    lastItemRef: noHideElementsRef[1],\n    lastWidth,\n    compression,\n    parentRef,\n    elementsRefs,\n  };\n};\n"],"mappings":"0IAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,qBAAT,yCACA,OAASC,OAAT,2BACA,OAASC,iBAAT,qC,GAEMC,oBAAmB,CAAG,SAAOC,CAAP,QAC1BL,QAAO,CAAC,UAAM,IACNM,EAAa,oBAAOD,CAAP,CADP,CAENE,CAAK,CAAGD,CAAa,CAACE,KAAd,EAFF,CAGNC,CAAI,CAAGH,CAAa,CAACI,GAAd,EAHD,CAIZ,MAAO,CAACH,CAAD,CAAQD,CAAR,CAAuBG,CAAvB,CACR,CALM,CAKJ,CAACJ,CAAD,CALI,CADmB,C,CAQtBM,YAAY,CAAG,SACnBC,CADmB,CAEnBC,CAFmB,CAGnBC,CAHmB,CAInBC,CAJmB,CAKhB,IACGC,EAAe,CACnBH,CAAS,CACTC,CAAe,CAACG,MAAhB,CACE,SAACC,CAAD,CAAWC,CAAX,CAAoBC,CAApB,QACEF,EAAQ,EAAKH,CAAU,CAACK,CAAD,CAAX,CAAgCD,CAAhC,CAA4B,CAAhC,CADV,CADF,CAGE,CAHF,CAHC,CAWH,gBAF2BP,CAAY,CAAGI,CAE1C,MACD,C,CAEKK,cAAc,CAAG,SAACC,CAAD,CAA4B,OAC3B,IAAlB,EAAAA,CAD6C,CAExC,GAFwC,CAI3B,GAAlB,EAAAA,CAJ6C,CAKxC,GALwC,CAO3B,IAAlB,EAAAA,CAP6C,CAQxC,GARwC,CAU1C,IACR,C,CAED,MAAO,IAAMC,YAAW,CAAG,SAAOlB,CAAP,CAAyB,OACFD,mBAAmB,CAACC,CAAD,CADjB,uBAC3CmB,CAD2C,MAChCC,CADgC,MACdC,CADc,MAG5CC,CAAiB,CAAGzB,OAAO,CAAgB,CAAhB,CAHiB,CAK5C0B,CAAkB,CAAGzB,iBAAiB,CAACwB,CAAD,CAAoB,SAACE,CAAD,QAC9DA,EAAE,CACEC,QAAQ,CAACC,gBAAgB,CAACF,CAAD,CAAhB,CAAqBG,WAAtB,CAAmC,EAAnC,CAAR,CACAF,QAAQ,CAACC,gBAAgB,CAACF,CAAD,CAAhB,CAAqBI,UAAtB,CAAkC,EAAlC,CADR,CAEAJ,CAAE,CAACK,WAHL,CAIE,CAL0D,CAApB,CALM,CAa5CC,CAAqB,CAAGP,CAAkB,CAACX,MAAnB,CAC5B,SAACC,CAAD,CAAWC,CAAX,QAAuBD,EAAQ,CAAGC,CAAlC,CAD4B,CAE5B,CAF4B,CAboB,GAmBhDlB,qBAAqB,CACnBwB,CAAgB,CAACW,MAAjB,CAA0B,CADP,CAEnB,CAFmB,CAGnBD,CAHmB,CAnB2B,CAkB1CE,CAlB0C,GAkB1CA,aAlB0C,CAkB3BC,CAlB2B,GAkB3BA,UAlB2B,CAkBfvB,CAlBe,GAkBfA,UAlBe,CAkBHwB,CAlBG,GAkBHA,SAlBG,CAkBQC,CAlBR,GAkBQA,YAlBR,CAyB5CC,CAAS,CAAG9B,YAAY,CAC5B2B,CAD4B,CAE5BV,CAAkB,CAAC,CAAD,CAFU,CAG5BS,CAH4B,CAI5BtB,CAJ4B,CAzBoB,CAgC5C2B,CAAW,CAAGrB,cAAc,CAACiB,CAAD,CAhCgB,CAkC5CK,CAAW,CAAG5B,CAAU,CAC3B6B,GADiB,CACb,SAACC,CAAD,CAAUC,CAAV,CAAoB,CACvB,GAAI,CAACD,CAAD,EAAsB,CAAV,GAAAC,CAAhB,CACE,MAAOzC,EAAK,CAACyC,CAAD,CAEf,CALiB,EAMjBC,MANiB,CAMV,SAACC,CAAD,UAAkBA,CAAlB,CANU,CAlC8B,CA0ClD,MAAO,CACLxB,SAAS,CAATA,CADK,CAELE,QAAQ,CAARA,CAFK,CAGLD,gBAAgB,CAAhBA,CAHK,CAILkB,WAAW,CAAXA,CAJK,CAKL5B,UAAU,CAAVA,CALK,CAMLkC,YAAY,CAAEtB,CAAiB,CAAC,CAAD,CAN1B,CAOLuB,WAAW,CAAEvB,CAAiB,CAAC,CAAD,CAPzB,CAQLc,SAAS,CAATA,CARK,CASLC,WAAW,CAAXA,CATK,CAULH,SAAS,CAATA,CAVK,CAWLC,YAAY,CAAZA,CAXK,CAaR,CAvDM"}

package/__internal__/src/components/Button/Button.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","width","form","iconLeft","iconRight","label","className","onClick","disabled","loading","type","tabIndex","as","onlyIcon","iconSize"];import"./Button.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Loader}from"../Loader/Loader";export var buttonPropSize=["m","xs","s","l"];export var buttonPropSizeDefault=buttonPropSize[0];export var buttonPropView=["primary","clear","ghost","secondary"];export var buttonPropViewDefault=buttonPropView[0];export var buttonPropWidth=["default","full"];export var buttonPropWidthDefault=buttonPropWidth[0];export var buttonPropForm=["default","brick","round","brickRound","roundBrick","brickDefault","defaultBrick"];var mapStableForm={default:"default",defaultClear:"defaultBrick",defaultBrick:"defaultBrick",brick:"brick",brickDefault:"brickDefault",brickClear:"brick",brickRound:"brickRound",round:"round",roundClear:"roundBrick",roundBrick:"roundBrick",clearRound:"brickRound",clearDefault:"brickDefault",clearBrick:"brick",clearClear:"brick"};export var buttonPropFormDefault=buttonPropForm[0];export var COMPONENT_NAME="Button";export var cnButton=cn("Button");var sizeMap={xs:"xs",s:"xs",m:"s",l:"m"},sizeMapOnlyIcon={xs:"xs",s:"s",m:"m",l:"m"};export var Button=forwardRefWithAs(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.size,f=void 0===e?buttonPropSizeDefault:e,g=d.view,h=void 0===g?buttonPropViewDefault:g,i=d.width,j=void 0===i?buttonPropWidthDefault:i,k=d.form,l=void 0===k?buttonPropFormDefault:k,m=d.iconLeft,n=d.iconRight,o=d.label,p=d.className,q=d.onClick,r=d.disabled,s=d.loading,t=d.type,u=void 0===t?"button":t,v=d.tabIndex,w=d.as,x=void 0===w?"button":w,y=d.onlyIcon,z=d.iconSize,A=_objectWithoutProperties(d,_excluded),B=(!o||y)&&(m||n),C=m,D=n,E=a.title||!!B&&o||void 0,F=B?getByMap(sizeMapOnlyIcon,f,z):getByMap(sizeMap,f,z);return React.createElement(x,Object.assign({},A,{onClick:q?function handleClick(a){r||s||!q||q(a)}:void 0,type:u,className:cnButton({size:f,view:h,width:j,form:mapStableForm[l],loading:s,disabled:r,withIcon:!!m||!!n,onlyIcon:!!B},[r||s?void 0:cnMixFocus(),p]),disabled:r,tabIndex:v,title:E,ref:useForkRef([b,c])}),B&&React.createElement(B,{className:cnButton("Icon"),size:F}),!B&&((C||D)&&o?React.createElement(React.Fragment,null,C&&React.createElement(C,{className:cnButton("Icon",{position:"left"}),size:F}),React.createElement("span",{className:cnButton("Label")},o),D&&React.createElement(D,{className:cnButton("Icon",{position:"right"}),size:F})):o),s&&React.createElement(Loader,{className:cnButton("Loader"),size:"s"}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","width","form","iconLeft","iconRight","label","className","onClick","disabled","loading","type","tabIndex","as","onlyIcon","iconSize"];import"./Button.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Loader}from"../LoaderDeprecated/LoaderDeprecated";export var buttonPropSize=["m","xs","s","l"];export var buttonPropSizeDefault=buttonPropSize[0];export var buttonPropView=["primary","clear","ghost","secondary"];export var buttonPropViewDefault=buttonPropView[0];export var buttonPropWidth=["default","full"];export var buttonPropWidthDefault=buttonPropWidth[0];export var buttonPropForm=["default","brick","round","brickRound","roundBrick","brickDefault","defaultBrick"];var mapStableForm={default:"default",defaultClear:"defaultBrick",defaultBrick:"defaultBrick",brick:"brick",brickDefault:"brickDefault",brickClear:"brick",brickRound:"brickRound",round:"round",roundClear:"roundBrick",roundBrick:"roundBrick",clearRound:"brickRound",clearDefault:"brickDefault",clearBrick:"brick",clearClear:"brick"};export var buttonPropFormDefault=buttonPropForm[0];export var COMPONENT_NAME="Button";export var cnButton=cn("Button");var sizeMap={xs:"xs",s:"xs",m:"s",l:"m"},sizeMapOnlyIcon={xs:"xs",s:"s",m:"m",l:"m"};export var Button=forwardRefWithAs(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.size,f=void 0===e?buttonPropSizeDefault:e,g=d.view,h=void 0===g?buttonPropViewDefault:g,i=d.width,j=void 0===i?buttonPropWidthDefault:i,k=d.form,l=void 0===k?buttonPropFormDefault:k,m=d.iconLeft,n=d.iconRight,o=d.label,p=d.className,q=d.onClick,r=d.disabled,s=d.loading,t=d.type,u=void 0===t?"button":t,v=d.tabIndex,w=d.as,x=void 0===w?"button":w,y=d.onlyIcon,z=d.iconSize,A=_objectWithoutProperties(d,_excluded),B=(!o||y)&&(m||n),C=m,D=n,E=a.title||!!B&&o||void 0,F=B?getByMap(sizeMapOnlyIcon,f,z):getByMap(sizeMap,f,z);return React.createElement(x,Object.assign({},A,{onClick:q?function handleClick(a){r||s||!q||q(a)}:void 0,type:u,className:cnButton({size:f,view:h,width:j,form:mapStableForm[l],loading:s,disabled:r,withIcon:!!m||!!n,onlyIcon:!!B},[r||s?void 0:cnMixFocus(),p]),disabled:r,tabIndex:v,title:E,ref:useForkRef([b,c])}),B&&React.createElement(B,{className:cnButton("Icon"),size:F}),!B&&((C||D)&&o?React.createElement(React.Fragment,null,C&&React.createElement(C,{className:cnButton("Icon",{position:"left"}),size:F}),React.createElement("span",{className:cnButton("Label")},o),D&&React.createElement(D,{className:cnButton("Icon",{position:"right"}),size:F})):o),s&&React.createElement(Loader,{className:cnButton("Loader"),size:"s"}))});
 //# sourceMappingURL=Button.js.map

package/__internal__/src/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","useRef","useForkRef","cnMixFocus","cn","getByMap","forwardRefWithAs","usePropsHandler","Loader","buttonPropSize","buttonPropSizeDefault","buttonPropView","buttonPropViewDefault","buttonPropWidth","buttonPropWidthDefault","buttonPropForm","mapStableForm","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clearClear","buttonPropFormDefault","COMPONENT_NAME","cnButton","sizeMap","xs","s","m","l","sizeMapOnlyIcon","Button","props","ref","buttonRef","size","view","width","form","iconLeft","iconRight","label","className","onClick","disabled","loading","type","tabIndex","as","onlyIcon","iconSizeProp","iconSize","otherProps","IconOnly","IconLeft","IconRight","title","handleClick","e","withIcon","position"],"sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import './Button.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Loader } from '../Loader/Loader';\n\nexport const buttonPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ButtonPropSize = typeof buttonPropSize[number];\nexport const buttonPropSizeDefault: ButtonPropSize = buttonPropSize[0];\n\nexport const buttonPropView = [\n  'primary',\n  'clear',\n  'ghost',\n  'secondary',\n] as const;\nexport type ButtonPropView = typeof buttonPropView[number];\nexport const buttonPropViewDefault: ButtonPropView = buttonPropView[0];\n\nexport const buttonPropWidth = ['default', 'full'] as const;\nexport type ButtonPropWidth = typeof buttonPropWidth[number];\nexport const buttonPropWidthDefault: ButtonPropWidth = buttonPropWidth[0];\n\nexport const buttonPropForm = [\n  'default',\n  'brick',\n  'round',\n  'brickRound',\n  'roundBrick',\n  'brickDefault',\n  'defaultBrick',\n] as const;\n\nexport type ButtonPropForm = typeof buttonPropForm[number];\n\ntype GlobalForm =\n  | 'default'\n  | 'brick'\n  | 'round'\n  | 'brickRound'\n  | 'roundBrick'\n  | 'brickDefault'\n  | 'defaultBrick'\n  | 'defaultClear'\n  | 'brickClear'\n  | 'roundClear'\n  | 'clearRound'\n  | 'clearDefault'\n  | 'clearBrick'\n  | 'clearClear';\n\nconst mapStableForm: Record<GlobalForm, ButtonPropForm> = {\n  default: 'default',\n  defaultClear: 'defaultBrick',\n  defaultBrick: 'defaultBrick',\n  brick: 'brick',\n  brickDefault: 'brickDefault',\n  brickClear: 'brick',\n  brickRound: 'brickRound',\n  round: 'round',\n  roundClear: 'roundBrick',\n  roundBrick: 'roundBrick',\n  clearRound: 'brickRound',\n  clearDefault: 'brickDefault',\n  clearBrick: 'brick',\n  clearClear: 'brick',\n};\n\nexport const buttonPropFormDefault = buttonPropForm[0];\n\nexport type Props = {\n  size?: ButtonPropSize;\n  view?: ButtonPropView;\n  width?: ButtonPropWidth;\n  form?: ButtonPropForm;\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  label?: string | number;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  title?: string;\n  children?: never;\n  type?: 'button' | 'reset' | 'submit';\n};\n\nexport const COMPONENT_NAME = 'Button' as const;\nexport const cnButton = cn(COMPONENT_NAME);\n\nconst sizeMap: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nconst sizeMapOnlyIcon: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n\nexport const Button = forwardRefWithAs<Props, 'button'>((props, ref) => {\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const {\n    size = buttonPropSizeDefault,\n    view = buttonPropViewDefault,\n    width = buttonPropWidthDefault,\n    form = buttonPropFormDefault,\n    iconLeft,\n    iconRight,\n    label,\n    className,\n    onClick,\n    disabled,\n    loading,\n    type = 'button',\n    tabIndex,\n    as = 'button',\n    onlyIcon,\n    iconSize: iconSizeProp,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, buttonRef);\n\n  const Tag = as as string;\n  const IconOnly = (!label || onlyIcon) && (iconLeft || iconRight);\n  const IconLeft = iconLeft;\n  const IconRight = iconRight;\n  const withIcon = !!iconLeft || !!iconRight;\n  const title = props.title || (!!IconOnly && label) || undefined;\n  const iconSize = IconOnly\n    ? getByMap(sizeMapOnlyIcon, size, iconSizeProp)\n    : getByMap(sizeMap, size, iconSizeProp);\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (!disabled && !loading && onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick ? handleClick : undefined}\n      type={type}\n      className={cnButton(\n        {\n          size,\n          view,\n          width,\n          form: mapStableForm[form],\n          loading,\n          disabled,\n          withIcon,\n          onlyIcon: !!IconOnly,\n        },\n        [!(disabled || loading) ? cnMixFocus() : undefined, className],\n      )}\n      disabled={disabled}\n      tabIndex={tabIndex}\n      title={title}\n      ref={useForkRef([ref, buttonRef])}\n    >\n      {IconOnly && <IconOnly className={cnButton('Icon')} size={iconSize} />}\n      {!IconOnly &&\n        ((IconLeft || IconRight) && label ? (\n          <>\n            {IconLeft && (\n              <IconLeft\n                className={cnButton('Icon', { position: 'left' })}\n                size={iconSize}\n              />\n            )}\n            <span className={cnButton('Label')}>{label}</span>\n            {IconRight && (\n              <IconRight\n                className={cnButton('Icon', { position: 'right' })}\n                size={iconSize}\n              />\n            )}\n          </>\n        ) : (\n          label\n        ))}\n      {loading && <Loader className={cnButton('Loader')} size=\"s\" />}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","useRef","useForkRef","cnMixFocus","cn","getByMap","forwardRefWithAs","usePropsHandler","Loader","buttonPropSize","buttonPropSizeDefault","buttonPropView","buttonPropViewDefault","buttonPropWidth","buttonPropWidthDefault","buttonPropForm","mapStableForm","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clearClear","buttonPropFormDefault","COMPONENT_NAME","cnButton","sizeMap","xs","s","m","l","sizeMapOnlyIcon","Button","props","ref","buttonRef","size","view","width","form","iconLeft","iconRight","label","className","onClick","disabled","loading","type","tabIndex","as","onlyIcon","iconSizeProp","iconSize","otherProps","IconOnly","IconLeft","IconRight","title","handleClick","e","withIcon","position"],"sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import './Button.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Loader } from '../LoaderDeprecated/LoaderDeprecated';\n\nexport const buttonPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ButtonPropSize = typeof buttonPropSize[number];\nexport const buttonPropSizeDefault: ButtonPropSize = buttonPropSize[0];\n\nexport const buttonPropView = [\n  'primary',\n  'clear',\n  'ghost',\n  'secondary',\n] as const;\nexport type ButtonPropView = typeof buttonPropView[number];\nexport const buttonPropViewDefault: ButtonPropView = buttonPropView[0];\n\nexport const buttonPropWidth = ['default', 'full'] as const;\nexport type ButtonPropWidth = typeof buttonPropWidth[number];\nexport const buttonPropWidthDefault: ButtonPropWidth = buttonPropWidth[0];\n\nexport const buttonPropForm = [\n  'default',\n  'brick',\n  'round',\n  'brickRound',\n  'roundBrick',\n  'brickDefault',\n  'defaultBrick',\n] as const;\n\nexport type ButtonPropForm = typeof buttonPropForm[number];\n\ntype GlobalForm =\n  | 'default'\n  | 'brick'\n  | 'round'\n  | 'brickRound'\n  | 'roundBrick'\n  | 'brickDefault'\n  | 'defaultBrick'\n  | 'defaultClear'\n  | 'brickClear'\n  | 'roundClear'\n  | 'clearRound'\n  | 'clearDefault'\n  | 'clearBrick'\n  | 'clearClear';\n\nconst mapStableForm: Record<GlobalForm, ButtonPropForm> = {\n  default: 'default',\n  defaultClear: 'defaultBrick',\n  defaultBrick: 'defaultBrick',\n  brick: 'brick',\n  brickDefault: 'brickDefault',\n  brickClear: 'brick',\n  brickRound: 'brickRound',\n  round: 'round',\n  roundClear: 'roundBrick',\n  roundBrick: 'roundBrick',\n  clearRound: 'brickRound',\n  clearDefault: 'brickDefault',\n  clearBrick: 'brick',\n  clearClear: 'brick',\n};\n\nexport const buttonPropFormDefault = buttonPropForm[0];\n\nexport type Props = {\n  size?: ButtonPropSize;\n  view?: ButtonPropView;\n  width?: ButtonPropWidth;\n  form?: ButtonPropForm;\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  label?: string | number;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  title?: string;\n  children?: never;\n  type?: 'button' | 'reset' | 'submit';\n};\n\nexport const COMPONENT_NAME = 'Button' as const;\nexport const cnButton = cn(COMPONENT_NAME);\n\nconst sizeMap: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nconst sizeMapOnlyIcon: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n\nexport const Button = forwardRefWithAs<Props, 'button'>((props, ref) => {\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const {\n    size = buttonPropSizeDefault,\n    view = buttonPropViewDefault,\n    width = buttonPropWidthDefault,\n    form = buttonPropFormDefault,\n    iconLeft,\n    iconRight,\n    label,\n    className,\n    onClick,\n    disabled,\n    loading,\n    type = 'button',\n    tabIndex,\n    as = 'button',\n    onlyIcon,\n    iconSize: iconSizeProp,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, buttonRef);\n\n  const Tag = as as string;\n  const IconOnly = (!label || onlyIcon) && (iconLeft || iconRight);\n  const IconLeft = iconLeft;\n  const IconRight = iconRight;\n  const withIcon = !!iconLeft || !!iconRight;\n  const title = props.title || (!!IconOnly && label) || undefined;\n  const iconSize = IconOnly\n    ? getByMap(sizeMapOnlyIcon, size, iconSizeProp)\n    : getByMap(sizeMap, size, iconSizeProp);\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (!disabled && !loading && onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick ? handleClick : undefined}\n      type={type}\n      className={cnButton(\n        {\n          size,\n          view,\n          width,\n          form: mapStableForm[form],\n          loading,\n          disabled,\n          withIcon,\n          onlyIcon: !!IconOnly,\n        },\n        [!(disabled || loading) ? cnMixFocus() : undefined, className],\n      )}\n      disabled={disabled}\n      tabIndex={tabIndex}\n      title={title}\n      ref={useForkRef([ref, buttonRef])}\n    >\n      {IconOnly && <IconOnly className={cnButton('Icon')} size={iconSize} />}\n      {!IconOnly &&\n        ((IconLeft || IconRight) && label ? (\n          <>\n            {IconLeft && (\n              <IconLeft\n                className={cnButton('Icon', { position: 'left' })}\n                size={iconSize}\n              />\n            )}\n            <span className={cnButton('Label')}>{label}</span>\n            {IconRight && (\n              <IconRight\n                className={cnButton('Icon', { position: 'right' })}\n                size={iconSize}\n              />\n            )}\n          </>\n        ) : (\n          label\n        ))}\n      {loading && <Loader className={cnButton('Loader')} size=\"s\" />}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import './Checkbox.css';
-import React from 'react';
+import React, { ChangeEventHandler } from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const checkboxPropSize: readonly ["m", "xs", "s", "l"];
 export declare type CheckboxPropSize = typeof checkboxPropSize[number];
@@ -10,9 +10,8 @@ export declare const checkboxPropViewDefault: CheckboxPropView;
 export declare const checkboxPropAlign: readonly ["center", "top"];
 export declare type CheckboxPropAlign = typeof checkboxPropAlign[number];
 export declare const checkboxPropAlignDefault: CheckboxPropAlign;
-export declare type CheckboxPropOnChange = (object: {
+export declare type CheckboxPropOnChange = (checked: boolean, params: {
     e: React.ChangeEvent<HTMLInputElement>;
-    checked: boolean;
 }) => void;
 declare type Props = {
     checked: boolean | undefined;
@@ -22,7 +21,7 @@ declare type Props = {
     disabled?: boolean;
     intermediate?: boolean;
     label?: string;
-    onChange?: CheckboxPropOnChange;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
     name?: string;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;

package/__internal__/src/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","intermediate","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef"];import"./Checkbox.css";import React from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var checkboxPropSize=["m","xs","s","l"];export var checkboxPropSizeDefault=checkboxPropSize[0];export var checkboxPropView=["primary","ghost"];export var checkboxPropViewDefault=checkboxPropView[0];export var checkboxPropAlign=["center","top"];export var checkboxPropAlignDefault=checkboxPropAlign[0];export var COMPONENT_NAME="Checkbox";export var cnCheckbox=cn("Checkbox");export var Checkbox=React.forwardRef(function(a,b){var c=React.useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=void 0!==e&&e,g=d.name,h=d.size,i=void 0===h?checkboxPropSizeDefault:h,j=d.view,k=void 0===j?checkboxPropViewDefault:j,l=d.align,m=void 0===l?checkboxPropAlignDefault:l,n=d.disabled,o=d.intermediate,p=d.className,q=d.label,r=d.onChange,s=d.onFocus,t=d.onBlur,u=d.readOnly,v=d.required,w=d.step,x=d.tabIndex,y=d.inputId,z=d.inputRef,A=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},A,{className:cnCheckbox({size:i,view:k,disabled:n,intermediate:void 0!==o&&o,align:m},[p]),ref:useForkRef([b,c])}),React.createElement("input",{type:"checkbox",name:g,className:cnCheckbox("Input",[cnMixFocus()]),checked:f,id:y,disabled:n,onChange:function handleChange(a){r&&r({e:a,checked:!f})},onFocus:s,onBlur:t,readOnly:u,required:v,step:w,tabIndex:x,ref:z}),q&&React.createElement("span",{className:cnCheckbox("Label")},q))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","name","size","view","align","disabled","intermediate","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef"];import"./Checkbox.css";import React from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{cn}from"../../utils/bem";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";export var checkboxPropSize=["m","xs","s","l"];export var checkboxPropSizeDefault=checkboxPropSize[0];export var checkboxPropView=["primary","ghost"];export var checkboxPropViewDefault=checkboxPropView[0];export var checkboxPropAlign=["center","top"];export var checkboxPropAlignDefault=checkboxPropAlign[0];export var COMPONENT_NAME="Checkbox";export var cnCheckbox=cn("Checkbox");export var Checkbox=React.forwardRef(function(a,b){var c=React.useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.checked,f=d.name,g=d.size,h=void 0===g?checkboxPropSizeDefault:g,i=d.view,j=void 0===i?checkboxPropViewDefault:i,k=d.align,l=void 0===k?checkboxPropAlignDefault:k,m=d.disabled,n=d.intermediate,o=d.className,p=d.label,q=d.onChange,r=d.onFocus,s=d.onBlur,t=d.readOnly,u=d.required,v=d.step,w=d.tabIndex,x=d.inputId,y=d.inputRef,z=_objectWithoutProperties(d,_excluded);return React.createElement("label",Object.assign({},z,{className:cnCheckbox({size:h,view:j,disabled:m,intermediate:void 0!==n&&n,align:l},[o]),ref:useForkRef([b,c])}),React.createElement("input",{type:"checkbox",name:f,className:cnCheckbox("Input",[cnMixFocus()]),checked:void 0!==e&&e,id:x,disabled:m,onChange:q,onFocus:r,onBlur:s,readOnly:t,required:u,step:v,tabIndex:w,ref:y}),p&&React.createElement("span",{className:cnCheckbox("Label")},p))});
 //# sourceMappingURL=Checkbox.js.map