@consta/uikit 3.29.0 → 4.0.1

package/__internal__/src/components/TabsDeprecated/FitModeDropdownWrapper/TabsFitModeDropdownWrapper.js

@@ -0,0 +1,2 @@
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"./TabsFitModeDropdownWrapper.css";import React from"react";import{cn}from"../../../utils/bem";import{getTabsWidth}from"../helpers";import{TabsMoreItems}from"../MoreItems/TabsMoreItems";import{useFittingItems}from"./useFittingItems";var cnTabsFitModeDropdownWrapper=cn("TabsFitModeDropdownWrapper");export var TabsFitModeDropdownWrapper=function(a){var b=a.items,c=a.tabsDimensions,d=a.tabRefs,e=a.getLabel,f=a.getChecked,g=a.renderItem,h=a.renderItemsList,i=React.useRef(null),j=React.useRef(null),k=useFittingItems({tabsDimensions:c,containerRef:i,moreItemsRef:j}),l=k.isItemHidden,m=b.filter(function(a,b){return l(b)}),n=React.useMemo(function(){return Math.max.apply(Math,_toConsumableArray(d.map(function(a){var b,c;return null!==(b=null===(c=a.current)||void 0===c?void 0:c.offsetHeight)&&void 0!==b?b:0})))},[c]),o=m.some(f),p=getTabsWidth(c.filter(function(a,b){return!l(b)}));return React.createElement("div",{ref:i,className:cnTabsFitModeDropdownWrapper(),style:{height:n}},React.createElement("div",{className:cnTabsFitModeDropdownWrapper("Tabs")},h({withRunningLine:!o,getTabClassName:function getTabClassName(a){return cnTabsFitModeDropdownWrapper("Tab",{hidden:l(a)})}})),0<m.length&&React.createElement("div",{ref:j,className:cnTabsFitModeDropdownWrapper("MoreItems"),style:{left:p}},React.createElement(TabsMoreItems,{items:m,renderItem:g,getLabel:e,getChecked:f,height:n})))};
+//# sourceMappingURL=TabsFitModeDropdownWrapper.js.map

package/__internal__/src/components/TabsDeprecated/FitModeDropdownWrapper/TabsFitModeDropdownWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsFitModeDropdownWrapper.js","names":["React","cn","getTabsWidth","TabsMoreItems","useFittingItems","cnTabsFitModeDropdownWrapper","TabsFitModeDropdownWrapper","items","tabsDimensions","tabRefs","getLabel","getChecked","renderItem","renderItemsList","ref","useRef","moreItemsRef","containerRef","isItemHidden","hiddenItems","filter","_item","idx","maxTabHeight","useMemo","Math","max","map","tabRef","current","offsetHeight","checkedItemIsHidden","some","visibleTabsWidth","_td","height","withRunningLine","getTabClassName","hidden","length","left"],"sources":["../../../../../../src/components/TabsDeprecated/FitModeDropdownWrapper/TabsFitModeDropdownWrapper.tsx"],"sourcesContent":["import './TabsFitModeDropdownWrapper.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getTabsWidth, TabsFitModeWrapperProps } from '../helpers';\nimport { TabsMoreItems } from '../MoreItems/TabsMoreItems';\nimport { useFittingItems } from './useFittingItems';\n\nconst cnTabsFitModeDropdownWrapper = cn('TabsFitModeDropdownWrapper');\n\nexport const TabsFitModeDropdownWrapper = <ITEM,>({\n  items,\n  tabsDimensions,\n  tabRefs,\n  getLabel,\n  getChecked,\n  renderItem,\n  renderItemsList,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const moreItemsRef = React.useRef<HTMLDivElement>(null);\n  const { isItemHidden } = useFittingItems({\n    tabsDimensions,\n    containerRef: ref,\n    moreItemsRef,\n  });\n  const hiddenItems = items.filter((_item, idx) => isItemHidden(idx));\n  const maxTabHeight: number = React.useMemo(() => {\n    return Math.max(\n      ...tabRefs.map((tabRef) => tabRef.current?.offsetHeight ?? 0),\n    );\n  }, [tabsDimensions]);\n  const checkedItemIsHidden = hiddenItems.some(getChecked);\n  const visibleTabsWidth = getTabsWidth(\n    tabsDimensions.filter((_td, idx) => !isItemHidden(idx)),\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={cnTabsFitModeDropdownWrapper()}\n      style={{ height: maxTabHeight }}\n    >\n      <div className={cnTabsFitModeDropdownWrapper('Tabs')}>\n        {renderItemsList({\n          withRunningLine: !checkedItemIsHidden,\n          getTabClassName: (idx) =>\n            cnTabsFitModeDropdownWrapper('Tab', { hidden: isItemHidden(idx) }),\n        })}\n      </div>\n      {hiddenItems.length > 0 && (\n        <div\n          ref={moreItemsRef}\n          className={cnTabsFitModeDropdownWrapper('MoreItems')}\n          style={{\n            /* В Safari скрытые табы с абсолютом продолжают растягивать контейнер,\n            поэтому приходится позиционировать кнопку абсолютом */\n            left: visibleTabsWidth,\n          }}\n        >\n          <TabsMoreItems\n            items={hiddenItems}\n            renderItem={renderItem}\n            getLabel={getLabel}\n            getChecked={getChecked}\n            height={maxTabHeight}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"yEAAA,yCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,YAAT,kBACA,OAASC,aAAT,kCACA,OAASC,eAAT,yBAEA,GAAMC,6BAA4B,CAAGJ,EAAE,CAAC,4BAAD,CAAvC,CAEA,MAAO,IAAMK,2BAA0B,CAAG,WAQsB,IAP9DC,EAO8D,GAP9DA,KAO8D,CAN9DC,CAM8D,GAN9DA,cAM8D,CAL9DC,CAK8D,GAL9DA,OAK8D,CAJ9DC,CAI8D,GAJ9DA,QAI8D,CAH9DC,CAG8D,GAH9DA,UAG8D,CAF9DC,CAE8D,GAF9DA,UAE8D,CAD9DC,CAC8D,GAD9DA,eAC8D,CACxDC,CAAG,CAAGd,KAAK,CAACe,MAAN,CAA6B,IAA7B,CADkD,CAExDC,CAAY,CAAGhB,KAAK,CAACe,MAAN,CAA6B,IAA7B,CAFyC,GAGrCX,eAAe,CAAC,CACvCI,cAAc,CAAdA,CADuC,CAEvCS,YAAY,CAAEH,CAFyB,CAGvCE,YAAY,CAAZA,CAHuC,CAAD,CAHsB,CAGtDE,CAHsD,GAGtDA,YAHsD,CAQxDC,CAAW,CAAGZ,CAAK,CAACa,MAAN,CAAa,SAACC,CAAD,CAAQC,CAAR,QAAgBJ,EAAY,CAACI,CAAD,CAA5B,CAAb,CAR0C,CASxDC,CAAoB,CAAGvB,KAAK,CAACwB,OAAN,CAAc,UAAM,CAC/C,MAAOC,KAAI,CAACC,GAAL,OAAAD,IAAI,oBACNhB,CAAO,CAACkB,GAAR,CAAY,SAACC,CAAD,qCAAYA,CAAM,CAACC,OAAnB,qBAAY,EAAgBC,YAA5B,gBAA4C,CAA5C,CAAZ,CADM,EAGZ,CAJ4B,CAI1B,CAACtB,CAAD,CAJ0B,CATiC,CAcxDuB,CAAmB,CAAGZ,CAAW,CAACa,IAAZ,CAAiBrB,CAAjB,CAdkC,CAexDsB,CAAgB,CAAG/B,YAAY,CACnCM,CAAc,CAACY,MAAf,CAAsB,SAACc,CAAD,CAAMZ,CAAN,QAAc,CAACJ,CAAY,CAACI,CAAD,CAA3B,CAAtB,CADmC,CAfyB,CAmB9D,MACE,4BACE,GAAG,CAAER,CADP,CAEE,SAAS,CAAET,4BAA4B,EAFzC,CAGE,KAAK,CAAE,CAAE8B,MAAM,CAAEZ,CAAV,CAHT,EAKE,2BAAK,SAAS,CAAElB,4BAA4B,CAAC,MAAD,CAA5C,EACGQ,CAAe,CAAC,CACfuB,eAAe,CAAE,CAACL,CADH,CAEfM,eAAe,CAAE,yBAACf,CAAD,QACfjB,6BAA4B,CAAC,KAAD,CAAQ,CAAEiC,MAAM,CAAEpB,CAAY,CAACI,CAAD,CAAtB,CAAR,CADb,CAFF,CAAD,CADlB,CALF,CAYwB,CAArB,CAAAH,CAAW,CAACoB,MAAZ,EACC,2BACE,GAAG,CAAEvB,CADP,CAEE,SAAS,CAAEX,4BAA4B,CAAC,WAAD,CAFzC,CAGE,KAAK,CAAE,CAGLmC,IAAI,CAAEP,CAHD,CAHT,EASE,oBAAC,aAAD,EACE,KAAK,CAAEd,CADT,CAEE,UAAU,CAAEP,CAFd,CAGE,QAAQ,CAAEF,CAHZ,CAIE,UAAU,CAAEC,CAJd,CAKE,MAAM,CAAEY,CALV,EATF,CAbJ,CAiCH,CA7DM"}

package/__internal__/src/components/TabsDeprecated/FitModeDropdownWrapper/useFittingItems.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React from"react";import{useComponentSize}from"../../../hooks/useComponentSize/useComponentSize";import{getTabsWidth}from"../helpers";export var useFittingItems=function(a){var b=a.tabsDimensions,c=a.containerRef,d=a.moreItemsRef,e=useComponentSize(c),f=e.width,g=useComponentSize(d),h=g.width,i=React.useMemo(function(){return getFittingItemsCount({tabsDimensions:b,totalWidth:f,moreItemsWidth:h})},[b,f,h]);return{fittingItemsCount:i,isItemHidden:React.useCallback(function(a){return a>=i},[i])}};export var getFittingItemsCount=function(a){var b=a.tabsDimensions,c=a.totalWidth,d=a.moreItemsWidth;if(!c)return b.length;var e,f=_createForOfIteratorHelper(b.entries());try{for(f.s();!(e=f.n()).done;){var g=_slicedToArray(e.value,2),h=g[0],i=g[1],j=h===b.length-1,k=b.slice(0,h),l=i.size+getTabsWidth(k)+(j?0:i.gap+d);if(l>c)return h}}catch(a){f.e(a)}finally{f.f()}return b.length};
+//# sourceMappingURL=useFittingItems.js.map

package/__internal__/src/components/TabsDeprecated/FitModeDropdownWrapper/useFittingItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFittingItems.js","names":["React","useComponentSize","getTabsWidth","useFittingItems","tabsDimensions","containerRef","moreItemsRef","containerWidth","width","moreItemsWidth","fittingItemsCount","useMemo","getFittingItemsCount","totalWidth","isItemHidden","useCallback","idx","length","entries","tabDimensions","isLastItem","previousTabsDimensions","slice","size","gap"],"sources":["../../../../../../src/components/TabsDeprecated/FitModeDropdownWrapper/useFittingItems.ts"],"sourcesContent":["import React from 'react';\n\nimport { useComponentSize } from '../../../hooks/useComponentSize/useComponentSize';\nimport { getTabsWidth, TabDimensions } from '../helpers';\n\nexport const useFittingItems = ({\n  tabsDimensions,\n  containerRef,\n  moreItemsRef,\n}: {\n  tabsDimensions: TabDimensions[];\n  containerRef: React.RefObject<HTMLElement>;\n  moreItemsRef: React.RefObject<HTMLElement>;\n}): {\n  fittingItemsCount: number;\n  isItemHidden: (idx: number) => boolean;\n} => {\n  const { width: containerWidth } = useComponentSize(containerRef);\n  const { width: moreItemsWidth } = useComponentSize(moreItemsRef);\n\n  const fittingItemsCount = React.useMemo(\n    () =>\n      getFittingItemsCount({\n        tabsDimensions,\n        totalWidth: containerWidth,\n        moreItemsWidth,\n      }),\n    [tabsDimensions, containerWidth, moreItemsWidth],\n  );\n\n  return {\n    fittingItemsCount,\n    isItemHidden: React.useCallback(\n      (idx) => idx >= fittingItemsCount,\n      [fittingItemsCount],\n    ),\n  };\n};\n\nexport const getFittingItemsCount = ({\n  tabsDimensions,\n  totalWidth,\n  moreItemsWidth,\n}: {\n  tabsDimensions: TabDimensions[];\n  totalWidth: number;\n  moreItemsWidth: number;\n}): number => {\n  if (!totalWidth) {\n    return tabsDimensions.length;\n  }\n\n  for (const [idx, tabDimensions] of tabsDimensions.entries()) {\n    const isLastItem = idx === tabsDimensions.length - 1;\n    const previousTabsDimensions = tabsDimensions.slice(0, idx);\n    const width =\n      tabDimensions.size +\n      getTabsWidth(previousTabsDimensions) +\n      (isLastItem ? 0 : tabDimensions.gap + moreItemsWidth);\n    if (width > totalWidth) {\n      return idx;\n    }\n  }\n\n  return tabsDimensions.length;\n};\n"],"mappings":"stCAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,gBAAT,wDACA,OAASC,YAAT,kBAEA,MAAO,IAAMC,gBAAe,CAAG,WAW1B,IAVHC,EAUG,GAVHA,cAUG,CATHC,CASG,GATHA,YASG,CARHC,CAQG,GARHA,YAQG,GAC+BL,gBAAgB,CAACI,CAAD,CAD/C,CACYE,CADZ,GACKC,KADL,GAE+BP,gBAAgB,CAACK,CAAD,CAF/C,CAEYG,CAFZ,GAEKD,KAFL,CAIGE,CAAiB,CAAGV,KAAK,CAACW,OAAN,CACxB,iBACEC,qBAAoB,CAAC,CACnBR,cAAc,CAAdA,CADmB,CAEnBS,UAAU,CAAEN,CAFO,CAGnBE,cAAc,CAAdA,CAHmB,CAAD,CADtB,CADwB,CAOxB,CAACL,CAAD,CAAiBG,CAAjB,CAAiCE,CAAjC,CAPwB,CAJvB,CAcH,MAAO,CACLC,iBAAiB,CAAjBA,CADK,CAELI,YAAY,CAAEd,KAAK,CAACe,WAAN,CACZ,SAACC,CAAD,QAASA,EAAG,EAAIN,CAAhB,CADY,CAEZ,CAACA,CAAD,CAFY,CAFT,CAOR,CAhCM,CAkCP,MAAO,IAAME,qBAAoB,CAAG,WAQtB,IAPZR,EAOY,GAPZA,cAOY,CANZS,CAMY,GANZA,UAMY,CALZJ,CAKY,GALZA,cAKY,CACZ,GAAI,CAACI,CAAL,CACE,MAAOT,EAAc,CAACa,MAAtB,CAFU,mCAKuBb,CAAc,CAACc,OAAf,EALvB,MAKZ,2BAA6D,iCAAjDF,CAAiD,MAA5CG,CAA4C,MACrDC,CAAU,CAAGJ,CAAG,GAAKZ,CAAc,CAACa,MAAf,CAAwB,CADQ,CAErDI,CAAsB,CAAGjB,CAAc,CAACkB,KAAf,CAAqB,CAArB,CAAwBN,CAAxB,CAF4B,CAGrDR,CAAK,CACTW,CAAa,CAACI,IAAd,CACArB,YAAY,CAACmB,CAAD,CADZ,EAECD,CAAU,CAAG,CAAH,CAAOD,CAAa,CAACK,GAAd,CAAoBf,CAFtC,CAJyD,CAO3D,GAAID,CAAK,CAAGK,CAAZ,CACE,MAAOG,EAEV,CAfW,+BAiBZ,MAAOZ,EAAc,CAACa,MACvB,CA1BM"}

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/TabsFitModeScrollWrapper.css

@@ -0,0 +1 @@
+.TabsFitModeScrollWrapper{--list-padding:var(--space-xs);align-items:center;display:flex}.TabsFitModeScrollWrapper-Content{display:flex;flex-grow:1;margin:calc(var(--list-padding)*-1);overflow-x:scroll;padding:var(--list-padding);scrollbar-width:none}.TabsFitModeScrollWrapper-Content::-webkit-scrollbar:horizontal{display:none;height:0;width:0}.TabsFitModeScrollWrapper-Content::-webkit-scrollbar-thumb:horizontal{display:none}.TabsFitModeScrollWrapper-Button{--button-margin:var(--space-2xs);--button-inner-margin:calc(var(--button-margin) + var(--list-padding));flex-shrink:0;margin:0 var(--button-margin)}.TabsFitModeScrollWrapper-Button_to_prev{margin-right:var(--button-inner-margin)}.TabsFitModeScrollWrapper-Button_to_next{margin-left:var(--button-inner-margin);order:1}.TabsFitModeScrollWrapper-Tab_noMargin{margin-right:0}

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/TabsFitModeScrollWrapper.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TabsFitModeScrollWrapper.css";import React from"react";import{useResizeObserved}from"../../../hooks/useResizeObserved/useResizeObserved";import{useScrollPosition}from"../../../hooks/useScrollPosition/useScrollPosition";import{IconArrowLeft}from"../../../icons/IconArrowLeft/IconArrowLeft";import{IconArrowRight}from"../../../icons/IconArrowRight/IconArrowRight";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{getTabsWidth}from"../helpers";import{getVisibleTabsRange}from"./helpers";var cnTabsFitModeScrollWrapper=cn("TabsFitModeScrollWrapper");export var TabsFitModeScrollWrapper=function(a){var b=a.tabsDimensions,c=a.items,d=a.renderItemsList,e=a.getChecked,f=React.useRef(null),g=useResizeObserved(React.useMemo(function(){return[f]},[f]),function(a){var b;return{isScrollable:a&&a.scrollWidth>a.offsetWidth,width:null!==(b=null===a||void 0===a?void 0:a.offsetWidth)&&void 0!==b?b:0,paddingLeft:a?parseInt(getComputedStyle(a).paddingLeft,10):0}}),h=_slicedToArray(g,1),i=h[0],j=i.isScrollable,k=i.width,l=i.paddingLeft,m=useScrollPosition(f.current),n=m.scrollLeft,o=getVisibleTabsRange({tabsDimensions:b,containerWidth:k,containerPaddingLeft:l,scrollLeft:n}),p=_slicedToArray(o,2),q=p[0],r=p[1],s=function(a){if(!(a>=q&&a<=r)){var c,d=getTabsWidth(b.slice(0,a));null===(c=f.current)||void 0===c?void 0:c.scrollTo({left:d,behavior:"smooth"})}},t=function(){s(q-1)},u=function(){s(r+1)},v=c.findIndex(e);return React.useEffect(function(){j&&s(v)},[v,j]),React.createElement("div",{className:cnTabsFitModeScrollWrapper()},j&&React.createElement(React.Fragment,null,["prev","next"].map(function(a){return React.createElement(Button,{key:a,view:"clear",size:"xs",onlyIcon:!0,disabled:"prev"===a?0===q:r===c.length-1,iconLeft:"prev"===a?IconArrowLeft:IconArrowRight,className:cnTabsFitModeScrollWrapper("Button",{to:a}),onClick:"prev"===a?t:u})})),React.createElement("div",{className:cnTabsFitModeScrollWrapper("Content"),ref:f},d({getTabClassName:function getTabClassName(a){return cnTabsFitModeScrollWrapper("Tab",{noMargin:a===c.length-1})}})))};
+//# sourceMappingURL=TabsFitModeScrollWrapper.js.map

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/TabsFitModeScrollWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsFitModeScrollWrapper.js","names":["React","useResizeObserved","useScrollPosition","IconArrowLeft","IconArrowRight","cn","Button","getTabsWidth","getVisibleTabsRange","cnTabsFitModeScrollWrapper","TabsFitModeScrollWrapper","tabsDimensions","items","renderItemsList","getChecked","scrollContainerRef","useRef","useMemo","el","isScrollable","scrollWidth","offsetWidth","width","paddingLeft","parseInt","getComputedStyle","containerWidth","containerPaddingLeft","current","scrollLeft","firstVisibleTabIdx","lastVisibleTabIdx","scrollTabIntoView","idx","previousTabsWidth","slice","scrollTo","left","behavior","scrollPrev","scrollNext","checkedTabIdx","findIndex","useEffect","map","buttonTo","length","to","getTabClassName","noMargin"],"sources":["../../../../../../src/components/TabsDeprecated/FitModeScrollWrapper/TabsFitModeScrollWrapper.tsx"],"sourcesContent":["import './TabsFitModeScrollWrapper.css';\n\nimport React from 'react';\n\nimport { useResizeObserved } from '../../../hooks/useResizeObserved/useResizeObserved';\nimport { useScrollPosition } from '../../../hooks/useScrollPosition/useScrollPosition';\nimport { IconArrowLeft } from '../../../icons/IconArrowLeft/IconArrowLeft';\nimport { IconArrowRight } from '../../../icons/IconArrowRight/IconArrowRight';\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { getTabsWidth, TabsFitModeWrapperProps } from '../helpers';\nimport { getVisibleTabsRange } from './helpers';\n\nconst cnTabsFitModeScrollWrapper = cn('TabsFitModeScrollWrapper');\n\nexport const TabsFitModeScrollWrapper = <ITEM,>({\n  tabsDimensions,\n  items,\n  renderItemsList,\n  getChecked,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => {\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n  const [\n    { isScrollable, width: containerWidth, paddingLeft: containerPaddingLeft },\n  ] = useResizeObserved(\n    React.useMemo(() => [scrollContainerRef], [scrollContainerRef]),\n    (el) => ({\n      isScrollable: el && el.scrollWidth > el.offsetWidth,\n      width: el?.offsetWidth ?? 0,\n      paddingLeft: el ? parseInt(getComputedStyle(el).paddingLeft, 10) : 0,\n    }),\n  );\n  const { scrollLeft } = useScrollPosition(scrollContainerRef.current);\n\n  const [firstVisibleTabIdx, lastVisibleTabIdx] = getVisibleTabsRange({\n    tabsDimensions,\n    containerWidth,\n    containerPaddingLeft,\n    scrollLeft,\n  });\n\n  const scrollTabIntoView = (idx: number) => {\n    const tabIsVisible = idx >= firstVisibleTabIdx && idx <= lastVisibleTabIdx;\n\n    if (!tabIsVisible) {\n      const previousTabsWidth = getTabsWidth(tabsDimensions.slice(0, idx));\n      scrollContainerRef.current?.scrollTo({\n        left: previousTabsWidth,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  const scrollPrev = () => {\n    scrollTabIntoView(firstVisibleTabIdx - 1);\n  };\n\n  const scrollNext = () => {\n    scrollTabIntoView(lastVisibleTabIdx + 1);\n  };\n\n  // Подскролливаем к выбранному табу\n  const checkedTabIdx = items.findIndex(getChecked);\n  React.useEffect(() => {\n    if (isScrollable) {\n      scrollTabIntoView(checkedTabIdx);\n    }\n  }, [checkedTabIdx, isScrollable]);\n\n  return (\n    <div className={cnTabsFitModeScrollWrapper()}>\n      {isScrollable && (\n        <>\n          {(['prev', 'next'] as const).map((buttonTo) => (\n            <Button\n              key={buttonTo}\n              view=\"clear\"\n              size=\"xs\"\n              onlyIcon\n              disabled={\n                buttonTo === 'prev'\n                  ? firstVisibleTabIdx === 0\n                  : lastVisibleTabIdx === items.length - 1\n              }\n              iconLeft={buttonTo === 'prev' ? IconArrowLeft : IconArrowRight}\n              className={cnTabsFitModeScrollWrapper('Button', { to: buttonTo })}\n              onClick={buttonTo === 'prev' ? scrollPrev : scrollNext}\n            />\n          ))}\n        </>\n      )}\n      <div\n        className={cnTabsFitModeScrollWrapper('Content')}\n        ref={scrollContainerRef}\n      >\n        {renderItemsList({\n          getTabClassName: (idx) =>\n            cnTabsFitModeScrollWrapper('Tab', {\n              noMargin: idx === items.length - 1,\n            }),\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/__test__/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/__test__/helpers.test.js

@@ -0,0 +1,2 @@
+import{getVisibleTabsRange}from"../helpers";describe("getVisibleTabsRange",function(){var a=[{size:100,gap:10},{size:100,gap:10},{size:100,gap:0}];it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u0435\u0441\u043B\u0438 \u0432\u0441\u0435 \u0432\u043C\u0435\u0449\u0430\u044E\u0442\u0441\u044F",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:330,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u0435\u0441\u043B\u0438 \u043F\u0440\u043E\u0441\u043A\u0440\u043E\u043B\u043B\u0438\u043B\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u0430\u0434\u0434\u0438\u043D\u0433",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:320,scrollLeft:10,containerPaddingLeft:10})).toEqual([0,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u043A\u0440\u043E\u043C\u0435 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0433\u043E, \u0435\u0441\u043B\u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u043D\u0435 \u0432\u043C\u0435\u0441\u0442\u0438\u043B\u0441\u044F \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:329,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u043A\u0440\u043E\u043C\u0435 \u043F\u0435\u0440\u0432\u043E\u0433\u043E, \u0435\u0441\u043B\u0438 \u043F\u0435\u0440\u0432\u044B\u0439 \u043D\u0435 \u0432\u0438\u0434\u0435\u043D \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u0438\u0437-\u0437\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0430",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:319,scrollLeft:11,containerPaddingLeft:10})).toEqual([1,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0441\u0440\u0435\u0434\u043D\u0438\u0439 \u0442\u0430\u0431, \u0435\u0441\u043B\u0438 \u043F\u0435\u0440\u0432\u044B\u0439 \u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u043D\u0435 \u0432\u0438\u0434\u043D\u044B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:318,scrollLeft:11,containerPaddingLeft:10})).toEqual([1,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0441\u0440\u0435\u0434\u043D\u0438\u0439 \u0442\u0430\u0431, \u0434\u0430\u0436\u0435 \u0435\u0441\u043B\u0438 \u043E\u043D \u043D\u0435 \u0432\u043B\u0435\u0437 \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E, \u043D\u043E \u0432\u0438\u0434\u0435\u043D \u0435\u0433\u043E \u043B\u0435\u0432\u044B\u0439 \u043A\u0440\u0430\u0439",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:50,scrollLeft:110,containerPaddingLeft:10})).toEqual([1,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u0435\u0440\u0432\u044B\u0439 \u0442\u0430\u0431, \u0435\u0441\u043B\u0438 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:10,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,0])})});
+//# sourceMappingURL=helpers.test.js.map

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/__test__/helpers.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.test.js","names":["getVisibleTabsRange","describe","tabsDimensions","size","gap","it","expect","containerWidth","scrollLeft","containerPaddingLeft","toEqual"],"sources":["../../../../../../../src/components/TabsDeprecated/FitModeScrollWrapper/__test__/helpers.test.ts"],"sourcesContent":["import { TabDimensions } from '../../helpers';\nimport { getVisibleTabsRange } from '../helpers';\n\ndescribe('getVisibleTabsRange', () => {\n  const tabsDimensions: TabDimensions[] = [\n    {\n      size: 100,\n      gap: 10,\n    },\n    {\n      size: 100,\n      gap: 10,\n    },\n    {\n      size: 100,\n      gap: 0,\n    },\n  ];\n\n  it('возвращает все табы, если все вмещаются', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 330,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 2]);\n  });\n\n  it('возвращает все табы, если проскроллили только паддинг', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 320,\n        scrollLeft: 10,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 2]);\n  });\n\n  it('возвращает все табы, кроме последнего, если последний не вместился полностью', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 329,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 1]);\n  });\n\n  it('возвращает все табы, кроме первого, если первый не виден полностью из-за скролла', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 319,\n        scrollLeft: 11,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 2]);\n  });\n\n  it('возвращает только средний таб, если первый и последний не видны полностью', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 318,\n        scrollLeft: 11,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 1]);\n  });\n\n  it('возвращает только средний таб, даже если он не влез полностью, но виден его левый край', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 50,\n        scrollLeft: 110,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 1]);\n  });\n\n  it('возвращает только первый таб, если ничего не влезает', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 10,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 0]);\n  });\n});\n"],"mappings":"AACA,OAASA,mBAAT,kBAEAC,QAAQ,CAAC,qBAAD,CAAwB,UAAM,CACpC,GAAMC,EAA+B,CAAG,CACtC,CACEC,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,EAFP,CADsC,CAKtC,CACED,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,EAFP,CALsC,CAStC,CACED,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,CAFP,CATsC,CAAxC,CAeAC,EAAE,CAAC,8MAAD,CAA4C,UAAM,CAClDC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAhBkC,CA2BpCL,EAAE,CAAC,6RAAD,CAA0D,UAAM,CAChEC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CA3BkC,CAsCpCL,EAAE,CAAC,mZAAD,CAAiF,UAAM,CACvFC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAtCkC,CAiDpCL,EAAE,CAAC,4ZAAD,CAAqF,UAAM,CAC3FC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAjDkC,CA4DpCL,EAAE,CAAC,iYAAD,CAA8E,UAAM,CACpFC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CA5DkC,CAuEpCL,EAAE,CAAC,sbAAD,CAA2F,UAAM,CACjGC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,EAFE,CAGlBC,UAAU,CAAE,GAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAvEkC,CAkFpCL,EAAE,CAAC,kRAAD,CAAyD,UAAM,CAC/DC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,EAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAUH,CA5FO,C"}

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/helpers.js

@@ -0,0 +1,2 @@
+import{getTabsWidth}from"../helpers";export var getVisibleTabsRange=function(a){for(var b,c,d=a.tabsDimensions,e=a.containerWidth,f=a.containerPaddingLeft,g=a.scrollLeft,h=null,i=null,j=g,k=0;k<d.length;k++){var l=getTabsWidth(d.slice(0,k)),m=f+l;m>=j&&null===h&&(h=k);var n=m+d[k].size;n<=j+e&&(i=k)}return h=null!==(b=h)&&void 0!==b?b:0,i=Math.max(h,null!==(c=i)&&void 0!==c?c:0),[h,i]};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/TabsDeprecated/FitModeScrollWrapper/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["getTabsWidth","getVisibleTabsRange","tabsDimensions","containerWidth","containerPaddingLeft","scrollLeft","firstVisibleTabIdx","lastVisibleTabIdx","containerLeftSide","idx","length","previousTabsWidth","slice","tabElLeftSide","tabElRightSide","size","Math","max"],"sources":["../../../../../../src/components/TabsDeprecated/FitModeScrollWrapper/helpers.ts"],"sourcesContent":["import { getTabsWidth, TabDimensions } from '../helpers';\n\nexport const getVisibleTabsRange = ({\n  tabsDimensions,\n  containerWidth,\n  containerPaddingLeft,\n  scrollLeft,\n}: {\n  tabsDimensions: TabDimensions[];\n  containerWidth: number;\n  containerPaddingLeft: number;\n  scrollLeft: number;\n}): [number, number] => {\n  let firstVisibleTabIdx = null;\n  let lastVisibleTabIdx = null;\n\n  const containerLeftSide = scrollLeft;\n  const containerRightSide = containerLeftSide + containerWidth;\n\n  for (let idx = 0; idx < tabsDimensions.length; idx++) {\n    const previousTabsWidth = getTabsWidth(tabsDimensions.slice(0, idx));\n    const tabElLeftSide = containerPaddingLeft + previousTabsWidth;\n    const isTabLeftSideVisible = tabElLeftSide >= containerLeftSide;\n    if (isTabLeftSideVisible && firstVisibleTabIdx === null) {\n      firstVisibleTabIdx = idx;\n    }\n\n    const tabElRightSide = tabElLeftSide + tabsDimensions[idx].size;\n    const isTabRightSideVisible = tabElRightSide <= containerRightSide;\n    if (isTabRightSideVisible) {\n      lastVisibleTabIdx = idx;\n    }\n  }\n\n  firstVisibleTabIdx = firstVisibleTabIdx ?? 0;\n  lastVisibleTabIdx = Math.max(firstVisibleTabIdx, lastVisibleTabIdx ?? 0);\n\n  return [firstVisibleTabIdx, lastVisibleTabIdx];\n};\n"],"mappings":"AAAA,OAASA,YAAT,kBAEA,MAAO,IAAMC,oBAAmB,CAAG,WAUX,CAOtB,YAhBAC,CAgBA,GAhBAA,cAgBA,CAfAC,CAeA,GAfAA,cAeA,CAdAC,CAcA,GAdAA,oBAcA,CAbAC,CAaA,GAbAA,UAaA,CANIC,CAAkB,CAAG,IAMzB,CALIC,CAAiB,CAAG,IAKxB,CAHMC,CAAiB,CAAGH,CAG1B,CAASI,CAAG,CAAG,CAAf,CAAkBA,CAAG,CAAGP,CAAc,CAACQ,MAAvC,CAA+CD,CAAG,EAAlD,CAAsD,IAC9CE,EAAiB,CAAGX,YAAY,CAACE,CAAc,CAACU,KAAf,CAAqB,CAArB,CAAwBH,CAAxB,CAAD,CADc,CAE9CI,CAAa,CAAGT,CAAoB,CAAGO,CAFO,CAGvBE,CAAa,EAAIL,CAC1C,EAA+C,IAAvB,GAAAF,CAJwB,GAKlDA,CAAkB,CAAGG,CAL6B,KAQ9CK,EAAc,CAAGD,CAAa,CAAGX,CAAc,CAACO,CAAD,CAAd,CAAoBM,IARP,CAStBD,CAAc,EAXnBN,CAAiB,CAAGL,CAEO,GAWlDI,CAAiB,CAAGE,CAX8B,CAarD,CAKD,MAHAH,EAAkB,WAAGA,CAAH,gBAAyB,CAG3C,CAFAC,CAAiB,CAAGS,IAAI,CAACC,GAAL,CAASX,CAAT,WAA6BC,CAA7B,gBAAkD,CAAlD,CAEpB,CAAO,CAACD,CAAD,CAAqBC,CAArB,CACR,CApCM"}

package/__internal__/src/components/TabsDeprecated/Line/TabsLine.css

@@ -0,0 +1 @@
+.TabsLine{position:absolute}.TabsLine_type_border{--line-thickness:1px;background-color:var(--color-control-bg-border-default)}.TabsLine_type_running{--line-thickness:2px;background-color:var(--color-control-bg-primary);transition:transform .25s,width .25s,height .25s}.TabsLine_position_bottom,.TabsLine_position_top{height:var(--line-thickness);left:0;transform:translateX(var(--line-offset));width:var(--line-length)}.TabsLine_position_bottom{bottom:0}.TabsLine_position_top{top:0}.TabsLine_position_left,.TabsLine_position_right{height:var(--line-length);top:0;transform:translateY(var(--line-offset));width:var(--line-thickness)}.TabsLine_position_left{left:0}.TabsLine_position_right{right:0}

package/__internal__/src/components/TabsDeprecated/Line/TabsLine.d.ts

@@ -0,0 +1,12 @@
+import './TabsLine.css';
+import React from 'react';
+import { TabDimensions } from '../helpers';
+import { TabsPropLinePosition } from '../TabsDeprecated';
+export declare const TabsBorderLine: React.FC<{
+    linePosition: TabsPropLinePosition;
+}>;
+export declare const TabsRunningLine: React.FC<{
+    linePosition: TabsPropLinePosition;
+    activeTabIdx: number;
+    tabsDimensions: TabDimensions[];
+}>;

package/__internal__/src/components/TabsDeprecated/Line/TabsLine.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"./TabsLine.css";import React from"react";import{cn}from"../../../utils/bem";import{getTabsWidth}from"../helpers";var cnTabsLine=cn("TabsLine");export var TabsBorderLine=function(a){var b=a.linePosition;return React.createElement(TabsLine,{type:"border",linePosition:b,size:"100%"})};export var TabsRunningLine=function(a){var b,c,d=a.linePosition,e=a.activeTabIdx,f=a.tabsDimensions,g=f.slice(0,e),h=null!==(b=null===(c=f[e])||void 0===c?void 0:c.size)&&void 0!==b?b:0,i=getTabsWidth(g);return React.createElement(TabsLine,{type:"running",linePosition:d,size:h,offset:i})};var TabsLine=function(a){var b,c=a.type,d=a.linePosition,e=a.size,f=a.offset,g=void 0===f?"0px":f;return React.createElement("div",{className:cnTabsLine({type:c,position:d}),style:(b={},_defineProperty(b,"--line-length",formatCSSValue(e)),_defineProperty(b,"--line-offset",formatCSSValue(g)),b)})},formatCSSValue=function(a){return"number"==typeof a?"".concat(a,"px"):a};
+//# sourceMappingURL=TabsLine.js.map

package/__internal__/src/components/TabsDeprecated/Line/TabsLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLine.js","names":["React","cn","getTabsWidth","cnTabsLine","TabsBorderLine","linePosition","TabsRunningLine","activeTabIdx","tabsDimensions","previousTabsDimensions","slice","size","offset","TabsLine","type","position","formatCSSValue","n"],"sources":["../../../../../../src/components/TabsDeprecated/Line/TabsLine.tsx"],"sourcesContent":["import './TabsLine.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getTabsWidth, TabDimensions } from '../helpers';\nimport { TabsPropLinePosition } from '../TabsDeprecated';\n\nconst cnTabsLine = cn('TabsLine');\n\nexport const TabsBorderLine: React.FC<{\n  linePosition: TabsPropLinePosition;\n}> = ({ linePosition }) => {\n  return <TabsLine type=\"border\" linePosition={linePosition} size=\"100%\" />;\n};\n\nexport const TabsRunningLine: React.FC<{\n  linePosition: TabsPropLinePosition;\n  activeTabIdx: number;\n  tabsDimensions: TabDimensions[];\n}> = ({ linePosition, activeTabIdx, tabsDimensions }) => {\n  const previousTabsDimensions = tabsDimensions.slice(0, activeTabIdx);\n  const size = tabsDimensions[activeTabIdx]?.size ?? 0;\n  const offset = getTabsWidth(previousTabsDimensions);\n\n  return (\n    <TabsLine\n      type=\"running\"\n      linePosition={linePosition}\n      size={size}\n      offset={offset}\n    />\n  );\n};\n\nconst TabsLine: React.FC<{\n  type: 'border' | 'running';\n  linePosition: TabsPropLinePosition;\n  size: number | string;\n  offset?: number | string;\n}> = ({ type, linePosition, size, offset = '0px' }) => (\n  <div\n    className={cnTabsLine({ type, position: linePosition })}\n    style={{\n      ['--line-length' as string]: formatCSSValue(size),\n      ['--line-offset' as string]: formatCSSValue(offset),\n    }}\n  />\n);\n\nconst formatCSSValue = (n: number | string) =>\n  typeof n === 'number' ? `${n}px` : n;\n"],"mappings":"mEAAA,uBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,YAAT,kBAGA,GAAMC,WAAU,CAAGF,EAAE,CAAC,UAAD,CAArB,CAEA,MAAO,IAAMG,eAEX,CAAG,WAAsB,IAAnBC,EAAmB,GAAnBA,YAAmB,CACzB,MAAO,qBAAC,QAAD,EAAU,IAAI,CAAC,QAAf,CAAwB,YAAY,CAAEA,CAAtC,CAAoD,IAAI,CAAC,MAAzD,EACR,CAJM,CAMP,MAAO,IAAMC,gBAIX,CAAG,WAAoD,SAAjDD,CAAiD,GAAjDA,YAAiD,CAAnCE,CAAmC,GAAnCA,YAAmC,CAArBC,CAAqB,GAArBA,cAAqB,CACjDC,CAAsB,CAAGD,CAAc,CAACE,KAAf,CAAqB,CAArB,CAAwBH,CAAxB,CADwB,CAEjDI,CAAI,qBAAGH,CAAc,CAACD,CAAD,CAAjB,qBAAG,EAA8BI,IAAjC,gBAAyC,CAFI,CAGjDC,CAAM,CAAGV,YAAY,CAACO,CAAD,CAH4B,CAKvD,MACE,qBAAC,QAAD,EACE,IAAI,CAAC,SADP,CAEE,YAAY,CAAEJ,CAFhB,CAGE,IAAI,CAAEM,CAHR,CAIE,MAAM,CAAEC,CAJV,EAOH,CAjBM,C,GAmBDC,SAKJ,CAAG,kBAAGC,CAAH,GAAGA,IAAH,CAAST,CAAT,GAASA,YAAT,CAAuBM,CAAvB,GAAuBA,IAAvB,KAA6BC,MAA7B,CAA6BA,CAA7B,YAAsC,KAAtC,SACH,4BACE,SAAS,CAAET,UAAU,CAAC,CAAEW,IAAI,CAAJA,CAAF,CAAQC,QAAQ,CAAEV,CAAlB,CAAD,CADvB,CAEE,KAAK,yBACF,eADE,CAC0BW,cAAc,CAACL,CAAD,CADxC,oBAEF,eAFE,CAE0BK,cAAc,CAACJ,CAAD,CAFxC,IAFP,EADG,C,CAUCI,cAAc,CAAG,SAACC,CAAD,QACR,QAAb,QAAOA,EAAP,WAA2BA,CAA3B,OAAmCA,CADd,C"}

package/__internal__/src/components/TabsDeprecated/MoreItems/TabsMoreItems.css

@@ -0,0 +1 @@
+.TabsMoreItems-Button{align-items:center;display:flex}.TabsMoreItems-Content{background:var(--color-bg-default);border:1px solid var(--color-bg-border);border-radius:var(--control-radius);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;padding:var(--space-s) 0;white-space:nowrap}.TabsMoreItems-Item{padding:0 var(--space-s)}.TabsMoreItems-Item_active{position:relative}.TabsMoreItems-Item_active:before{background:var(--color-bg-brand);bottom:0;content:"";left:-1px;position:absolute;top:0;width:2px}.TabsMoreItems-Item>*{width:100%}

package/__internal__/src/components/TabsDeprecated/MoreItems/TabsMoreItems.d.ts

@@ -0,0 +1,12 @@
+import './TabsMoreItems.css';
+import React from 'react';
+import { TabsPropGetLabel } from '../TabsDeprecated';
+declare type TabsMoreItems = <ITEM>(props: {
+    items: ITEM[];
+    renderItem: (item: ITEM, onClick: () => void) => React.ReactNode;
+    getLabel: TabsPropGetLabel<ITEM>;
+    getChecked: (item: ITEM) => boolean;
+    height: number;
+} & React.RefAttributes<HTMLDivElement>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export declare const TabsMoreItems: TabsMoreItems;
+export {};

package/__internal__/src/components/TabsDeprecated/MoreItems/TabsMoreItems.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TabsMoreItems.css";import FocusTrap from"focus-trap-react";import React,{useEffect,useRef,useState}from"react";import{Transition}from"react-transition-group";import{useFlag}from"../../../hooks/useFlag/useFlag";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{IconMeatball}from"../../../icons/IconMeatball/IconMeatball";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Popover}from"../../Popover/Popover";var cnTabsMoreItems=cn("TabsMoreItems");export var TabsMoreItems=React.forwardRef(function(a,b){var c=a.items,d=a.renderItem,e=a.getLabel,f=a.getChecked,g=a.height,h=useFlag(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=k.off,m=k.toogle,n=useRef(null),o=useRef(null),p=useState("downStartLeft"),q=_slicedToArray(p,2),r=q[0],s=q[1];return useEffect(function(){0===c.length&&l()},[c]),React.createElement(React.Fragment,null,React.createElement("div",{ref:useForkRef([b,n]),className:cnTabsMoreItems("Button"),style:{height:g}},React.createElement(Button,{size:"xs",view:"ghost",onlyIcon:!0,iconLeft:IconMeatball,onClick:m})),React.createElement(Transition,{in:j,unmountOnExit:!0,nodeRef:o,timeout:animateTimeout},function(a){var b;return React.createElement(Popover,{anchorRef:n,offset:-1,ref:o,direction:"downStartRight",spareDirection:"downStartLeft",className:cnTabsMoreItems("Popover",[cnMixPopoverAnimate({animate:a,direction:r})]),onSetDirection:s,possibleDirections:["downStartRight","downStartLeft","upStartRight","upStartLeft","downCenter","upCenter"]},React.createElement(FocusTrap,{focusTrapOptions:{fallbackFocus:null!==(b=n.current)&&void 0!==b?b:void 0,clickOutsideDeactivates:function clickOutsideDeactivates(a){var b,c=null===(b=n.current)||void 0===b?void 0:b.contains(a.target);return!c},allowOutsideClick:!0,onDeactivate:l}},React.createElement("div",{className:cnTabsMoreItems("Content")},c.map(function(a){return React.createElement("div",{key:e(a),className:cnTabsMoreItems("Item",{active:f(a)})},d(a,l))}))))}))});
+//# sourceMappingURL=TabsMoreItems.js.map

package/__internal__/src/components/TabsDeprecated/MoreItems/TabsMoreItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsMoreItems.js","names":["FocusTrap","React","useEffect","useRef","useState","Transition","useFlag","useForkRef","IconMeatball","animateTimeout","cnMixPopoverAnimate","cn","Button","Popover","cnTabsMoreItems","TabsMoreItems","forwardRef","ref","items","renderItem","getLabel","getChecked","height","isOpen","off","toogle","buttonRef","popoverRef","direction","setDirection","length","animate","fallbackFocus","current","clickOutsideDeactivates","e","isClickInsideButton","contains","target","allowOutsideClick","onDeactivate","map","item","active"],"sources":["../../../../../../src/components/TabsDeprecated/MoreItems/TabsMoreItems.tsx"],"sourcesContent":["import './TabsMoreItems.css';\n\nimport FocusTrap from 'focus-trap-react';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { useFlag } from '../../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { IconMeatball } from '../../../icons/IconMeatball/IconMeatball';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '../../../mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { Direction, Popover } from '../../Popover/Popover';\nimport { TabsPropGetLabel } from '../TabsDeprecated';\n\nconst cnTabsMoreItems = cn('TabsMoreItems');\n\ntype TabsMoreItems = <ITEM>(\n  props: {\n    items: ITEM[];\n    renderItem: (item: ITEM, onClick: () => void) => React.ReactNode;\n    getLabel: TabsPropGetLabel<ITEM>;\n    getChecked: (item: ITEM) => boolean;\n    height: number;\n  } & React.RefAttributes<HTMLDivElement>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport const TabsMoreItems: TabsMoreItems = React.forwardRef(\n  ({ items, renderItem, getLabel, getChecked, height }, ref) => {\n    const [isOpen, { off, toogle }] = useFlag(false);\n    const buttonRef = useRef<HTMLDivElement>(null);\n    const popoverRef = useRef<HTMLDivElement>(null);\n    const [direction, setDirection] = useState<Direction>('downStartLeft');\n\n    useEffect(() => {\n      items.length === 0 && off();\n    }, [items]);\n\n    return (\n      <>\n        <div\n          ref={useForkRef([ref, buttonRef])}\n          className={cnTabsMoreItems('Button')}\n          style={{ height }}\n        >\n          <Button\n            size=\"xs\"\n            view=\"ghost\"\n            onlyIcon\n            iconLeft={IconMeatball}\n            onClick={toogle}\n          />\n        </div>\n        <Transition\n          in={isOpen}\n          unmountOnExit\n          nodeRef={popoverRef}\n          timeout={animateTimeout}\n        >\n          {(animate) => (\n            <Popover\n              anchorRef={buttonRef}\n              offset={-1}\n              ref={popoverRef}\n              direction=\"downStartRight\"\n              spareDirection=\"downStartLeft\"\n              className={cnTabsMoreItems('Popover', [\n                cnMixPopoverAnimate({ animate, direction }),\n              ])}\n              onSetDirection={setDirection}\n              possibleDirections={[\n                'downStartRight',\n                'downStartLeft',\n                'upStartRight',\n                'upStartLeft',\n                'downCenter',\n                'upCenter',\n              ]}\n            >\n              <FocusTrap\n                focusTrapOptions={{\n                  fallbackFocus: buttonRef.current ?? undefined,\n                  clickOutsideDeactivates: (e) => {\n                    const isClickInsideButton = buttonRef.current?.contains(\n                      e.target as Node,\n                    );\n                    return !isClickInsideButton;\n                  },\n                  allowOutsideClick: true,\n                  onDeactivate: off,\n                }}\n              >\n                <div className={cnTabsMoreItems('Content')}>\n                  {items.map((item) => (\n                    <div\n                      key={getLabel(item)}\n                      className={cnTabsMoreItems('Item', {\n                        active: getChecked(item),\n                      })}\n                    >\n                      {renderItem(item, off)}\n                    </div>\n                  ))}\n                </div>\n              </FocusTrap>\n            </Popover>\n          )}\n        </Transition>\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/TabsDeprecated/Tab/TabsTab.css

@@ -0,0 +1 @@
+.TabsTab{--tab-indent:var(--space-m);align-items:center;background-color:transparent;border:none;color:var(--color-typo-secondary);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:var(--tab-font-size);line-height:var(--size-text-2xl);padding:var(--tab-padding) 0;position:relative;text-align:left;transition:color .2s}.TabsTab_size_xs{--only-icon-size:var(--space-m);--tab-padding:calc(var(--space-xs)/2 - var(--space-3xs)/2);--tab-font-size:var(--size-text-xs)}.TabsTab_size_s{--only-icon-size:var(--space-l);--tab-padding:calc(var(--space-xs) - var(--space-3xs));--tab-font-size:var(--size-text-s)}.TabsTab_size_m{--only-icon-size:var(--space-xl);--tab-padding:calc(var(--space-m)/2 - var(--space-3xs)/2);--tab-font-size:var(--size-text-m)}.TabsTab:hover,.TabsTab_checked{color:var(--color-typo-primary)}.TabsTab:before{border-radius:var(--control-radius);bottom:0;content:"";display:block;left:calc(var(--space-2xs)*-1);position:absolute;right:calc(var(--space-2xs)*-1);top:0}.TabsTab:focus{outline:none}.TabsTab-Icon{flex-shrink:0}.TabsTab:not(.TabsTab_onlyIcon) .TabsTab-Icon{margin-right:calc(var(--tab-indent)*.5)}.TabsTab_onlyIcon{justify-content:center;width:var(--only-icon-size)}

package/__internal__/src/components/TabsDeprecated/Tab/TabsTab.d.ts

@@ -0,0 +1,17 @@
+import './TabsTab.css';
+import React from 'react';
+import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
+import { TabsPropSize } from '../TabsDeprecated';
+export declare const cnTabsTab: import("@bem-react/classname").ClassNameFormatter;
+declare type Props = {
+    size: TabsPropSize;
+    onlyIcon?: boolean;
+    icon?: IconComponent;
+    iconSize?: IconPropSize;
+    label: string;
+    checked: boolean;
+    onChange: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+};
+export declare const TabsTab: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/TabsDeprecated/Tab/TabsTab.js

@@ -0,0 +1,2 @@
+import"./TabsTab.css";import React,{forwardRef}from"react";import{cnMixFocus}from"../../../mixs/MixFocus/MixFocus";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";export var cnTabsTab=cn("TabsTab");var sizeMap={s:"xs",m:"s",xs:"xs"};export var TabsTab=forwardRef(function(a,b){var c=a.label,d=a.onChange,e=a.checked,f=a.size,g=a.onlyIcon,h=a.icon,i=a.iconSize,j=a.className,k=getByMap(sizeMap,f,i);return React.createElement("button",{className:cnTabsTab({size:f,checked:e,onlyIcon:g},[cnMixFocus({before:!0}),j]),onClick:e?void 0:d,ref:b,role:"tab",type:"button",title:g?c:void 0},h&&React.createElement(h,{className:cnTabsTab("Icon"),size:k}),!g&&c)});
+//# sourceMappingURL=TabsTab.js.map

package/__internal__/src/components/TabsDeprecated/Tab/TabsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.js","names":["React","forwardRef","cnMixFocus","cn","getByMap","cnTabsTab","sizeMap","s","m","xs","TabsTab","props","ref","label","onChange","checked","size","onlyIcon","Icon","icon","iconSizeProp","iconSize","className","before"],"sources":["../../../../../../src/components/TabsDeprecated/Tab/TabsTab.tsx"],"sourcesContent":["import './TabsTab.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { TabsPropSize } from '../TabsDeprecated';\n\nexport const cnTabsTab = cn('TabsTab');\n\ntype Props = {\n  size: TabsPropSize;\n  onlyIcon?: boolean;\n  icon?: IconComponent;\n  iconSize?: IconPropSize;\n  label: string;\n  checked: boolean;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n};\n\nconst sizeMap: Record<TabsPropSize, IconPropSize> = {\n  s: 'xs',\n  m: 's',\n  xs: 'xs',\n};\n\nexport const TabsTab = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const {\n    label,\n    onChange,\n    checked,\n    size,\n    onlyIcon,\n    icon: Icon,\n    iconSize: iconSizeProp,\n    className,\n  } = props;\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  return (\n    <button\n      className={cnTabsTab({ size, checked, onlyIcon }, [\n        cnMixFocus({ before: true }),\n        className,\n      ])}\n      onClick={checked ? undefined : onChange}\n      ref={ref}\n      role=\"tab\"\n      type=\"button\"\n      title={onlyIcon ? label : undefined}\n    >\n      {Icon && <Icon className={cnTabsTab('Icon')} size={iconSize} />}\n      {!onlyIcon && label}\n    </button>\n  );\n});\n"],"mappings":"AAAA,sBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAGA,OAASC,UAAT,uCACA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,UAAS,CAAGF,EAAE,CAAC,SAAD,CAApB,CAaP,GAAMG,QAA2C,CAAG,CAClDC,CAAC,CAAE,IAD+C,CAElDC,CAAC,CAAE,GAF+C,CAGlDC,EAAE,CAAE,IAH8C,CAApD,CAMA,MAAO,IAAMC,QAAO,CAAGT,UAAU,CAA2B,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAExEC,EAFwE,CAUtEF,CAVsE,CAExEE,KAFwE,CAGxEC,CAHwE,CAUtEH,CAVsE,CAGxEG,QAHwE,CAIxEC,CAJwE,CAUtEJ,CAVsE,CAIxEI,OAJwE,CAKxEC,CALwE,CAUtEL,CAVsE,CAKxEK,IALwE,CAMxEC,CANwE,CAUtEN,CAVsE,CAMxEM,QANwE,CAOlEC,CAPkE,CAUtEP,CAVsE,CAOxEQ,IAPwE,CAQ9DC,CAR8D,CAUtET,CAVsE,CAQxEU,QARwE,CASxEC,CATwE,CAUtEX,CAVsE,CASxEW,SATwE,CAWpED,CAAQ,CAAGjB,QAAQ,CAACE,OAAD,CAAUU,CAAV,CAAgBI,CAAhB,CAXiD,CAa1E,MACE,+BACE,SAAS,CAAEf,SAAS,CAAC,CAAEW,IAAI,CAAJA,CAAF,CAAQD,OAAO,CAAPA,CAAR,CAAiBE,QAAQ,CAARA,CAAjB,CAAD,CAA8B,CAChDf,UAAU,CAAC,CAAEqB,MAAM,GAAR,CAAD,CADsC,CAEhDD,CAFgD,CAA9B,CADtB,CAKE,OAAO,CAAEP,CAAO,QAAeD,CALjC,CAME,GAAG,CAAEF,CANP,CAOE,IAAI,CAAC,KAPP,CAQE,IAAI,CAAC,QARP,CASE,KAAK,CAAEK,CAAQ,CAAGJ,CAAH,OATjB,EAWGK,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEb,SAAS,CAAC,MAAD,CAA1B,CAAoC,IAAI,CAAEgB,CAA1C,EAXX,CAYG,CAACJ,CAAD,EAAaJ,CAZhB,CAeH,CA7BgC,CAA1B"}

package/__internal__/src/components/TabsDeprecated/Tabs.css

@@ -0,0 +1 @@
+.Tabs{position:relative}.Tabs_size_xs{--list-offset:var(--space-xs)}.Tabs_size_s{--list-offset:var(--space-s)}.Tabs_size_m{--list-offset:var(--space-m)}.Tabs-List{display:flex;position:relative}.Tabs-List_direction_horizontal{align-items:center;white-space:nowrap}.Tabs-List_direction_vertical{flex-direction:column}.Tabs-List_linePosition_left{padding-left:var(--list-offset)}.Tabs-List_linePosition_right{padding-right:var(--list-offset)}.Tabs-Tab{flex-shrink:0}.Tabs-Tab_direction_horizontal{margin-right:var(--space-m)}.Tabs-Tab_direction_vertical{text-align:left}.Tabs-Tab_direction_vertical>*{width:100%}

package/__internal__/src/components/TabsDeprecated/TabsDeprecated.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onChange"],_excluded2=["size","className","items","view","value","linePosition","fitMode","onlyIcon","getIcon","getLabel","onChange","iconSize","renderItem"];import"./Tabs.css";import React,{createRef,useMemo}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useResizeObserved}from"../../hooks/useResizeObserved/useResizeObserved";import{cn}from"../../utils/bem";import{TabsFitModeDropdownWrapper}from"./FitModeDropdownWrapper/TabsFitModeDropdownWrapper";import{TabsFitModeScrollWrapper}from"./FitModeScrollWrapper/TabsFitModeScrollWrapper";import{getTabsDirection}from"./helpers";import{TabsBorderLine,TabsRunningLine}from"./Line/TabsLine";import{cnTabsTab,TabsTab}from"./Tab/TabsTab";export var tabsSizes=["m","s","xs"];export var tabsDefaultSize=tabsSizes[0];export var tabsViews=["bordered","clear"];export var tabsDefaultView=tabsViews[0];export var tabsLinePositions=["bottom","top","left","right"];export var tabsDefaultLinePosition="bottom";export var tabsFitModes=["scroll","dropdown"];export var tabsDefaultFitMode="dropdown";export var cnTabs=cn("Tabs");function renderItemDefault(a){var b=a.onChange,c=_objectWithoutProperties(a,_excluded);return React.createElement(TabsTab,Object.assign({},c,{onChange:b}))}export var Tabs=React.forwardRef(function(a,b){var c=a.size,d=void 0===c?tabsDefaultSize:c,e=a.className,f=a.items,g=a.view,h=void 0===g?tabsDefaultView:g,i=a.value,j=a.linePosition,k=void 0===j?tabsDefaultLinePosition:j,l=a.fitMode,m=void 0===l?tabsDefaultFitMode:l,n=a.onlyIcon,o=a.getIcon,p=a.getLabel,q=a.onChange,r=a.iconSize,s=a.renderItem,t=void 0===s?renderItemDefault:s,u=_objectWithoutProperties(a,_excluded2),v=useChoiceGroup({value:i||null,getKey:p,callBack:q,multiple:!1}),w=v.getOnChange,x=v.getChecked,y=getTabsDirection(k),z="vertical"===y,A=useMemo(function(){return Array(f.length).fill(null).map(function(){return createRef()})},[f,m,z]),B=useResizeObserved(A,function(a){var b;return{size:null!==(b=null===a||void 0===a?void 0:a[z?"offsetHeight":"offsetWidth"])&&void 0!==b?b:0,gap:a?parseInt(getComputedStyle(a)[z?"marginBottom":"marginRight"],10):0}}),C=f.findIndex(function(a){return x(a)}),D=function(a,b){return t({item:a,onChange:function(){null===b||void 0===b?void 0:b(),w(a).apply(void 0,arguments)},checked:x(a),label:p(a).toString(),icon:o&&o(a),onlyIcon:n,size:d,iconSize:r})},E=getTabsWrapper(y,m);return React.createElement("div",Object.assign({className:cnTabs({size:d,view:h,direction:y},[e]),ref:b},u),React.createElement(E,{tabRefs:A,tabsDimensions:B,renderItem:D,renderItemsList:function renderItemsList(a){var b=a.withRunningLine,c=a.getTabClassName;return React.createElement("div",{className:cnTabs("List",{direction:y,linePosition:k})},f.map(function(a,b){return React.createElement("div",{ref:A[b],key:p(a),className:cnTabs("Tab",{direction:y},[null===c||void 0===c?void 0:c(b)])},D(a))}),(!(void 0!==b)||b)&&React.createElement(TabsRunningLine,{linePosition:k,tabsDimensions:B,activeTabIdx:C}))},getLabel:p,getChecked:x,items:f}),"bordered"===h&&React.createElement(TabsBorderLine,{linePosition:k}))});var getTabsWrapper=function(a,b){return"vertical"===a?OnlyListWrapper:"scroll"===b?TabsFitModeScrollWrapper:TabsFitModeDropdownWrapper},OnlyListWrapper=function(a){var b=a.renderItemsList;return React.createElement(React.Fragment,null,b({}))};export{TabsTab,cnTabsTab};
+//# sourceMappingURL=TabsDeprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsDeprecated.js","names":["React","createRef","useMemo","useChoiceGroup","useResizeObserved","cn","TabsFitModeDropdownWrapper","TabsFitModeScrollWrapper","getTabsDirection","TabsBorderLine","TabsRunningLine","cnTabsTab","TabsTab","tabsSizes","tabsDefaultSize","tabsViews","tabsDefaultView","tabsLinePositions","tabsDefaultLinePosition","tabsFitModes","tabsDefaultFitMode","cnTabs","renderItemDefault","props","onChange","otherProps","Tabs","forwardRef","ref","size","className","items","view","value","linePosition","fitMode","onlyIcon","getIcon","getLabel","iconSize","renderItem","renderItemProp","getKey","callBack","multiple","getOnChange","getChecked","tabsDirection","isVertical","tabRefs","Array","length","fill","map","tabsDimensions","el","gap","parseInt","getComputedStyle","activeTabIdx","findIndex","item","onClick","checked","label","toString","icon","Wrapper","getTabsWrapper","direction","renderItemsList","withRunningLine","getTabClassName","idx","OnlyListWrapper"],"sources":["../../../../../src/components/TabsDeprecated/TabsDeprecated.tsx"],"sourcesContent":["import './Tabs.css';\n\nimport React, { createRef, useMemo } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useResizeObserved } from '../../hooks/useResizeObserved/useResizeObserved';\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { TabsFitModeDropdownWrapper } from './FitModeDropdownWrapper/TabsFitModeDropdownWrapper';\nimport { TabsFitModeScrollWrapper } from './FitModeScrollWrapper/TabsFitModeScrollWrapper';\nimport {\n  getTabsDirection,\n  RenderItemsListProp,\n  TabDimensions,\n  TabsDirection,\n  TabsFitModeWrapperProps,\n} from './helpers';\nimport { TabsBorderLine, TabsRunningLine } from './Line/TabsLine';\nimport { cnTabsTab, TabsTab } from './Tab/TabsTab';\n\nexport const tabsSizes = ['m', 's', 'xs'] as const;\nexport type TabsPropSize = typeof tabsSizes[number];\nexport const tabsDefaultSize: TabsPropSize = tabsSizes[0];\n\nexport const tabsViews = ['bordered', 'clear'] as const;\nexport type TabsPropView = typeof tabsViews[number];\nexport const tabsDefaultView: TabsPropView = tabsViews[0];\n\nexport const tabsLinePositions = ['bottom', 'top', 'left', 'right'] as const;\nexport type TabsPropLinePosition = typeof tabsLinePositions[number];\nexport const tabsDefaultLinePosition: TabsPropLinePosition = 'bottom';\n\nexport const tabsFitModes = ['scroll', 'dropdown'] as const;\nexport type TabsPropFitMode = typeof tabsFitModes[number];\nexport const tabsDefaultFitMode: TabsPropFitMode = 'dropdown';\n\nexport type TabsPropGetLabel<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetIcon<ITEM> = (item: ITEM) => IconComponent | undefined;\nexport type TabsPropOnChange<ITEM, ITEM_ELEMENT> = (props: {\n  e: React.MouseEvent<ITEM_ELEMENT>;\n  value: ITEM;\n}) => void;\n\ntype RenderItemProps<ITEM, ELEMENT extends HTMLElement> = {\n  item: ITEM;\n  onChange: React.MouseEventHandler<ELEMENT>;\n  checked: boolean;\n  label: string;\n  icon?: IconComponent;\n  size: TabsPropSize;\n  iconSize?: IconPropSize;\n  onlyIcon?: boolean;\n};\n\ntype RenderItem<ITEM, ELEMENT extends HTMLElement> = (\n  props: RenderItemProps<ITEM, ELEMENT>,\n) => React.ReactElement | null;\n\nexport type TabsProps<\n  ITEM,\n  ITEM_ELEMENT extends HTMLElement = HTMLButtonElement,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: TabsPropSize;\n    onlyIcon?: boolean;\n    view?: TabsPropView;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    value?: ITEM | null;\n    getIcon?: TabsPropGetIcon<ITEM>;\n    getLabel: TabsPropGetLabel<ITEM>;\n    children?: never;\n    onChange: TabsPropOnChange<ITEM, ITEM_ELEMENT>;\n    renderItem?: RenderItem<ITEM, ITEM_ELEMENT>;\n  } & (\n    | {\n        linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;\n        fitMode?: 'dropdown' | 'scroll';\n      }\n    | {\n        linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;\n        fitMode?: never;\n      }\n  ),\n  HTMLDivElement\n>;\n\ntype Tabs = <ITEM, ITEMELEMENT extends HTMLElement = HTMLButtonElement>(\n  props: TabsProps<ITEM, ITEMELEMENT>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport const cnTabs = cn('Tabs');\n\nfunction renderItemDefault<ITEM, ITEMELEMENT extends HTMLElement>(\n  props: RenderItemProps<ITEM, ITEMELEMENT>,\n): React.ReactElement {\n  const { onChange, ...otherProps } = props;\n  return (\n    <TabsTab\n      {...otherProps}\n      onChange={\n        onChange as unknown as React.MouseEventHandler<HTMLButtonElement>\n      }\n    />\n  );\n}\n\nexport const Tabs: Tabs = React.forwardRef((props, ref) => {\n  const {\n    size = tabsDefaultSize,\n    className,\n    items,\n    view = tabsDefaultView,\n    value,\n    linePosition = tabsDefaultLinePosition,\n    fitMode = tabsDefaultFitMode,\n    onlyIcon,\n    getIcon,\n    getLabel,\n    onChange,\n    iconSize,\n    renderItem: renderItemProp = renderItemDefault,\n    ...otherProps\n  } = props;\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value: value || null,\n    getKey: getLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const tabsDirection = getTabsDirection(linePosition);\n  const isVertical = tabsDirection === 'vertical';\n  const tabRefs = useMemo(\n    () =>\n      new Array(items.length).fill(null).map(() => createRef<HTMLDivElement>()),\n    [items, fitMode, isVertical],\n  );\n  const tabsDimensions = useResizeObserved(\n    tabRefs,\n    (el): TabDimensions => ({\n      size: el?.[isVertical ? 'offsetHeight' : 'offsetWidth'] ?? 0,\n      gap: el\n        ? parseInt(\n            getComputedStyle(el)[isVertical ? 'marginBottom' : 'marginRight'],\n            10,\n          )\n        : 0,\n    }),\n  );\n\n  const activeTabIdx = items.findIndex((item) => getChecked(item));\n\n  const renderItem = (item: typeof items[number], onClick?: () => void) =>\n    renderItemProp({\n      item,\n      onChange: (...args) => {\n        onClick?.();\n        getOnChange(item)(...args);\n      },\n      checked: getChecked(item),\n      label: getLabel(item).toString(),\n      icon: getIcon && getIcon(item),\n      onlyIcon,\n      size,\n      iconSize,\n    });\n\n  const renderItemsList: RenderItemsListProp = ({\n    withRunningLine = true,\n    getTabClassName,\n  }) => (\n    <div className={cnTabs('List', { direction: tabsDirection, linePosition })}>\n      {items.map((item, idx) => (\n        <div\n          ref={tabRefs[idx]}\n          key={getLabel(item)}\n          className={cnTabs('Tab', { direction: tabsDirection }, [\n            getTabClassName?.(idx),\n          ])}\n        >\n          {renderItem(item)}\n        </div>\n      ))}\n      {withRunningLine && (\n        <TabsRunningLine\n          linePosition={linePosition}\n          tabsDimensions={tabsDimensions}\n          activeTabIdx={activeTabIdx}\n        />\n      )}\n    </div>\n  );\n\n  const Wrapper = getTabsWrapper(tabsDirection, fitMode);\n\n  return (\n    <div\n      className={cnTabs({ size, view, direction: tabsDirection }, [className])}\n      ref={ref}\n      {...otherProps}\n    >\n      <Wrapper\n        tabRefs={tabRefs}\n        tabsDimensions={tabsDimensions}\n        renderItem={renderItem}\n        renderItemsList={renderItemsList}\n        getLabel={getLabel}\n        getChecked={getChecked}\n        items={items}\n      />\n      {view === 'bordered' && <TabsBorderLine linePosition={linePosition} />}\n    </div>\n  );\n});\n\nconst getTabsWrapper = (\n  tabsDirection: TabsDirection,\n  fitMode: TabsPropFitMode,\n) => {\n  if (tabsDirection === 'vertical') {\n    return OnlyListWrapper;\n  }\n\n  return fitMode === 'scroll'\n    ? TabsFitModeScrollWrapper\n    : TabsFitModeDropdownWrapper;\n};\n\nconst OnlyListWrapper = <ITEM,>({\n  renderItemsList,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => (\n  <>{renderItemsList({})}</>\n);\n\nexport { TabsTab, cnTabsTab };\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TabsPropGetLabel, TabsPropLinePosition } from './TabsDeprecated';
+export declare type TabDimensions = {
+    size: number;
+    gap: number;
+};
+export declare type TabsFitModeWrapperProps<ITEM> = {
+    items: ITEM[];
+    tabsDimensions: TabDimensions[];
+    getLabel: TabsPropGetLabel<ITEM>;
+    getChecked: (item: ITEM) => boolean;
+    renderItem: (item: ITEM) => React.ReactNode;
+    renderItemsList: RenderItemsListProp;
+    tabRefs: Array<React.RefObject<HTMLElement>>;
+};
+export declare type RenderItemsListProp = (props: {
+    withRunningLine?: boolean;
+    getTabClassName?: (idx: number) => string | undefined;
+}) => React.ReactNode;
+export declare type TabsDirection = 'horizontal' | 'vertical';
+export declare const getTabsDirection: (linePosition: TabsPropLinePosition) => TabsDirection;
+export declare const getTabsWidth: (tabsDimensions: TabDimensions[]) => number;

package/__internal__/src/components/TabsDeprecated/helpers.js

@@ -0,0 +1,2 @@
+export var getTabsDirection=function(a){return"left"===a||"right"===a?"vertical":"horizontal"};export var getTabsWidth=function(a){return a.reduce(function(a,b){return a+b.size+b.gap},0)};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/TabsDeprecated/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["getTabsDirection","linePosition","getTabsWidth","tabsDimensions","reduce","acc","td","size","gap"],"sources":["../../../../../src/components/TabsDeprecated/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { TabsPropGetLabel, TabsPropLinePosition } from './TabsDeprecated';\n\nexport type TabDimensions = {\n  size: number;\n  gap: number;\n};\n\nexport type TabsFitModeWrapperProps<ITEM> = {\n  items: ITEM[];\n  tabsDimensions: TabDimensions[];\n  getLabel: TabsPropGetLabel<ITEM>;\n  getChecked: (item: ITEM) => boolean;\n  renderItem: (item: ITEM) => React.ReactNode;\n  renderItemsList: RenderItemsListProp;\n  tabRefs: Array<React.RefObject<HTMLElement>>;\n};\n\nexport type RenderItemsListProp = (props: {\n  withRunningLine?: boolean;\n  getTabClassName?: (idx: number) => string | undefined;\n}) => React.ReactNode;\n\nexport type TabsDirection = 'horizontal' | 'vertical';\n\nexport const getTabsDirection = (\n  linePosition: TabsPropLinePosition,\n): TabsDirection =>\n  linePosition === 'left' || linePosition === 'right'\n    ? 'vertical'\n    : 'horizontal';\n\nexport const getTabsWidth = (tabsDimensions: TabDimensions[]): number =>\n  tabsDimensions.reduce((acc, td) => acc + td.size + td.gap, 0);\n"],"mappings":"AA0BA,MAAO,IAAMA,iBAAgB,CAAG,SAC9BC,CAD8B,QAGb,MAAjB,GAAAA,CAAY,EAAgC,OAAjB,GAAAA,CAA3B,CACI,UADJ,CAEI,YAL0B,CAAzB,CAOP,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,QAC1BA,EAAc,CAACC,MAAf,CAAsB,SAACC,CAAD,CAAMC,CAAN,QAAaD,EAAG,CAAGC,CAAE,CAACC,IAAT,CAAgBD,CAAE,CAACE,GAAhC,CAAtB,CAA2D,CAA3D,CAD0B,CAArB"}

package/__internal__/src/components/TabsDeprecated/index.d.ts

@@ -0,0 +1 @@
+export * from './TabsDeprecated';

package/__internal__/src/components/TabsDeprecated/index.js

@@ -0,0 +1,2 @@
+export*from"./TabsDeprecated";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/TabsDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TabsDeprecated/index.ts"],"sourcesContent":["export * from './TabsDeprecated';\n"],"mappings":"AAAA"}

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

@@ -28,7 +28,7 @@ declare type PropsWithModeLink = CommonProps & {
 };
 declare type PropsWithModeCheck = CommonProps & {
     mode: 'check';
-    onChange: ({ e, checked }: {
+    onChange: ({ e, checked, }: {
         e?: React.MouseEvent;
         checked: boolean;
     }) => void;
@@ -51,7 +51,7 @@ declare type PropsWithModeInfo = CommonProps & {
     checked?: never;
 };
 declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<JSX.IntrinsicElements['button'], keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<JSX.IntrinsicElements['button'], keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<JSX.IntrinsicElements['span'], keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<JSX.IntrinsicElements['a'], keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<JSX.IntrinsicElements['span'], keyof PropsWithModeInfo> : {};
-declare type Component = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
     view?: TagBaseProps['view'];
     onClick?: TagBaseProps['onClick'];
@@ -60,5 +60,5 @@ export declare function getParams(mode: TagPropMode, checked?: PropsWithModeChec
     as: keyof JSX.IntrinsicElements;
 };
 export declare const COMPONENT_NAME: "Tag";
-export declare const Tag: Component;
+export declare const Tag: TagComponent;
 export {};

package/__internal__/src/components/Tag/Tag.js

@@ -1,55 +1,2 @@
-import { __assign, __rest } from "tslib";
-import React, { useRef } from 'react';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { usePropsHandler } from '../EventInterceptor/usePropsHandler';
-import { TagBase } from '../TagBase/TagBase';
-export var tagPropMode = ['button', 'check', 'cancel', 'link', 'info'];
-export var tagPropModeDefault = tagPropMode[0];
-function forwardRef(render) {
-    return React.forwardRef(render);
-}
-export function getParams(mode, checked, onClick, onChange, onCancel) {
-    switch (mode) {
-        case 'button':
-            return {
-                view: 'filled',
-                onClick: onClick,
-                as: 'button',
-                withAction: true
-            };
-        case 'link':
-            return {
-                view: 'filled',
-                onClick: onClick,
-                as: 'a',
-                withAction: true
-            };
-        case 'check':
-            return {
-                view: checked ? 'filled' : 'stroked',
-                onClick: typeof onChange === 'function'
-                    ? function (e) { return onChange({ e: e, checked: !checked }); }
-                    : undefined,
-                as: 'button',
-                withAction: true
-            };
-        case 'cancel':
-            return {
-                view: 'filled',
-                onCancel: onCancel,
-                as: 'span'
-            };
-        case 'info':
-            return {
-                view: 'filled',
-                as: 'span'
-            };
-    }
-}
-export var COMPONENT_NAME = 'Tag';
-export var Tag = forwardRef(function (props, ref) {
-    var tagRef = useRef(null);
-    var _a = usePropsHandler(COMPONENT_NAME, props, tagRef), _b = _a.mode, mode = _b === void 0 ? tagPropModeDefault : _b, onChange = _a.onChange, checked = _a.checked, onCancel = _a.onCancel, onClick = _a.onClick, otherProps = __rest(_a, ["mode", "onChange", "checked", "onCancel", "onClick"]);
-    var params = getParams(mode, checked, onClick, onChange, onCancel);
-    return React.createElement(TagBase, __assign({}, otherProps, params, { ref: useForkRef([ref, tagRef]) }));
-});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["mode","onChange","checked","onCancel","onClick"];import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{TagBase}from"../TagBase/TagBase";export var tagPropMode=["button","check","cancel","link","info"];export var tagPropModeDefault=tagPropMode[0];export function getParams(a,b,c,d,e){return"button"===a?{view:"filled",onClick:c,as:"button",withAction:!0}:"link"===a?{view:"filled",onClick:c,as:"a",withAction:!0}:"check"===a?{view:b?"filled":"stroked",onClick:"function"==typeof d?function(a){return d({e:a,checked:!b})}:void 0,as:"button",withAction:!0}:"cancel"===a?{view:"filled",onCancel:e,as:"span"}:"info"===a?{view:"filled",as:"span"}:void 0}export var COMPONENT_NAME="Tag";var TagRenter=function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.mode,f=void 0===e?tagPropModeDefault:e,g=d.onChange,h=d.checked,i=d.onCancel,j=d.onClick,k=_objectWithoutProperties(d,_excluded),l=getParams(f,h,j,g,i);return React.createElement(TagBase,Object.assign({},k,l,{ref:useForkRef([b,c])}))};export var Tag=forwardRef(TagRenter);
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":["React","forwardRef","useRef","useForkRef","usePropsHandler","TagBase","tagPropMode","tagPropModeDefault","getParams","mode","checked","onClick","onChange","onCancel","view","as","withAction","e","COMPONENT_NAME","TagRenter","props","ref","tagRef","otherProps","params","Tag"],"sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconComponent, IconProps } from '../../icons/Icon/Icon';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { TagBase } from '../TagBase/TagBase';\n\ntype TagBaseProps = React.ComponentProps<typeof TagBase>;\n\nexport const tagPropMode = [\n  'button',\n  'check',\n  'cancel',\n  'link',\n  'info',\n] as const;\nexport const tagPropModeDefault = tagPropMode[0];\ntype TagPropMode = typeof tagPropMode[number];\n\ntype CommonProps = {\n  size?: TagBaseProps['size'];\n  label: TagBaseProps['label'];\n  group?: TagBaseProps['group'];\n  icon?: IconComponent;\n  iconSize?: IconProps['size'];\n  children?: never;\n};\n\ntype PropsWithModeButton = CommonProps & {\n  mode?: 'button';\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeLink = CommonProps & {\n  mode: 'link';\n  checked?: never;\n  onChange?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCheck = CommonProps & {\n  mode: 'check';\n  onChange: ({\n    e,\n    checked,\n  }: {\n    e?: React.MouseEvent;\n    checked: boolean;\n  }) => void;\n  checked: boolean;\n  onClick?: never;\n  onCancel?: never;\n};\n\ntype PropsWithModeCancel = CommonProps & {\n  mode: 'cancel';\n  onCancel: React.MouseEventHandler<HTMLButtonElement>;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype PropsWithModeInfo = CommonProps & {\n  mode: 'info';\n  onCancel?: never;\n  onClick?: never;\n  onChange?: never;\n  checked?: never;\n};\n\ntype Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button'\n  ? PropsWithModeButton &\n      Omit<JSX.IntrinsicElements['button'], keyof PropsWithModeButton>\n  : {} & ROLE extends 'check'\n  ? PropsWithModeCheck &\n      Omit<JSX.IntrinsicElements['button'], keyof PropsWithModeCheck>\n  : {} & ROLE extends 'cancel'\n  ? PropsWithModeCancel &\n      Omit<JSX.IntrinsicElements['span'], keyof PropsWithModeCancel>\n  : {} & ROLE extends 'link'\n  ? PropsWithModeLink &\n      Omit<JSX.IntrinsicElements['a'], keyof PropsWithModeLink>\n  : {} & ROLE extends 'info'\n  ? PropsWithModeInfo &\n      Omit<JSX.IntrinsicElements['span'], keyof PropsWithModeInfo>\n  : {};\n\ntype TagRender = <ROLE extends TagPropMode>(\n  props: Props<ROLE>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\ntype TagComponent = <ROLE extends TagPropMode>(\n  props: Props<ROLE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function getParams(\n  mode: TagPropMode,\n  checked?: PropsWithModeCheck['checked'],\n  onClick?: React.MouseEventHandler,\n  onChange?: PropsWithModeCheck['onChange'],\n  onCancel?: PropsWithModeCancel['onCancel'],\n): {\n  view?: TagBaseProps['view'];\n  onClick?: TagBaseProps['onClick'];\n  onCancel?: TagBaseProps['onCancel'];\n  withAction?: TagBaseProps['withAction'];\n  as: keyof JSX.IntrinsicElements;\n} {\n  switch (mode) {\n    case 'button':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'button',\n        withAction: true,\n      };\n    case 'link':\n      return {\n        view: 'filled',\n        onClick,\n        as: 'a',\n        withAction: true,\n      };\n    case 'check':\n      return {\n        view: checked ? 'filled' : 'stroked',\n        onClick:\n          typeof onChange === 'function'\n            ? (e: React.MouseEvent) => onChange({ e, checked: !checked })\n            : undefined,\n        as: 'button',\n        withAction: true,\n      };\n    case 'cancel':\n      return {\n        view: 'filled',\n        onCancel,\n        as: 'span',\n      };\n    case 'info':\n      return {\n        view: 'filled',\n        as: 'span',\n      };\n  }\n}\n\nexport const COMPONENT_NAME = 'Tag' as const;\n\nconst TagRenter: TagRender = (props, ref) => {\n  const tagRef = useRef<HTMLDivElement>(null);\n  const {\n    mode = tagPropModeDefault,\n    onChange,\n    checked,\n    onCancel,\n    onClick,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, tagRef);\n  const params = getParams(mode, checked, onClick, onChange, onCancel);\n\n  return (\n    <TagBase {...otherProps} {...params} ref={useForkRef([ref, tagRef])} />\n  );\n};\n\nexport const Tag = forwardRef(TagRenter) as TagComponent;\n"],"mappings":"sJAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,UAAT,yCAEA,OAASC,eAAT,2CACA,OAASC,OAAT,0BAIA,MAAO,IAAMC,YAAW,CAAG,CACzB,QADyB,CAEzB,OAFyB,CAGzB,QAHyB,CAIzB,MAJyB,CAKzB,MALyB,CAApB,CAOP,MAAO,IAAMC,mBAAkB,CAAGD,WAAW,CAAC,CAAD,CAAtC,CAmFP,MAAO,SAASE,UAAT,CACLC,CADK,CAELC,CAFK,CAGLC,CAHK,CAILC,CAJK,CAKLC,CALK,CAYL,OAEO,QAFP,GACQJ,CADR,CAGW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,QAHC,CAILC,UAAU,GAJL,CAHX,CASO,MATP,GACQP,CADR,CAUW,CACLK,IAAI,CAAE,QADD,CAELH,OAAO,CAAPA,CAFK,CAGLI,EAAE,CAAE,GAHC,CAILC,UAAU,GAJL,CAVX,CAgBO,OAhBP,GACQP,CADR,CAiBW,CACLK,IAAI,CAAEJ,CAAO,CAAG,QAAH,CAAc,SADtB,CAELC,OAAO,CACe,UAApB,QAAOC,EAAP,CACI,SAACK,CAAD,QAAyBL,EAAQ,CAAC,CAAEK,CAAC,CAADA,CAAF,CAAKP,OAAO,CAAE,CAACA,CAAf,CAAD,CAAjC,CADJ,OAHG,CAMLK,EAAE,CAAE,QANC,CAOLC,UAAU,GAPL,CAjBX,CA0BO,QA1BP,GACQP,CADR,CA2BW,CACLK,IAAI,CAAE,QADD,CAELD,QAAQ,CAARA,CAFK,CAGLE,EAAE,CAAE,MAHC,CA3BX,CAgCO,MAhCP,GACQN,CADR,CAiCW,CACLK,IAAI,CAAE,QADD,CAELC,EAAE,CAAE,MAFC,CAjCX,OAsCD,CAED,MAAO,IAAMG,eAAc,CAAG,KAAvB,CAEP,GAAMC,UAAoB,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACrCC,EAAM,CAAGpB,MAAM,CAAiB,IAAjB,CADsB,GASvCE,eAAe,CAACc,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CATwB,KAGzCb,IAHyC,CAGzCA,CAHyC,YAGlCF,kBAHkC,GAIzCK,CAJyC,GAIzCA,QAJyC,CAKzCF,CALyC,GAKzCA,OALyC,CAMzCG,CANyC,GAMzCA,QANyC,CAOzCF,CAPyC,GAOzCA,OAPyC,CAQtCY,CARsC,uCAUrCC,CAAM,CAAGhB,SAAS,CAACC,CAAD,CAAOC,CAAP,CAAgBC,CAAhB,CAAyBC,CAAzB,CAAmCC,CAAnC,CAVmB,CAY3C,MACE,qBAAC,OAAD,kBAAaU,CAAb,CAA6BC,CAA7B,EAAqC,GAAG,CAAErB,UAAU,CAAC,CAACkB,CAAD,CAAMC,CAAN,CAAD,CAApD,GAEH,CAfD,CAiBA,MAAO,IAAMG,IAAG,CAAGxB,UAAU,CAACkB,SAAD,CAAtB"}

package/__internal__/src/components/Tag/index.d.ts

@@ -0,0 +1 @@
+export * from './Tag';

package/__internal__/src/components/Tag/index.js

@@ -0,0 +1,2 @@
+export*from"./Tag";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Tag/index.ts"],"sourcesContent":["export * from './Tag';\n"],"mappings":"AAAA"}