@consta/uikit 5.17.0 → 5.19.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/SelectCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\nexport type SelectItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type SelectGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\nexport type SelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SelectPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type SelectPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type SelectPropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type SelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\nexport type SelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\nexport type SelectPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type SelectPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type SelectPropRenderValue<ITEM, MULTIPLE> = MULTIPLE extends true\n  ? (props: {\n      value: ITEM[];\n      getRemove: (\n        item: ITEM,\n      ) => (e: React.SyntheticEvent<Element, Event>) => void;\n    }) => React.ReactNode | null\n  : (props: { value: ITEM }) => React.ReactNode | null;\n\nexport type SelectPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type SelectAllItem = {\n  groupKey: string | number;\n  __optionSelectAll: true;\n};\n\nexport type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\n\nexport type CountedGroup<ITEM, GROUP> = Omit<Group<ITEM, GROUP>, 'items'> & {\n  items: Array<SelectAllItem | ITEM>;\n};\n\nexport type SelectPropsInit<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    'items': ITEM[];\n    'onChange': SelectPropOnChange<ITEM, MULTIPLE>;\n    'disabled'?: boolean;\n    'form'?: FieldPropForm;\n    'dropdownForm'?: 'default' | 'brick' | 'round';\n    'size'?: FieldPropSize;\n    'view'?: FieldPropView;\n    'placeholder'?: string;\n    'aria-Label'?: string;\n    'status'?: FieldPropStatus;\n    'isLoading'?: boolean;\n    'dropdownClassName'?: string;\n    'dropdownRef'?: React.Ref<HTMLDivElement>;\n    'renderItem'?: SelectPropRenderItem<ITEM>;\n    'renderValue'?: SelectPropRenderValue<ITEM, MULTIPLE>;\n    'onFocus'?: React.FocusEventHandler<HTMLInputElement>;\n    'onBlur'?: React.FocusEventHandler<HTMLInputElement>;\n    'onCreate'?: SelectPropOnCreate;\n    'inputRef'?: React.Ref<HTMLInputElement>;\n    'input'?: boolean;\n    'inputValue'?: string;\n    'inputDefaultValue'?: string;\n    'onInput'?: (value: string) => void;\n    'labelForCreate'?:\n      | ((label: string | undefined) => React.ReactNode)\n      | React.ReactNode;\n    'labelForEmptyItems'?: string;\n    'multiple'?: MULTIPLE;\n    'value'?: SelectPropValue<ITEM, MULTIPLE>;\n    'groups'?: GROUP[];\n    'getItemLabel'?: SelectPropGetItemLabel<ITEM>;\n    'getItemKey'?: SelectPropGetItemKey<ITEM>;\n    'getItemGroupKey'?: SelectPropGetItemGroupKey<ITEM>;\n    'getItemDisabled'?: SelectPropGetItemDisabled<ITEM>;\n    'getGroupLabel'?: SelectPropGetGroupLabel<GROUP>;\n    'getGroupKey'?: SelectPropGetGroupKey<GROUP>;\n    'virtualScroll'?: boolean;\n    'onScrollToBottom'?: (length: number) => void;\n    'onDropdownOpen'?: (isOpen: boolean) => void;\n    'dropdownOpen'?: boolean;\n    'ignoreOutsideClicksRefs'?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    'clearButton'?: boolean;\n    'iconClear'?: IconComponent;\n    'selectAll'?: MULTIPLE extends true ? boolean : never;\n    'selectAllLabel'?: string;\n  },\n  HTMLDivElement\n>;\n\nexport type SelectProps<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = SelectPropsInit<ITEM, GROUP, MULTIPLE> &\n  (ITEM extends { label: SelectItemDefault['label'] }\n    ? {}\n    : { getItemLabel: SelectPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: SelectItemDefault['id'] }\n    ? {}\n    : { getItemKey: SelectPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: SelectGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: SelectPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: SelectGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: SelectPropGetGroupKey<GROUP> });\n\nexport type SelectComponent = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: SelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/SelectCanary/useSearch/index.js

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

package/__internal__/src/components/SelectCanary/useSearch/index.js.map

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

package/__internal__/src/components/SelectCanary/useSearch/useSearch.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useMemo,useState}from"react";import{defaultGetItemLabel}from"../helpers";import{useDebounce}from"../../../hooks/useDebounce";export var getSearchFunctionDefault=function(a){return function(b,c){return-1!==a(b).toLocaleLowerCase().indexOf(c.toLocaleLowerCase())}};var searchDefault=getSearchFunctionDefault(defaultGetItemLabel),defaultLabelForNotFound="\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E";export var useSearch=function(a){var b=a.items,c=a.search,d=void 0===c?searchDefault:c,e=a.debounceTimeOut,f=void 0===e?300:e,g=a.labelForNotFound,h=void 0===g?defaultLabelForNotFound:g,i=useState(""),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useDebounce(l,f),n=useMemo(function(){return k?b.filter(function(a){return d(a,k)}):b},[k]);return{input:!0,onInput:m,items:n,labelForEmptyItems:k?h:void 0}};
+//# sourceMappingURL=useSearch.js.map

package/__internal__/src/components/SelectCanary/useSearch/useSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.js","names":["useMemo","useState","defaultGetItemLabel","useDebounce","getSearchFunctionDefault","comparison","item","searchValue","toLocaleLowerCase","indexOf","searchDefault","defaultLabelForNotFound","useSearch","items","search","debounceTimeOut","labelForNotFound","inputState","setInputState","setInputStateDebounce","filteredItems","filter","input","onInput","labelForEmptyItems"],"sources":["../../../../../../src/components/SelectCanary/useSearch/useSearch.ts"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { defaultGetItemLabel } from '##/components/SelectCanary/helpers';\nimport { useDebounce } from '##/hooks/useDebounce';\n\ntype SelectItemDefault = {\n  label: string;\n};\n\nexport type UseSearchPropSearch<ITEM> = (\n  item: ITEM,\n  searchValue: string,\n) => boolean;\n\ntype UseSearchProps<ITEM = SelectItemDefault> = {\n  items: ITEM[];\n  search?: UseSearchPropSearch<ITEM>;\n  labelForNotFound?: string;\n  debounceTimeOut?: number;\n} & (ITEM extends { label: SelectItemDefault['label'] }\n  ? {}\n  : { search: UseSearchPropSearch<ITEM> });\n\nexport const getSearchFunctionDefault = <ITEM>(\n  comparison: (item: ITEM) => string,\n) => {\n  return (item: ITEM, searchValue: string) =>\n    comparison(item)\n      .toLocaleLowerCase()\n      .indexOf(searchValue.toLocaleLowerCase()) !== -1;\n};\n\nconst searchDefault = getSearchFunctionDefault(defaultGetItemLabel);\n\nconst defaultLabelForNotFound = 'Не найдено';\n\nexport const useSearch = <ITEM = SelectItemDefault>({\n  items,\n  search = searchDefault as unknown as UseSearchPropSearch<ITEM>,\n  debounceTimeOut = 300,\n  labelForNotFound = defaultLabelForNotFound,\n}: UseSearchProps<ITEM>) => {\n  const [inputState, setInputState] = useState('');\n  const setInputStateDebounce = useDebounce(setInputState, debounceTimeOut);\n\n  const filteredItems = useMemo(() => {\n    if (!inputState) return items;\n    return items.filter((item) => search(item, inputState));\n  }, [inputState]);\n\n  return {\n    input: true,\n    onInput: setInputStateDebounce,\n    items: filteredItems,\n    labelForEmptyItems: inputState ? labelForNotFound : undefined,\n  };\n};\n"],"mappings":"iEAAA,OAASA,OAAT,CAAkBC,QAAlB,KAAkC,OAAlC,CAEA,OAASC,mBAAT,kBACA,OAASC,WAAT,kCAoBA,MAAO,IAAMC,yBAAwB,CAAG,SACtCC,CADsC,CAEnC,CACH,MAAO,UAACC,CAAD,CAAaC,CAAb,QAG2C,CAAC,CAFjD,GAAAF,CAAU,CAACC,CAAD,CAAV,CACGE,iBADH,GAEGC,OAFH,CAEWF,CAAW,CAACC,iBAAZ,EAFX,CADK,CAIR,CAPM,C,GASDE,cAAa,CAAGN,wBAAwB,CAACF,mBAAD,C,CAExCS,uBAAuB,CAAG,yD,CAEhC,MAAO,IAAMC,UAAS,CAAG,WAKG,IAJ1BC,EAI0B,GAJ1BA,KAI0B,KAH1BC,MAG0B,CAH1BA,CAG0B,YAHjBJ,aAGiB,OAF1BK,eAE0B,CAF1BA,CAE0B,YAFR,GAEQ,OAD1BC,gBAC0B,CAD1BA,CAC0B,YADPL,uBACO,KACUV,QAAQ,CAAC,EAAD,CADlB,uBACnBgB,CADmB,MACPC,CADO,MAEpBC,CAAqB,CAAGhB,WAAW,CAACe,CAAD,CAAgBH,CAAhB,CAFf,CAIpBK,CAAa,CAAGpB,OAAO,CAAC,UAAM,OAC7BiB,EAD6B,CAE3BJ,CAAK,CAACQ,MAAN,CAAa,SAACf,CAAD,QAAUQ,EAAM,CAACR,CAAD,CAAOW,CAAP,CAAhB,CAAb,CAF2B,CACVJ,CAEzB,CAH4B,CAG1B,CAACI,CAAD,CAH0B,CAJH,CAS1B,MAAO,CACLK,KAAK,GADA,CAELC,OAAO,CAAEJ,CAFJ,CAGLN,KAAK,CAAEO,CAHF,CAILI,kBAAkB,CAAEP,CAAU,CAAGD,CAAH,OAJzB,CAMR,CApBM"}

package/__internal__/src/components/SelectCanary/useSelect/helpers.js

@@ -0,0 +1,2 @@
+import{scrollIntoView}from"../../../utils/scrollIntoView";export var scrollToIndex=function(a,b,c,d){var e;if(b&&!(0>a)){var f=null===(e=c[a])||void 0===e?void 0:e.current;f?scrollIntoView(f,b):null===d||void 0===d?void 0:d()}};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/SelectCanary/useSelect/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["scrollIntoView","scrollToIndex","index","dropdownElement","optionsRefs","onFailure","element","current"],"sources":["../../../../../../src/components/SelectCanary/useSelect/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { scrollIntoView } from '##/utils/scrollIntoView';\n\ntype ScrollToIndexFunctionType = (\n  optionIndex: number,\n  dropdownElement: HTMLDivElement | null,\n  optionsRefs: React.RefObject<HTMLDivElement>[],\n  onFailure?: () => void,\n) => void;\n\nexport const scrollToIndex: ScrollToIndexFunctionType = (\n  index,\n  dropdownElement,\n  optionsRefs,\n  onFailure,\n): void => {\n  if (!dropdownElement || index < 0) {\n    return;\n  }\n\n  const element = optionsRefs[index]?.current;\n\n  if (element) {\n    scrollIntoView(element, dropdownElement);\n  } else {\n    onFailure?.();\n  }\n};\n"],"mappings":"AAEA,OAASA,cAAT,qCASA,MAAO,IAAMC,cAAwC,CAAG,SACtDC,CADsD,CAEtDC,CAFsD,CAGtDC,CAHsD,CAItDC,CAJsD,CAK7C,OACT,GAAKF,CAAD,IAA4B,CAAR,CAAAD,CAApB,CAAJ,EAIA,GAAMI,EAAO,WAAGF,CAAW,CAACF,CAAD,CAAd,qBAAG,EAAoBK,OAApC,CAEID,CANJ,CAOEN,cAAc,CAACM,CAAD,CAAUH,CAAV,CAPhB,QASEE,CATF,WASEA,CATF,QASEA,CAAS,EATX,CAWD,CAjBM"}

package/__internal__/src/components/SelectCanary/useSelect/index.js

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

package/__internal__/src/components/SelectCanary/useSelect/index.js.map

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

package/__internal__/src/components/SelectCanary/useSelect/useSelect.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";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(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(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(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(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{useAction,useAtom,useUpdate}from"@reatom/npm-react";import{useRef}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useKeysRef}from"../../../hooks/useKeysRef";import{useRefs}from"../../../hooks/useRefs";import{getGroups}from"../../../utils/getGroups";import{useCreateAtom}from"../../../utils/state/useCreateAtom";import{usePickAtom,usePropAtom}from"../../../utils/state/usePickAtom";import{scrollToIndex}from"./helpers";var isMultipleParams=function(a){return!!a.multiple};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export var isNotOptionForCreate=function(a){return a&&!Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export var isOptionForSelectAll=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionSelectAll")};export function getCountedGroups(a,b){var c=_toConsumableArray(a);return b&&a.forEach(function(a,b){c[b].items=[{__optionSelectAll:!0,groupKey:a.key}].concat(_toConsumableArray(c[b].items))}),c}export var useSelect=function(a){var b=a.propsAtom,c=useRef(null),d=useRef(null),e=useRef(null),f=usePropAtom(b,"items"),g=usePropAtom(b,"selectAll"),h=usePropAtom(b,"value"),i=usePropAtom(b,"disabled"),j=usePropAtom(b,"inputValue"),k=usePropAtom(b,"dropdownOpen"),l=useCreateAtom(function(a){var c,d=null===(c=a.spy(b).style)||void 0===c?void 0:c.zIndex;return"number"==typeof d?d+1:void 0}),m=usePropAtom(b,"ignoreOutsideClicksRefs"),n=usePropAtom(b,"onCreate"),o=usePropAtom(b,"getItemKey"),p=useAtom(m),q=_slicedToArray(p,1),r=q[0],s=useCreateAtom(function(a){var b=a.spy(h);return b&&(Array.isArray(b)?b:[b])||[]}),t=useCreateAtom(!1),u=useCreateAtom(!1),v=useCreateAtom(0),w=useCreateAtom(""),x=useCreateAtom(function(a){var c=a.spy(b),d=c.clearButton,e=a.spy(w),f=a.spy(s);return!!(d&&(null!==f&&void 0!==f&&f.length||e))}),y=useAction(function(a){var d,e,f=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"";null===(d=(e=a.get(b)).onInput)||void 0===d?void 0:d.call(e,f),w(a,f),c.current&&(c.current.value=f)}),z=useCreateAtom(function(a){var b=a.spy(n);if(b){var c=a.spy(w);return{label:c,__optionForCreate:!0}}}),A=usePickAtom(b,["selectAll","groups","getItemGroupKey","getGroupKey","getItemDisabled","getItemKey","items"]),B=useCreateAtom(function(a){var b=a.spy(A),c=b.selectAll,d=b.groups,e=b.getItemGroupKey,f=b.getGroupKey,g=b.items,h=a.spy(z),i=getCountedGroups(getGroups(g,null!==d&&void 0!==d&&d.length?e:void 0,d,f,void 0),!!c);return h?[h].concat(_toConsumableArray(i)):i}),C=useCreateAtom(function(a){var b=a.spy(B),c=a.spy(g),d=a.spy(s),e=a.get(A),f=e.getItemDisabled,h={};return c&&function getSelectedCounter(){var a,c=_createForOfIteratorHelper(b);try{for(c.s();!(a=c.n()).done;){var j=a.value;if(!isOptionForCreate(j)){h[j.key]=[0,j.items.length-1];var e,g=_createForOfIteratorHelper(j.items);try{var i=function(){var a=e.value;isOptionForSelectAll(a)||f(a)||!d.some(function(b){return b===a})||(h[j.key][0]=(h[j.key][0]||0)+1)};for(g.s();!(e=g.n()).done;)i()}catch(a){g.e(a)}finally{g.f()}}}}catch(a){c.e(a)}finally{c.f()}}(),h}),D=useAtom(function(a){var b=a.spy(f),c=a.spy(z),d=a.spy(g),e=a.spy(B);return b.length+(c?1:0)+(d?e.length:0)}),E=_slicedToArray(D,3),F=E[0],G=E[1],H=E[2],I=useCreateAtom(function(a){var b=a.spy(f),c=a.spy(z);return!!c||!!b.length}),J=useRefs(F,void 0),K=useAction(function(a){var b=a.get(f),c=a.get(v),e=d.current;0<b.length&&e&&scrollToIndex(c,e,J)}),L=useAction(function(a,b){var c=a.get(H);v(a,function(a){var d=Math.min(Math.max(0,"function"==typeof b?b(a):b),c-1);return d})}),M=useAction(function(a,c,d){c.stopPropagation();var e=a.get(b);if(isMultipleParams(e)){var f=e.getItemDisabled,g=e.getItemKey,h=e.onChange,i=a.get(s).filter(function(a){return!!(null!==f&&void 0!==f&&f(a))||g(a)!==g(d)});h(null!==i&&void 0!==i&&i.length?i:null,{e:c})}}),N=useAction(function(a,c,d){var e=a.get(b),f=e.getItemDisabled,g=e.getItemKey,h=e.onChange,i=e.multiple,j=e.disabled;if(console.log("disabled",j),!(j||f&&f(d)))if(i){var k=a.get(s),l=k.some(function(a){return g(a)===g(d)})?k.filter(function(a){return g(a)!==g(d)}):[].concat(_toConsumableArray(k),[d]),m=null!==l&&void 0!==l&&l.length?l:null;h(m,{e:c})}else h(d,{e:c}),y(""),u(a,!1)}),O=useAction(function(a,c,d){var e=a.get(b),f=a.get(s),g=e.getItemDisabled,h=e.getItemKey,i=e.multiple,j=e.onChange;if(i){var k=g?d.filter(function(a){return!g(a)}):d,l=[],m=[];if(f.forEach(function(a){k.find(function(b){return h(a)===h(b)})?l.push(a):m.push(a)}),l.length===k.length)j(m,{e:c});else{var n=[].concat(m,_toConsumableArray(k));j(n,{e:c})}}}),P=useAction(function(a,c){var d=a.get(b),e=d.onCreate;null===e||void 0===e?void 0:e(a.get(w),{e:c}),u(a,!1),y("")}),Q=useAction(function(a,c){!a.get(i)&&a.get(b).input&&(null===y||void 0===y?void 0:y(c.target.value),u(a,!0))}),R=useAction(function(a){var b;a.get(i)||u(a,function(a){return!a}),null===(b=c.current)||void 0===b?void 0:b.focus()}),S=useAction(function(a,c){var d=a.get(b),e=d.getItemDisabled,f=d.multiple,g=d.onChange,h=d.disabled;if(console.log(""),!h){var i=a.get(s);if(f){var j=null===i||void 0===i?void 0:i.filter(function(a){return null===e||void 0===e?void 0:e(a)}),k=j&&0<j.length?j:null;g(k,{e:c})}else g(null,{e:c});y("")}}),T=useAction(function(a,b){return function(a){return M(a,b)}}),U=useAction(function(a,b){b.preventDefault(),a.get(i)||(u(a,!0),L(function(a){return a-1}),K())}),V=useAction(function(a,b){b.preventDefault(),a.get(i)||(u(a,!0),L(function(a){return a+1}),K())}),W=useAction(function(a,c){var d=a.get(b),e=d.items,f=a.get(v),g=a.get(w),h=a.get(B),i=a.get(u);if(i){(g||e[f])&&c.preventDefault();var j=function(a){var b,c=0,d=_createForOfIteratorHelper(h);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e)){if(c===a)return[void 0,e];c++;continue}if(e.items.length+c>a)return[e,e.items[a-c]];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}return[void 0,void 0]},k=j(f),l=_slicedToArray(k,2),m=l[0],n=l[1];if(isOptionForCreate(n))return void P(c);if(isOptionForSelectAll(n)){var o;return void O(c,null!==(o=null===m||void 0===m?void 0:m.items.filter(function(a){return!isOptionForSelectAll(a)}))&&void 0!==o?o:[])}n&&N(c,n)}else u(a,!0)}),X=useAction(function(a){return u(a,!1)}),Y=useAction(function(a,b){a.get(u)&&(b.preventDefault(),u(a,!1))}),Z=useAction(function(a,c){var d=a.get(w),e=a.get(b),f=e.multiple,g=e.clearButton,h=a.get(s);d||(f?M(c,h[h.length-1]):g&&(null===S||void 0===S?void 0:S(c)))}),$=useAtom({ArrowUp:U,ArrowDown:V,PageUp:U,PageDown:V,Home:U,End:V,Enter:W,Escape:X,Tab:Y,Backspace:Z}),_=_slicedToArray($,1),aa=_[0],ba=useAction(function(a,b){var c=b.index,d=b.item,e=a.get(B);if(isOptionForCreate(d))return{onClick:P,onMouseEnter:function onMouseEnter(){return L(c)}};if(isOptionForSelectAll(d)){var f=function(){var a,b=_createForOfIteratorHelper(e);try{for(b.s();!(a=b.n()).done;){var f=a.value;if(!isOptionForCreate(f)&&f.key===d.groupKey){var c;return null!==(c=null===f||void 0===f?void 0:f.items.filter(function(a){return!isOptionForSelectAll(a)}))&&void 0!==c?c:[]}}}catch(a){b.e(a)}finally{b.f()}return[]};return{onClick:function onClick(a){return O(a,f())},onMouseEnter:function onMouseEnter(){return L(c)}}}return{onClick:function onClick(a){return N(a,d)},onMouseEnter:function onMouseEnter(){return L(c)}}}),ca=useAction(function(a,c){var d=a.get(b),e=d.disabled,f=d.onFocus,g=a.get(t);e||(!g&&t(a,!0),"function"==typeof f&&f(c))}),da=useAction(function(a,d){var e=a.get(b),f=e.onBlur;if(a.get(u)){var g;return void(null===(g=c.current)||void 0===g?void 0:g.focus())}a.get(t)&&t(a,!1),"function"==typeof f&&f(d)}),ea=useAction(function(a){var b=a.get(i);if(a.get(u))u(a,!1),t(a,!1);else if(!b){var d;u(a,!0),t(a,!0),null===(d=c.current)||void 0===d?void 0:d.focus()}});return useKeysRef({keys:aa,ref:c,isActive:useAction(function(a){return!a.get(i)})}),useClickOutside({isActive:useAction(function(a){return a.get(u)}),ignoreClicksInsideRefs:[d,e].concat(_toConsumableArray(r||[])),handler:useAction(function(a){return u(a,!1)})}),useUpdate(function(a,b){return b&&u(a,!1)},[i]),useUpdate(function(a){var c,d,e=!!(1<arguments.length&&void 0!==arguments[1])&&arguments[1];null===(c=(d=a.get(b)).onDropdownOpen)||void 0===c?void 0:c.call(d,e),L(0)},[u]),useUpdate(function(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"",c=a.get(w);b!==c&&y(b)},[j]),useUpdate(function(a){var b=!!(1<arguments.length&&void 0!==arguments[1])&&arguments[1];return u(a,b)},[k]),{openAtom:u,focusAtom:t,inputValueAtom:w,clearButtonAtom:x,onInput:y,getOptionActions:ba,handleInputBlur:da,handleToggleDropdown:ea,getHandleRemoveValue:T,inputRef:c,dropdownRef:d,controlRef:e,handleInputChange:Q,handleInputClick:R,handleInputFocus:ca,visibleItemsAtom:B,clearValue:S,optionsRefs:J,highlightedIndexAtom:v,valueAtom:s,getItemKeyAtom:o,onChangeAll:O,highlightIndex:L,onCreate:P,onChange:N,hasItemsAtom:I,groupsCounterAtom:C,dropdownZIndexAtom:l}};
+//# sourceMappingURL=useSelect.js.map

package/__internal__/src/components/SelectCanary/useSelect/useSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelect.js","names":["useAction","useAtom","useUpdate","useRef","useClickOutside","useKeysRef","useRefs","getGroups","useCreateAtom","usePickAtom","usePropAtom","scrollToIndex","isMultipleParams","params","multiple","isOptionForCreate","Object","prototype","hasOwnProperty","call","isNotOptionForCreate","isOptionForSelectAll","getCountedGroups","groups","selectAll","copyGroups","forEach","group","index","items","__optionSelectAll","groupKey","key","useSelect","propsAtom","inputRef","dropdownRef","controlRef","itemsAtom","selectAllAtom","valuePropAtom","disabledAtom","inputValuePropAtom","dropdownOpenPropAtom","dropdownZIndexAtom","ctx","zIndex","spy","style","ignoreOutsideClicksRefsAtom","onCreateAtom","getItemKeyAtom","ignoreOutsideClicksRefs","valueAtom","value","Array","isArray","focusAtom","openAtom","highlightedIndexAtom","inputValueAtom","clearButtonAtom","clearButton","inputValue","length","onInput","get","current","optionForCreateAtom","onCreate","label","__optionForCreate","propsForVisibleItemsAtom","visibleItemsAtom","getItemGroupKey","getGroupKey","optionForCreate","resultGroups","groupsCounterAtom","visibleItems","getItemDisabled","groupCounter","getSelectedCounter","groupItems","some","item","maxHighlightIndex","_","maxHighlightIndexAtom","hasItemsAtom","optionsRefs","scrollToHighlightedIndex","highlightedIndex","dropdownElement","highlightIndex","indexForHighlight","state","newIndex","Math","min","max","removeValue","e","valueItem","stopPropagation","props","getItemKey","onChange","newValue","filter","disabled","console","log","val","onChangeAll","nonDisabledItems","currentGroupValues","withoutGroupValues","el","find","push","handleInputChange","input","target","handleInputClick","focus","clearValue","results","getHandleRemoveValue","ArrowUp","preventDefault","old","ArrowDown","Enter","open","getData","counter","Escape","Tab","Backspace","PageUp","PageDown","Home","End","keys","getOptionActions","onClick","onMouseEnter","getItems","handleInputFocus","onFocus","focused","handleInputBlur","onBlur","handleToggleDropdown","ref","isActive","ignoreClicksInsideRefs","handler","disable","onDropdownOpen","inputValueProp","dropdownOpenProp"],"sources":["../../../../../../src/components/SelectCanary/useSelect/useSelect.ts"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useAtom, useUpdate } from '@reatom/npm-react';\nimport React, { useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { KeyHandlers, useKeysRef } from '##/hooks/useKeysRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getGroups, GetGroupsResult } from '##/utils/getGroups';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { usePickAtom, usePropAtom } from '##/utils/state/usePickAtom';\n\nimport { PropsWithDefault } from '../../SelectCanary/defaultProps';\nimport { SelectGroupDefault, SelectItemDefault, SelectPropOnChange } from '..';\nimport { CountedGroup, Group, SelectAllItem } from '../types';\nimport { scrollToIndex } from './helpers';\n\ntype IndexForHighlight = number | ((oldIndex: number) => number);\n\nexport type OptionForCreate = {\n  label: string;\n  __optionForCreate: boolean;\n};\n\nexport type UseSelectProps<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = {\n  propsAtom: AtomMut<PropsWithDefault<ITEM, GROUP, MULTIPLE>>;\n};\n\nexport type OptionProps<ITEM> = {\n  index: number;\n  item: ITEM | OptionForCreate | SelectAllItem;\n};\n\nexport type GetOptionPropsResult = {\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n};\n\nconst isMultipleParams = <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>(\n  params: PropsWithDefault<ITEM, GROUP, boolean>,\n): params is PropsWithDefault<ITEM, GROUP, true> => {\n  return !!params.multiple;\n};\n\nexport const isOptionForCreate = <ITEM, GROUP>(\n  params: OptionForCreate | Group<ITEM, GROUP> | ITEM,\n): params is OptionForCreate => {\n  return (\n    params && Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n  );\n};\n\nexport const isNotOptionForCreate = <ITEM, GROUP>(\n  params: OptionForCreate | Group<ITEM, GROUP>,\n): params is Group<ITEM, GROUP> => {\n  return (\n    params && !Object.prototype.hasOwnProperty.call(params, '__optionForCreate')\n  );\n};\n\nexport const isOptionForSelectAll = <ITEM>(\n  params: SelectAllItem | ITEM,\n): params is SelectAllItem => {\n  return (\n    params && Object.prototype.hasOwnProperty.call(params, '__optionSelectAll')\n  );\n};\n\nexport function getCountedGroups<ITEM, GROUP>(\n  groups: GetGroupsResult<ITEM, GROUP>,\n  selectAll: boolean,\n): CountedGroup<ITEM, GROUP>[] {\n  const copyGroups: CountedGroup<ITEM, GROUP>[] = [...groups];\n\n  if (selectAll) {\n    groups.forEach((group, index) => {\n      copyGroups[index].items = [\n        {\n          __optionSelectAll: true,\n          groupKey: group.key,\n        },\n        ...copyGroups[index].items,\n      ];\n    });\n  }\n  return copyGroups;\n}\n\nexport const useSelect = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectItemDefault,\n  MULTIPLE extends boolean = false,\n>({\n  propsAtom,\n}: UseSelectProps<ITEM, GROUP, MULTIPLE>) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement>(null);\n\n  const itemsAtom = usePropAtom(propsAtom, 'items');\n  const selectAllAtom = usePropAtom(propsAtom, 'selectAll');\n  const valuePropAtom = usePropAtom(propsAtom, 'value');\n  const disabledAtom = usePropAtom(propsAtom, 'disabled');\n  const inputValuePropAtom = usePropAtom(propsAtom, 'inputValue');\n  const dropdownOpenPropAtom = usePropAtom(propsAtom, 'dropdownOpen');\n  const dropdownZIndexAtom = useCreateAtom((ctx) => {\n    const zIndex = ctx.spy(propsAtom).style?.zIndex;\n    return typeof zIndex === 'number' ? zIndex + 1 : undefined;\n  });\n  const ignoreOutsideClicksRefsAtom = usePropAtom(\n    propsAtom,\n    'ignoreOutsideClicksRefs',\n  );\n  const onCreateAtom = usePropAtom(propsAtom, 'onCreate');\n  const getItemKeyAtom = usePropAtom(propsAtom, 'getItemKey');\n  const [ignoreOutsideClicksRefs] = useAtom(ignoreOutsideClicksRefsAtom);\n\n  const valueAtom = useCreateAtom((ctx) => {\n    const value = ctx.spy(valuePropAtom);\n    return (value && (Array.isArray(value) ? value : [value])) || [];\n  }) as unknown as AtomMut<ITEM[]>;\n  const focusAtom = useCreateAtom(false);\n  const openAtom = useCreateAtom(false);\n  const highlightedIndexAtom = useCreateAtom(0);\n  const inputValueAtom = useCreateAtom('');\n\n  const clearButtonAtom = useCreateAtom((ctx) => {\n    const { clearButton } = ctx.spy(propsAtom);\n    const inputValue = ctx.spy(inputValueAtom);\n    const value = ctx.spy(valueAtom);\n    return !!(clearButton && (value?.length || inputValue));\n  });\n\n  const onInput = useAction((ctx, value: string | undefined = '') => {\n    ctx.get(propsAtom).onInput?.(value);\n    inputValueAtom(ctx, value);\n\n    if (inputRef.current) {\n      inputRef.current.value = value;\n    }\n  });\n\n  const optionForCreateAtom = useCreateAtom<OptionForCreate | undefined>(\n    (ctx) => {\n      const onCreate = ctx.spy(onCreateAtom);\n      if (!onCreate) {\n        return undefined;\n      }\n      const inputValue = ctx.spy(inputValueAtom);\n      const optionForCreate: OptionForCreate = {\n        label: inputValue,\n        __optionForCreate: true,\n      };\n      return optionForCreate;\n    },\n  );\n\n  const propsForVisibleItemsAtom = usePickAtom(\n    propsAtom as AtomMut<PropsWithDefault<ITEM, GROUP, boolean>>,\n    [\n      'selectAll',\n      'groups',\n      'getItemGroupKey',\n      'getGroupKey',\n      'getItemDisabled',\n      'getItemKey',\n      'items',\n    ],\n  );\n\n  const visibleItemsAtom = useCreateAtom((ctx) => {\n    const { selectAll, groups, getItemGroupKey, getGroupKey, items } = ctx.spy(\n      propsForVisibleItemsAtom,\n    );\n\n    const optionForCreate = ctx.spy(optionForCreateAtom);\n\n    const resultGroups = getCountedGroups(\n      getGroups(\n        items,\n        groups?.length ? getItemGroupKey : undefined,\n        groups,\n        getGroupKey,\n        undefined,\n      ),\n      !!selectAll,\n    );\n\n    return optionForCreate ? [optionForCreate, ...resultGroups] : resultGroups;\n  });\n\n  const groupsCounterAtom = useCreateAtom((ctx) => {\n    const visibleItems = ctx.spy(visibleItemsAtom);\n    const selectAll = ctx.spy(selectAllAtom);\n    const value = ctx.spy(valueAtom);\n    const { getItemDisabled } = ctx.get(propsForVisibleItemsAtom);\n\n    const groupCounter: Record<string, [number, number]> = {};\n\n    const getSelectedCounter = () => {\n      for (const group of visibleItems) {\n        if (isOptionForCreate(group)) {\n          continue;\n        }\n        groupCounter[group.key] = [0, group.items.length - 1];\n        for (const groupItems of group.items) {\n          if (\n            !isOptionForSelectAll(groupItems) &&\n            !getItemDisabled(groupItems) &&\n            value.some((item) => item === groupItems)\n          ) {\n            groupCounter[group.key][0] = (groupCounter[group.key][0] || 0) + 1;\n          }\n        }\n      }\n    };\n\n    if (selectAll) {\n      getSelectedCounter();\n    }\n\n    return groupCounter;\n  });\n\n  // eslint-disable-next-line no-unused-vars\n  const [maxHighlightIndex, _, maxHighlightIndexAtom] = useAtom((ctx) => {\n    const items = ctx.spy(itemsAtom);\n    const optionForCreate = ctx.spy(optionForCreateAtom);\n    const selectAll = ctx.spy(selectAllAtom);\n    const visibleItems = ctx.spy(visibleItemsAtom);\n\n    return (\n      items.length +\n      // кнопка для создания\n      (optionForCreate ? 1 : 0) +\n      // кнопки выбрать все\n      (selectAll ? visibleItems.length : 0)\n    );\n  });\n\n  const hasItemsAtom = useCreateAtom((ctx) => {\n    const items = ctx.spy(itemsAtom);\n    const optionForCreate = ctx.spy(optionForCreateAtom);\n\n    if (optionForCreate) {\n      return true;\n    }\n\n    return !!items.length;\n  });\n\n  const optionsRefs = useRefs<HTMLDivElement>(maxHighlightIndex, undefined);\n\n  const scrollToHighlightedIndex = useAction((ctx) => {\n    const items = ctx.get(itemsAtom);\n    const highlightedIndex = ctx.get(highlightedIndexAtom);\n    const dropdownElement = dropdownRef.current;\n\n    if (items.length > 0 && dropdownElement) {\n      scrollToIndex(highlightedIndex, dropdownElement, optionsRefs);\n    }\n  });\n\n  const highlightIndex = useAction(\n    (ctx, indexForHighlight: IndexForHighlight) => {\n      const maxHighlightIndex = ctx.get(maxHighlightIndexAtom);\n\n      highlightedIndexAtom(ctx, (state) => {\n        const newIndex = Math.min(\n          Math.max(\n            0,\n            typeof indexForHighlight === 'function'\n              ? indexForHighlight(state)\n              : indexForHighlight,\n          ),\n          maxHighlightIndex - 1,\n        );\n\n        return newIndex;\n      });\n    },\n  );\n\n  const removeValue = useAction(\n    (ctx, e: React.SyntheticEvent, valueItem: ITEM) => {\n      e.stopPropagation();\n      const props = ctx.get(propsAtom);\n\n      if (isMultipleParams(props)) {\n        const { getItemDisabled, getItemKey, onChange } = props;\n\n        const newValue = ctx.get(valueAtom).filter((item) => {\n          return getItemDisabled?.(item)\n            ? true\n            : getItemKey(item) !== getItemKey(valueItem);\n        });\n\n        onChange(newValue?.length ? newValue : null, {\n          e,\n        });\n      }\n    },\n  );\n\n  const onChange = useAction((ctx, e: React.SyntheticEvent, item: ITEM) => {\n    const { getItemDisabled, getItemKey, onChange, multiple, disabled } =\n      ctx.get(propsAtom);\n\n    console.log('disabled', disabled);\n\n    if (disabled || (getItemDisabled && getItemDisabled(item))) {\n      return;\n    }\n\n    if (multiple) {\n      const value = ctx.get(valueAtom);\n      const newValue = value.some(\n        (value) => getItemKey(value) === getItemKey(item),\n      )\n        ? value.filter((value) => getItemKey(value) !== getItemKey(item))\n        : [...value, item];\n      const val = newValue?.length ? newValue : null;\n      (onChange as SelectPropOnChange<ITEM, true>)(val, { e });\n    } else {\n      (onChange as SelectPropOnChange<ITEM, false>)(item, { e });\n      onInput('');\n      openAtom(ctx, false);\n    }\n  });\n\n  const onChangeAll = useAction(\n    (ctx, e: React.SyntheticEvent, items: ITEM[]) => {\n      const props = ctx.get(propsAtom);\n      const value = ctx.get(valueAtom);\n      const { getItemDisabled, getItemKey, multiple, onChange } = props;\n\n      if (multiple) {\n        const nonDisabledItems = getItemDisabled\n          ? items.filter((item) => !getItemDisabled(item))\n          : items;\n\n        const currentGroupValues: ITEM[] = [];\n        const withoutGroupValues: ITEM[] = [];\n        value.forEach((el) => {\n          if (\n            nonDisabledItems.find((item) => getItemKey(el) === getItemKey(item))\n          ) {\n            currentGroupValues.push(el);\n          } else {\n            withoutGroupValues.push(el);\n          }\n        });\n        if (currentGroupValues.length === nonDisabledItems.length) {\n          (onChange as SelectPropOnChange<ITEM, true>)(withoutGroupValues, {\n            e,\n          });\n        } else {\n          const val = [...withoutGroupValues, ...nonDisabledItems];\n          (onChange as SelectPropOnChange<ITEM, true>)(val, {\n            e,\n          });\n        }\n      }\n    },\n  );\n\n  const onCreate = useAction((ctx, e: React.SyntheticEvent) => {\n    const { onCreate } = ctx.get(propsAtom);\n    onCreate?.(ctx.get(inputValueAtom), { e });\n    openAtom(ctx, false);\n    onInput('');\n  });\n\n  // Handlers\n\n  const handleInputChange = useAction(\n    (ctx, e: React.ChangeEvent<HTMLInputElement>): void => {\n      if (!ctx.get(disabledAtom) && ctx.get(propsAtom).input) {\n        onInput?.(e.target.value);\n        openAtom(ctx, true);\n      }\n    },\n  );\n\n  const handleInputClick = useAction((ctx) => {\n    !ctx.get(disabledAtom) && openAtom(ctx, (value) => !value);\n\n    inputRef.current?.focus();\n  });\n\n  const clearValue = useAction((ctx, e: React.SyntheticEvent) => {\n    const { getItemDisabled, multiple, onChange, disabled } =\n      ctx.get(propsAtom);\n\n    console.log('');\n\n    if (disabled) {\n      return;\n    }\n\n    const value = ctx.get(valueAtom);\n    if (multiple) {\n      const results = value?.filter((item) => getItemDisabled?.(item));\n      const val = results && results.length > 0 ? results : null;\n      (onChange as SelectPropOnChange<ITEM, true>)(val, {\n        e,\n      });\n    } else {\n      onChange(null, { e });\n    }\n    onInput('');\n  });\n\n  const getHandleRemoveValue = useAction(\n    (_, item: ITEM) => (e: React.SyntheticEvent) => removeValue(e, item),\n  );\n\n  // Prop Getters\n\n  const ArrowUp = useAction((ctx, e: KeyboardEvent) => {\n    e.preventDefault();\n    if (!ctx.get(disabledAtom)) {\n      openAtom(ctx, true);\n      highlightIndex((old) => old - 1);\n      scrollToHighlightedIndex();\n    }\n  });\n\n  const ArrowDown = useAction((ctx, e: KeyboardEvent) => {\n    e.preventDefault();\n\n    if (!ctx.get(disabledAtom)) {\n      openAtom(ctx, true);\n      highlightIndex((old) => old + 1);\n      scrollToHighlightedIndex();\n    }\n  });\n\n  const Enter = useAction((ctx, e: React.SyntheticEvent) => {\n    const { items } = ctx.get(propsAtom);\n    const highlightedIndex = ctx.get(highlightedIndexAtom);\n    const inputValue = ctx.get(inputValueAtom);\n    const visibleItems = ctx.get(visibleItemsAtom);\n    const open = ctx.get(openAtom);\n\n    if (open) {\n      if (inputValue || items[highlightedIndex]) {\n        e.preventDefault();\n      }\n\n      const getData = (\n        index: number,\n      ): [\n        CountedGroup<ITEM, GROUP> | undefined,\n        SelectAllItem | OptionForCreate | ITEM | undefined,\n      ] => {\n        let counter = 0;\n\n        for (const group of visibleItems) {\n          if (isOptionForCreate(group)) {\n            if (counter === index) {\n              return [undefined, group];\n            }\n            counter++;\n            continue;\n          }\n          if (group.items.length + counter > index) {\n            return [group, group.items[index - counter]];\n          }\n          counter += group.items.length;\n        }\n        return [undefined, undefined];\n      };\n\n      const [group, item] = getData(highlightedIndex);\n\n      if (isOptionForCreate(item)) {\n        onCreate(e);\n        return;\n      }\n\n      if (isOptionForSelectAll(item)) {\n        onChangeAll(\n          e,\n          (group?.items.filter((el) => !isOptionForSelectAll(el)) as ITEM[]) ??\n            [],\n        );\n        return;\n      }\n\n      if (item) {\n        onChange(e, item);\n      }\n    } else {\n      openAtom(ctx, true);\n    }\n  });\n\n  const Escape = useAction((ctx) => openAtom(ctx, false));\n\n  const Tab = useAction((ctx, e: KeyboardEvent) => {\n    if (ctx.get(openAtom)) {\n      e.preventDefault();\n      openAtom(ctx, false);\n    }\n  });\n\n  const Backspace = useAction((ctx, e: React.SyntheticEvent) => {\n    const inputValue = ctx.get(inputValueAtom);\n    const { multiple, clearButton } = ctx.get(propsAtom);\n    const value = ctx.get(valueAtom);\n\n    if (inputValue) {\n      return;\n    }\n\n    if (multiple) {\n      removeValue(e, value[value.length - 1]);\n    } else {\n      clearButton && clearValue?.(e);\n    }\n  });\n\n  const [keys] = useAtom({\n    ArrowUp,\n    ArrowDown,\n    PageUp: ArrowUp,\n    PageDown: ArrowDown,\n    Home: ArrowUp,\n    End: ArrowDown,\n    Enter,\n    Escape,\n    Tab,\n    Backspace,\n  });\n\n  const getOptionActions = useAction(\n    (ctx, { index, item }: OptionProps<ITEM>): GetOptionPropsResult => {\n      const visibleItems = ctx.get(visibleItemsAtom);\n\n      if (isOptionForCreate(item)) {\n        return {\n          onClick: onCreate,\n          onMouseEnter: () => highlightIndex(index),\n        };\n      }\n      if (isOptionForSelectAll(item)) {\n        const getItems = (): ITEM[] => {\n          for (const group of visibleItems) {\n            if (isOptionForCreate(group)) {\n              continue;\n            }\n            if (group.key === item.groupKey) {\n              return (\n                (group?.items.filter(\n                  (el) => !isOptionForSelectAll(el),\n                ) as ITEM[]) ?? []\n              );\n            }\n          }\n          return [];\n        };\n        return {\n          onClick: (e: React.SyntheticEvent) => onChangeAll(e, getItems()),\n          onMouseEnter: () => highlightIndex(index),\n        };\n      }\n\n      return {\n        onClick: (e: React.SyntheticEvent) => onChange(e, item),\n        onMouseEnter: () => highlightIndex(index),\n      };\n    },\n  );\n\n  const handleInputFocus = useAction(\n    (ctx, e: React.FocusEvent<HTMLInputElement>): void => {\n      const { disabled, onFocus } = ctx.get(propsAtom);\n      const focused = ctx.get(focusAtom);\n\n      if (!disabled) {\n        if (!focused) {\n          focusAtom(ctx, true);\n        }\n        if (typeof onFocus === 'function') {\n          onFocus(e);\n        }\n      }\n    },\n  );\n\n  const handleInputBlur = useAction(\n    (ctx, e: React.FocusEvent<HTMLInputElement>): void => {\n      const { onBlur } = ctx.get(propsAtom);\n      if (ctx.get(openAtom)) {\n        inputRef.current?.focus();\n        return;\n      }\n\n      if (ctx.get(focusAtom)) {\n        focusAtom(ctx, false);\n      }\n\n      if (typeof onBlur === 'function') {\n        onBlur(e);\n      }\n    },\n  );\n\n  const handleToggleDropdown = useAction((ctx) => {\n    const disabled = ctx.get(disabledAtom);\n    if (ctx.get(openAtom)) {\n      openAtom(ctx, false);\n      focusAtom(ctx, false);\n    } else if (!disabled) {\n      openAtom(ctx, true);\n      focusAtom(ctx, true);\n      inputRef.current?.focus();\n    }\n  });\n\n  useKeysRef({\n    keys: keys as unknown as KeyHandlers,\n    ref: inputRef,\n    isActive: useAction((ctx) => !ctx.get(disabledAtom)),\n  });\n\n  useClickOutside({\n    isActive: useAction((ctx) => ctx.get(openAtom)),\n    ignoreClicksInsideRefs: [\n      dropdownRef,\n      controlRef,\n      ...(ignoreOutsideClicksRefs || []),\n    ],\n    handler: useAction((ctx) => openAtom(ctx, false)),\n  });\n\n  useUpdate((ctx, disable) => disable && openAtom(ctx, false), [disabledAtom]);\n\n  useUpdate(\n    (ctx, open = false) => {\n      ctx.get(propsAtom).onDropdownOpen?.(open);\n      highlightIndex(0);\n    },\n    [openAtom],\n  );\n\n  useUpdate(\n    (ctx, inputValueProp = '') => {\n      const inputValue = ctx.get(inputValueAtom);\n\n      if (inputValueProp !== inputValue) {\n        onInput(inputValueProp);\n      }\n    },\n    [inputValuePropAtom],\n  );\n\n  useUpdate(\n    (ctx, dropdownOpenProp = false) => openAtom(ctx, dropdownOpenProp),\n    [dropdownOpenPropAtom],\n  );\n\n  return {\n    openAtom,\n    focusAtom,\n    inputValueAtom,\n    clearButtonAtom,\n    onInput,\n    getOptionActions,\n    handleInputBlur,\n    handleToggleDropdown,\n    getHandleRemoveValue,\n    inputRef,\n    dropdownRef,\n    controlRef,\n    handleInputChange,\n    handleInputClick,\n    handleInputFocus,\n    visibleItemsAtom,\n    clearValue,\n    optionsRefs,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    onChangeAll,\n    highlightIndex,\n    onCreate,\n    onChange,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpace","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","element","length","index","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","popoverRef","scrolled","setScrolled","setScrolledOffDebounce","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","groupIndex","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => JSX.Element | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n}>;\n\ntype SelectDropdown = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element.items.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdown = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    ...otherProps\n  } = props;\n\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScrolled] = useFlag();\n  const setScrolledOffDebounce = useDebounce(setScrolled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScrolled.on();\n      setScrolledOffDebounce();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\n                style={{ marginTop: spaceTop }}\n              >\n                {visibleItems.map((group, groupIndex) => {\n                  if (isOptionForCreate(group)) {\n                    const index = getIndex();\n                    return (\n                      <SelectCreateButton\n                        size={size}\n                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: groupIndex,\n                        })}\n                      />\n                    );\n                  }\n\n                  const virtualIndex =\n                    visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n                  return (\n                    <Fragment key={group.key}>\n                      {group.group &&\n                        getGroupLabel &&\n                        isVisible(slice, virtualIndex) && (\n                          <SelectGroupLabel\n                            label={getGroupLabel(group.group)}\n                            size={size}\n                            indent={indent}\n                            ref={listRefs[virtualIndex]}\n                            key={`group-${group.key}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: i,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: i,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpace","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","element","length","index","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","popoverRef","scrolled","setScrolled","setScrolledOffDebounce","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","groupIndex","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => JSX.Element | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element.items.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    ...otherProps\n  } = props;\n\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScrolled] = useFlag();\n  const setScrolledOffDebounce = useDebounce(setScrolled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScrolled.on();\n      setScrolledOffDebounce();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\n                style={{ marginTop: spaceTop }}\n              >\n                {visibleItems.map((group, groupIndex) => {\n                  if (isOptionForCreate(group)) {\n                    const index = getIndex();\n                    return (\n                      <SelectCreateButton\n                        size={size}\n                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: groupIndex,\n                        })}\n                      />\n                    );\n                  }\n\n                  const virtualIndex =\n                    visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n                  return (\n                    <Fragment key={group.key}>\n                      {group.group &&\n                        getGroupLabel &&\n                        isVisible(slice, virtualIndex) && (\n                          <SelectGroupLabel\n                            label={getGroupLabel(group.group)}\n                            size={size}\n                            indent={indent}\n                            ref={listRefs[virtualIndex]}\n                            key={`group-${group.key}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: i,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: i,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"ylCAAA,6BAEA,MAAOA,MAAP,EAAgBC,QAAhB,CAA0BC,SAA1B,CAAqCC,OAArC,CAA8CC,MAA9C,KAA4D,OAA5D,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OACEC,SADF,CAEEC,QAFF,CAGEC,UAHF,CAIEC,gBAJF,wBAMA,OAASC,OAAT,qBACA,OAASC,WAAT,kCACA,OAASC,OAAT,8BACA,OAASC,OAAT,CAAkBC,UAAlB,iCACA,OAASC,gBAAT,uCACA,OACEC,cADF,CAEEC,mBAFF,yDAIA,OAASC,cAAT,kCACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BACA,OAASC,WAAT,kCAIA,OAASC,kBAAT,gDACA,OAASC,gBAAT,4CACA,OAASC,aAAT,sCACA,OAASC,YAAT,oCAEA,OAEEC,oBAFF,CAGEC,iBAHF,CAIEC,oBAJF,oBASA,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA3B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,kBAAkB,CAAC,CAAD,CAAxD,C,GAsCDE,iBAAgB,CAAGX,EAAE,CAAC,gBAAD,C,CAErBY,iBAAiB,CAAG,SACxBC,CADwB,CAYrB,CAGH,OACQC,EADR,CAFIC,CAAM,CAAsB,CAAnB,EAAAF,CAAQ,CAACE,MAAT,CAAuB,CAAvB,CAA2BF,CAAQ,CAACE,MAEjD,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGH,CAAQ,CAACE,MAArC,CAA6CC,CAAK,EAAlD,CACQF,CADR,CACkBD,CAAQ,CAACG,CAAD,CAD1B,CAGMV,oBAAoB,CAACQ,CAAD,CAApB,EAAiCA,CAAO,CAACG,KAAR,CAAcF,MAHrD,GAIIA,CAAM,EAAID,CAAO,CAACG,KAAR,CAAcF,MAJ5B,EAQA,MAAOA,EACR,C,CAEKG,SAAS,CAAG,SAACC,CAAD,CAA0BH,CAA1B,CAA4C,CAC5D,MAAOA,EAAK,EAAIG,CAAK,CAAC,CAAD,CAAd,EAAqBH,CAAK,CAAGG,CAAK,CAAC,CAAD,CAC1C,C,CAED,MAAO,IAAMC,eAAuC,CAAG,SAACC,CAAD,CAAW,IAE9DC,EAF8D,CAuB5DD,CAvB4D,CAE9DC,UAF8D,CAG9DC,CAH8D,CAuB5DF,CAvB4D,CAG9DE,IAH8D,CAI9DC,CAJ8D,CAuB5DH,CAvB4D,CAI9DG,cAJ8D,CAKjDC,CALiD,CAuB5DJ,CAvB4D,CAK9DK,WAL8D,CAM9DC,CAN8D,CAuB5DN,CAvB4D,CAM9DM,cAN8D,CAO9DC,CAP8D,CAuB5DP,CAvB4D,CAO9DO,SAP8D,CAQ9DC,CAR8D,CAuB5DR,CAvB4D,CAQ9DQ,gBAR8D,CAS9DC,CAT8D,CAuB5DT,CAvB4D,CAS9DS,kBAT8D,GAuB5DT,CAvB4D,CAU9DU,QAV8D,CAU9DA,CAV8D,eAW9DC,CAX8D,CAuB5DX,CAvB4D,CAW9DW,IAX8D,CAY9DC,CAZ8D,CAuB5DZ,CAvB4D,CAY9DY,MAZ8D,GAuB5DZ,CAvB4D,CAa9Da,MAb8D,CAatDC,CAbsD,YAazC,MAbyC,GAc9DC,CAd8D,CAuB5Df,CAvB4D,CAc9De,UAd8D,CAe9DC,CAf8D,CAuB5DhB,CAvB4D,CAe9DgB,YAf8D,CAgB9DC,CAhB8D,CAuB5DjB,CAvB4D,CAgB9DiB,SAhB8D,CAiB9DC,CAjB8D,CAuB5DlB,CAvB4D,CAiB9DkB,aAjB8D,CAkB9DC,CAlB8D,CAuB5DnB,CAvB4D,CAkB9DmB,QAlB8D,CAmB9DC,CAnB8D,CAuB5DpB,CAvB4D,CAmB9DoB,SAnB8D,CAoB9DC,CApB8D,CAuB5DrB,CAvB4D,CAoB9DqB,aApB8D,CAqB9DC,CArB8D,CAuB5DtB,CAvB4D,CAqB9DsB,gBArB8D,CAsB3DC,CAtB2D,0BAuB5DvB,CAvB4D,YAyB1DwB,CAAM,CAAY,OAAT,GAAAb,CAAI,CAAe,WAAf,CAA6B,QAzBgB,CA2B1Dc,CAAY,CAAG/D,OAAO,CAAC,UAAM,CACjC,MAKa,EAJX,CAAAsD,CAAY,CAACU,MAAb,CACE,SAACC,CAAD,QACEzC,kBAAiB,CAACyC,CAAD,CAAjB,EACCC,KAAK,CAACC,OAAN,CAAcF,CAAK,CAAC/B,KAApB,GAAmD,CAArB,CAAA+B,CAAK,CAAC/B,KAAN,CAAYF,MAF7C,CADF,EAIEA,MAEL,CAR2B,CAQzB,CAACsB,CAAD,CARyB,CA3BoC,CAqC1DH,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CArCa,CAuC1DgB,CAAsB,CAAGpE,OAAO,CACpC,iBAAM6B,kBAAiB,CAACyB,CAAD,CAAvB,CADoC,CAEpC,CAACA,CAAD,CAFoC,CAvC0B,GAiD5D1C,gBAAgB,CAAC,CACnBoB,MAAM,CAAEoC,CADW,CAEnBC,QAAQ,CAAEV,CAAa,EAAIT,CAFR,CAGnBU,gBAAgB,CAAhBA,CAHmB,CAAD,CAjD4C,CA6C9DU,CA7C8D,GA6C9DA,QA7C8D,CA8CvDC,CA9CuD,GA8C9DnC,KA9C8D,CA+C9DoC,CA/C8D,GA+C9DA,QA/C8D,CAgD9DC,CAhD8D,GAgD9DA,gBAhD8D,CAuD1DrC,CAAuB,CACN,CAArB,GAAAmC,CAAa,CAAC,CAAD,CAAb,EAA0BZ,CAA1B,CAA0C,CAAC,CAAD,CAAI,EAAJ,CAA1C,CAAoDY,CAxDU,CA0D1DG,CAAU,CAAGzE,MAAM,CAAiB,IAAjB,CA1DuC,CA2D1D0C,CAAW,CAAGhC,UAAU,CAAC,CAAC8D,CAAD,CAAmB/B,CAAnB,CAAD,CA3DkC,GA4DhCjC,OAAO,EA5DyB,uBA4DzDkE,CA5DyD,MA4D/CC,CA5D+C,MA6D1DC,CAAsB,CAAGrE,WAAW,CAACoE,CAAW,CAACE,GAAb,CAAkB,GAAlB,CA7DsB,CA4EhE,MAbA/E,UAAS,CAAC,UAAM,OACRgF,CAAE,CAAG,UAAM,CACfH,CAAW,CAACI,EAAZ,EADe,CAEfH,CAAsB,EACvB,CAJa,CAQd,iBAFAJ,CAAgB,CAACQ,OAEjB,qBAFA,EAA0BC,gBAA1B,CAA2C,QAA3C,CAAqDH,CAArD,CAEA,CAAO,UAAM,iBACXN,CAAgB,CAACQ,OADN,qBACX,EAA0BE,mBAA1B,CAA8C,QAA9C,CAAwDJ,CAAxD,CACD,CACF,CAXQ,CAWN,CAACN,CAAgB,CAACQ,OAAlB,CAXM,CAaT,CACE,oBAAC,UAAD,EACE,GAAI/B,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEwB,CAHX,CAIE,OAAO,CAAE7D,cAJX,EAMG,SAACuE,CAAD,CAAa,IACNC,EAAQ,CAAGnE,WAAW,EADhB,CAENoE,CAAe,CAAGpE,WAAW,EAFvB,CAIZ,MACE,qBAAC,OAAD,kBACM2C,CADN,EAEE,SAAS,CAAEtB,CAFb,CAGE,SAAS,CAAC,eAHZ,CAIE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CAJtB,CAUE,MAAM,CAAEY,CAVV,CAWE,GAAG,CAAEuB,CAXP,CAYE,IAAI,CAAC,SAZP,CAaE,SAAS,CAAE9C,gBAAgB,CAAC,IAAD,CAAO,CAChCzB,SAAS,CAAC,CAAEqC,IAAI,CAAJA,CAAF,CAAQS,IAAI,CAAJA,CAAR,CAAcsC,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CADuB,CAEhC1E,mBAAmB,CAAC,CAAEsE,OAAO,CAAPA,CAAF,CAAD,CAFa,CAGhCvC,CAHgC,CAAP,CAb7B,CAkBE,gBAAgB,GAlBlB,GAoBE,2BACE,SAAS,CAAEjB,gBAAgB,CAAC,iBAAD,CAAoB,CAC7CZ,UAAU,CAAC,CACTyE,EAAE,CAAEnF,gBAAgB,CAACkC,CAAD,CADX,CAAD,CADmC,CAI7CzB,cAAc,EAJ+B,CAApB,CAD7B,CAOE,GAAG,CAAE4B,CAPP,EASGY,CAAS,EAAI,CAACQ,CAAd,EAA8B,oBAAC,YAAD,MATjC,CAUE,2BACE,SAAS,CAAEnC,gBAAgB,CAAC,MAAD,CAAS,CAAE+C,QAAQ,CAARA,CAAF,CAAT,CAD7B,CAEE,KAAK,CAAE,CAAEe,SAAS,CAAEpB,CAAb,CAFT,EAIGhB,CAAY,CAACqC,GAAb,CAAiB,SAAC1B,CAAD,CAAQ2B,CAAR,CAAuB,CACvC,GAAIpE,iBAAiB,CAACyC,CAAD,CAArB,CAA8B,CAC5B,GAAMhC,EAAK,CAAGoD,CAAQ,EAAtB,CACA,MACE,qBAAC,kBAAD,gBACE,IAAI,CAAE7C,CADR,CAEE,cAAc,CAAEI,CAFlB,CAGE,UAAU,CAAEqB,CAAK,CAAC4B,KAHpB,CAIE,MAAM,CAAE/B,CAJV,CAKE,GAAG,CAAEJ,CAAS,CAACzB,CAAD,CALhB,EAMMQ,CAAc,CAAC,CACjBR,KAAK,CAALA,CADiB,CAEjB6D,IAAI,CAAE7B,CAFW,CAGjB8B,SAAS,CAAEH,CAHM,CAAD,CANpB,EAaH,CAED,GAAMI,EAAY,CACM,CAAtB,CAAA1C,CAAY,CAACtB,MAAb,CAA0BsD,CAAe,EAAzC,CAA8C,CADhD,CAGA,MACE,qBAAC,QAAD,EAAU,GAAG,CAAErB,CAAK,CAACgC,GAArB,EACGhC,CAAK,CAACA,KAAN,EACCT,CADD,EAECrB,SAAS,CAACC,CAAD,CAAQ4D,CAAR,CAFV,EAGG,oBAAC,gBAAD,EACE,KAAK,CAAExC,CAAa,CAACS,CAAK,CAACA,KAAP,CADtB,CAEE,IAAI,CAAEzB,CAFR,CAGE,MAAM,CAAEsB,CAHV,CAIE,GAAG,CAAEU,CAAQ,CAACwB,CAAD,CAJf,CAKE,GAAG,iBAAW/B,CAAK,CAACgC,GAAjB,CALL,EAJN,CAYGhC,CAAK,CAAC/B,KAAN,CAAYyD,GAAZ,CAAgB,SAACG,CAAD,CAAOI,CAAP,CAAa,CAC5B,GAAIzE,oBAAoB,CAACqE,CAAD,CAAxB,CAAgC,IACxBE,EAAY,CAAGV,CAAe,EADN,CAExBrD,CAAK,CAAGoD,CAAQ,EAFQ,CAI9B,GAAIlD,SAAS,CAACC,CAAD,CAAQ4D,CAAR,CAAb,CACE,MACE,qBAAC,aAAD,gBACE,GAAG,CAAEtF,OAAO,CAAC,CACX8D,CAAQ,CAACwB,CAAD,CADG,CAEXtC,CAAS,CAACzB,CAAD,CAFE,CAAD,CADd,CAKE,MAAM,CAAE6B,CALV,CAME,IAAI,CAAEtB,CANR,EAOMC,CAAc,CAAC,CACjBR,KAAK,CAALA,CADiB,CAEjB6D,IAAI,CAAJA,CAFiB,CAGjBC,SAAS,CAAEG,CAHM,CAAD,CAPpB,EAYE,YAAY,IACVJ,CAAI,CAACK,YAAL,EAAqBL,CAAI,CAACM,UADhB,GAENN,CAAI,CAACK,YAAL,GAAsBL,CAAI,CAACM,UAdnC,CAiBE,OAAO,CAAEN,CAAI,CAACK,YAAL,GAAsBL,CAAI,CAACM,UAjBtC,CAkBE,UAAU,CAAEN,CAAI,CAACK,YAlBnB,CAmBE,KAAK,CAAEL,CAAI,CAACM,UAnBd,GAuBL,CA7BD,IA6BO,IACCJ,EAAY,CAAGV,CAAe,EAD/B,CAECrD,CAAK,CAAGoD,CAAQ,EAFjB,CAGL,GAAIlD,SAAS,CAACC,CAAD,CAAQ4D,CAAR,CAAb,CACE,MACE,qBAAC,QAAD,EAAU,GAAG,WAAK/B,CAAK,CAACgC,GAAX,aAAkBC,CAAlB,CAAb,EACG7C,CAAU,gBACTgD,GAAG,CAAE3F,OAAO,CAAC,CACX8D,CAAQ,CAACwB,CAAD,CADG,CAEXtC,CAAS,CAACzB,CAAD,CAFE,CAAD,CADH,CAKT6D,IAAI,CAAJA,CALS,EAMNrD,CAAc,CAAC,CAChBR,KAAK,CAALA,CADgB,CAEhB6D,IAAI,CAAJA,CAFgB,CAGhBC,SAAS,CAAEG,CAHK,CAAD,CANR,EADb,CAgBL,CACF,CApDA,CAZH,CAmEH,CA1FA,CAJH,CA+FG3C,CAAS,EAAIQ,CAAb,EACC,oBAAC,UAAD,EAAY,IAAI,CAAEvB,CAAlB,CAAwB,WAAW,CAAEsB,CAArC,EAhGJ,CAVF,CA6GG,CAACP,CAAD,EAAcP,CAAd,EAA0BS,CAA1B,EAAsCX,CAAtC,EACC,oBAAC,QAAD,EACE,IAAI,CAAEN,CADR,CAEE,KAAK,CAAEM,CAFT,CAGE,WAAW,CAAEgB,CAHf,EAKGhB,CALH,CA9GJ,CAsHG,CAACS,CAAD,EAAc,CAACP,CAAf,EAA2BD,CAA3B,EACC,oBAAC,QAAD,EACE,IAAI,CAAEP,CADR,CAEE,KAAK,CAAEO,CAFT,CAGE,WAAW,CAAEe,CAHf,EAKGf,CALH,CAvHJ,CApBF,CAsJH,CAjKH,CAoKH,CAjPM"}

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled","onClick"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cn("SelectItem");export var SelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.active,f=a.hovered,g=a.multiple,h=a.size,i=a.indent,j=a.disabled,k=a.onClick,l=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},l,{ref:b,className:cnSelectItem(null,[c]),"aria-selected":e,"aria-disabled":j,role:"option",label:d,innerOffset:i,size:h,active:f,checked:!g&&e,disabled:j,onClick:k,leftSide:g&&React.createElement(Checkbox,{checked:e,disabled:j,size:sizeCheckboxMap[h]})}),d)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled","onClick"];import"./SelectItem.css";import React,{forwardRef}from"react";import{Checkbox}from"../../Checkbox";import{ListItem}from"../../ListCanary";import{cn}from"../../../utils/bem";export var sizeCheckboxMap={xs:"s",s:"s",m:"m",l:"l"};export var cnSelectItem=cn("SelectItem");export var SelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.active,f=a.hovered,g=a.multiple,h=a.size,i=a.indent,j=a.disabled,k=a.onClick,l=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},l,{ref:b,className:cnSelectItem(null,[c]),"aria-selected":e,"aria-disabled":j,role:"option",label:d,innerOffset:i,size:h,active:f,checked:!g&&e,disabled:j,onClick:k,leftSide:g&&React.createElement(Checkbox,{checked:e,disabled:j,size:sizeCheckboxMap[h]})}),d)});
 //# sourceMappingURL=SelectItem.js.map

package/__internal__/src/components/SelectComponents/SelectItem/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cn","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","onClick","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { ListItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 'm',\n  s: 'm',\n  m: 'l',\n  l: 'l',\n};\n\nexport const cnSelectItem = cn('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      label,\n      active,\n      hovered,\n      multiple,\n      size,\n      indent,\n      disabled,\n      onClick,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectItem(null, [className])}\n        aria-selected={active}\n        aria-disabled={disabled}\n        role=\"option\"\n        label={label}\n        innerOffset={indent}\n        size={size}\n        active={hovered}\n        checked={!multiple && active}\n        disabled={disabled}\n        onClick={onClick}\n        leftSide={\n          multiple && (\n            <Checkbox\n              checked={active}\n              disabled={disabled}\n              size={sizeCheckboxMap[size]}\n            />\n          )\n        }\n      >\n        {label}\n      </ListItem>\n    );\n  },\n);\n"],"mappings":"4LAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,sBACA,OAASC,QAAT,wBACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,MAAO,IAAMO,WAAqC,CAAGV,UAAU,CAC7D,SAACW,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAWIF,CAXJ,CACEE,SADF,CAEEC,CAFF,CAWIH,CAXJ,CAEEG,KAFF,CAGEC,CAHF,CAWIJ,CAXJ,CAGEI,MAHF,CAIEC,CAJF,CAWIL,CAXJ,CAIEK,OAJF,CAKEC,CALF,CAWIN,CAXJ,CAKEM,QALF,CAMEC,CANF,CAWIP,CAXJ,CAMEO,IANF,CAOEC,CAPF,CAWIR,CAXJ,CAOEQ,MAPF,CAQEC,CARF,CAWIT,CAXJ,CAQES,QARF,CASEC,CATF,CAWIV,CAXJ,CASEU,OATF,CAUKC,CAVL,0BAWIX,CAXJ,YAaA,MACE,qBAAC,QAAD,kBACMW,CADN,EAEE,GAAG,CAAEV,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHzB,CAIE,gBAAeE,CAJjB,CAKE,gBAAeK,CALjB,CAME,IAAI,CAAC,QANP,CAOE,KAAK,CAAEN,CAPT,CAQE,WAAW,CAAEK,CARf,CASE,IAAI,CAAED,CATR,CAUE,MAAM,CAAEF,CAVV,CAWE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAXxB,CAYE,QAAQ,CAAEK,CAZZ,CAaE,OAAO,CAAEC,CAbX,CAcE,QAAQ,CACNJ,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEhB,eAAe,CAACc,CAAD,CAHvB,EAhBN,GAwBGJ,CAxBH,CA2BH,CA3C4D,CAAxD"}
+{"version":3,"file":"SelectItem.js","names":["React","forwardRef","Checkbox","ListItem","cn","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","ref","className","label","active","hovered","multiple","size","indent","disabled","onClick","otherProps"],"sources":["../../../../../../src/components/SelectComponents/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Checkbox, CheckboxPropSize } from '##/components/Checkbox';\nimport { ListItem } from '##/components/ListCanary';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributesAndRef<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple?: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nexport const cnSelectItem = cn('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      label,\n      active,\n      hovered,\n      multiple,\n      size,\n      indent,\n      disabled,\n      onClick,\n      ...otherProps\n    } = props;\n\n    return (\n      <ListItem\n        {...otherProps}\n        ref={ref}\n        className={cnSelectItem(null, [className])}\n        aria-selected={active}\n        aria-disabled={disabled}\n        role=\"option\"\n        label={label}\n        innerOffset={indent}\n        size={size}\n        active={hovered}\n        checked={!multiple && active}\n        disabled={disabled}\n        onClick={onClick}\n        leftSide={\n          multiple && (\n            <Checkbox\n              checked={active}\n              disabled={disabled}\n              size={sizeCheckboxMap[size]}\n            />\n          )\n        }\n      >\n        {label}\n      </ListItem>\n    );\n  },\n);\n"],"mappings":"4LAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,sBACA,OAASC,QAAT,wBACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGN,EAAE,CAAC,YAAD,CAAvB,CAEP,MAAO,IAAMO,WAAqC,CAAGV,UAAU,CAC7D,SAACW,CAAD,CAAQC,CAAR,CAAgB,CACd,GACEC,EADF,CAWIF,CAXJ,CACEE,SADF,CAEEC,CAFF,CAWIH,CAXJ,CAEEG,KAFF,CAGEC,CAHF,CAWIJ,CAXJ,CAGEI,MAHF,CAIEC,CAJF,CAWIL,CAXJ,CAIEK,OAJF,CAKEC,CALF,CAWIN,CAXJ,CAKEM,QALF,CAMEC,CANF,CAWIP,CAXJ,CAMEO,IANF,CAOEC,CAPF,CAWIR,CAXJ,CAOEQ,MAPF,CAQEC,CARF,CAWIT,CAXJ,CAQES,QARF,CASEC,CATF,CAWIV,CAXJ,CASEU,OATF,CAUKC,CAVL,0BAWIX,CAXJ,YAaA,MACE,qBAAC,QAAD,kBACMW,CADN,EAEE,GAAG,CAAEV,CAFP,CAGE,SAAS,CAAEH,YAAY,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHzB,CAIE,gBAAeE,CAJjB,CAKE,gBAAeK,CALjB,CAME,IAAI,CAAC,QANP,CAOE,KAAK,CAAEN,CAPT,CAQE,WAAW,CAAEK,CARf,CASE,IAAI,CAAED,CATR,CAUE,MAAM,CAAEF,CAVV,CAWE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAXxB,CAYE,QAAQ,CAAEK,CAZZ,CAaE,OAAO,CAAEC,CAbX,CAcE,QAAQ,CACNJ,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEhB,eAAe,CAACc,CAAD,CAHvB,EAhBN,GAwBGJ,CAxBH,CA2BH,CA3C4D,CAAxD"}

package/__internal__/src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React from"react";import{ListItem}from"../../ListCanary";import{cnDeprecated}from"../../../utils/bem";import{Checkbox}from"../../Checkbox/Checkbox";export var sizeCheckboxMap={xs:"m",s:"m",m:"l",l:"l"};export var cnSelectItem=cnDeprecated("SelectItem");export var SelectItem=function(a){var b=a.className,c=a.label,d=a.active,e=a.hovered,f=a.multiple,g=a.size,h=a.indent,i=a.disabled,j=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},j,{className:cnSelectItem(null,[b]),"aria-selected":d,"aria-disabled":i,role:"option",label:c,innerOffset:h,size:g,active:e,checked:!f&&d,disabled:i,leftSide:f&&React.createElement(Checkbox,{checked:d,disabled:i,size:sizeCheckboxMap[g]})}),c)};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","active","hovered","multiple","size","indent","disabled"];import"./SelectItem.css";import React from"react";import{ListItem}from"../../ListCanary";import{cnDeprecated}from"../../../utils/bem";import{Checkbox}from"../../Checkbox/Checkbox";export var sizeCheckboxMap={xs:"s",s:"s",m:"m",l:"l"};export var cnSelectItem=cnDeprecated("SelectItem");export var SelectItem=function(a){var b=a.className,c=a.label,d=a.active,e=a.hovered,f=a.multiple,g=a.size,h=a.indent,i=a.disabled,j=_objectWithoutProperties(a,_excluded);return React.createElement(ListItem,Object.assign({},j,{className:cnSelectItem(null,[b]),"aria-selected":d,"aria-disabled":i,role:"option",label:c,innerOffset:h,size:g,active:e,checked:!f&&d,disabled:i,leftSide:f&&React.createElement(Checkbox,{checked:d,disabled:i,size:sizeCheckboxMap[g]})}),c)};
 //# sourceMappingURL=SelectItem.js.map

package/__internal__/src/components/SelectComponentsDeprecated/SelectItem/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["React","ListItem","cnDeprecated","Checkbox","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React from 'react';\n\nimport { ListItem } from '##/components/ListCanary';\nimport { cnDeprecated } from '##/utils/bem';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Checkbox, CheckboxPropSize } from '../../Checkbox/Checkbox';\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 'm',\n  s: 'm',\n  m: 'l',\n  l: 'l',\n};\n\nexport const cnSelectItem = cnDeprecated('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    active,\n    hovered,\n    multiple,\n    size,\n    indent,\n    disabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <ListItem\n      {...otherProps}\n      className={cnSelectItem(null, [className])}\n      aria-selected={active}\n      aria-disabled={disabled}\n      role=\"option\"\n      label={label}\n      innerOffset={indent}\n      size={size}\n      active={hovered}\n      checked={!multiple && active}\n      disabled={disabled}\n      leftSide={\n        multiple && (\n          <Checkbox\n            checked={active}\n            disabled={disabled}\n            size={sizeCheckboxMap[size]}\n          />\n        )\n      }\n    >\n      {label}\n    </ListItem>\n  );\n};\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,wBACA,OAASC,YAAT,0BAGA,OAASC,QAAT,+BAgBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGP,YAAY,CAAC,YAAD,CAAjC,CAEP,MAAO,IAAMQ,WAAqC,CAAG,SAACC,CAAD,CAAW,CAC9D,GACEC,EADF,CAUID,CAVJ,CACEC,SADF,CAEEC,CAFF,CAUIF,CAVJ,CAEEE,KAFF,CAGEC,CAHF,CAUIH,CAVJ,CAGEG,MAHF,CAIEC,CAJF,CAUIJ,CAVJ,CAIEI,OAJF,CAKEC,CALF,CAUIL,CAVJ,CAKEK,QALF,CAMEC,CANF,CAUIN,CAVJ,CAMEM,IANF,CAOEC,CAPF,CAUIP,CAVJ,CAOEO,MAPF,CAQEC,CARF,CAUIR,CAVJ,CAQEQ,QARF,CASKC,CATL,0BAUIT,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMS,CADN,EAEE,SAAS,CAAEX,YAAY,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAFzB,CAGE,gBAAeE,CAHjB,CAIE,gBAAeK,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEN,CANT,CAOE,WAAW,CAAEK,CAPf,CAQE,IAAI,CAAED,CARR,CASE,MAAM,CAAEF,CATV,CAUE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAVxB,CAWE,QAAQ,CAAEK,CAXZ,CAYE,QAAQ,CACNH,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEf,eAAe,CAACa,CAAD,CAHvB,EAdN,GAsBGJ,CAtBH,CAyBH,CAvCM"}
+{"version":3,"file":"SelectItem.js","names":["React","ListItem","cnDeprecated","Checkbox","sizeCheckboxMap","xs","s","m","l","cnSelectItem","SelectItem","props","className","label","active","hovered","multiple","size","indent","disabled","otherProps"],"sources":["../../../../../../src/components/SelectComponentsDeprecated/SelectItem/SelectItem.tsx"],"sourcesContent":["import './SelectItem.css';\n\nimport React from 'react';\n\nimport { ListItem } from '##/components/ListCanary';\nimport { cnDeprecated } from '##/utils/bem';\n\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Checkbox, CheckboxPropSize } from '../../Checkbox/Checkbox';\nimport { PropSize } from '../types';\n\nexport type SelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    multiple: boolean;\n    size: PropSize;\n    indent: 'normal' | 'increased';\n    disabled: boolean | undefined;\n  },\n  HTMLDivElement\n>;\n\nexport const sizeCheckboxMap: Record<PropSize, CheckboxPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n  l: 'l',\n};\n\nexport const cnSelectItem = cnDeprecated('SelectItem');\n\nexport const SelectItem: React.FC<SelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    active,\n    hovered,\n    multiple,\n    size,\n    indent,\n    disabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <ListItem\n      {...otherProps}\n      className={cnSelectItem(null, [className])}\n      aria-selected={active}\n      aria-disabled={disabled}\n      role=\"option\"\n      label={label}\n      innerOffset={indent}\n      size={size}\n      active={hovered}\n      checked={!multiple && active}\n      disabled={disabled}\n      leftSide={\n        multiple && (\n          <Checkbox\n            checked={active}\n            disabled={disabled}\n            size={sizeCheckboxMap[size]}\n          />\n        )\n      }\n    >\n      {label}\n    </ListItem>\n  );\n};\n"],"mappings":"kLAAA,yBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,wBACA,OAASC,YAAT,0BAGA,OAASC,QAAT,+BAgBA,MAAO,IAAMC,gBAAmD,CAAG,CACjEC,EAAE,CAAE,GAD6D,CAEjEC,CAAC,CAAE,GAF8D,CAGjEC,CAAC,CAAE,GAH8D,CAIjEC,CAAC,CAAE,GAJ8D,CAA5D,CAOP,MAAO,IAAMC,aAAY,CAAGP,YAAY,CAAC,YAAD,CAAjC,CAEP,MAAO,IAAMQ,WAAqC,CAAG,SAACC,CAAD,CAAW,CAC9D,GACEC,EADF,CAUID,CAVJ,CACEC,SADF,CAEEC,CAFF,CAUIF,CAVJ,CAEEE,KAFF,CAGEC,CAHF,CAUIH,CAVJ,CAGEG,MAHF,CAIEC,CAJF,CAUIJ,CAVJ,CAIEI,OAJF,CAKEC,CALF,CAUIL,CAVJ,CAKEK,QALF,CAMEC,CANF,CAUIN,CAVJ,CAMEM,IANF,CAOEC,CAPF,CAUIP,CAVJ,CAOEO,MAPF,CAQEC,CARF,CAUIR,CAVJ,CAQEQ,QARF,CASKC,CATL,0BAUIT,CAVJ,YAYA,MACE,qBAAC,QAAD,kBACMS,CADN,EAEE,SAAS,CAAEX,YAAY,CAAC,IAAD,CAAO,CAACG,CAAD,CAAP,CAFzB,CAGE,gBAAeE,CAHjB,CAIE,gBAAeK,CAJjB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEN,CANT,CAOE,WAAW,CAAEK,CAPf,CAQE,IAAI,CAAED,CARR,CASE,MAAM,CAAEF,CATV,CAUE,OAAO,CAAE,CAACC,CAAD,EAAaF,CAVxB,CAWE,QAAQ,CAAEK,CAXZ,CAYE,QAAQ,CACNH,CAAQ,EACN,oBAAC,QAAD,EACE,OAAO,CAAEF,CADX,CAEE,QAAQ,CAAEK,CAFZ,CAGE,IAAI,CAAEf,eAAe,CAACa,CAAD,CAHvB,EAdN,GAsBGJ,CAtBH,CAyBH,CAvCM"}

package/__internal__/src/components/Slider/useSliderStationing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderStationing.js","names":["useCallback","useEffect","useMemo","useState","useComponentSize","COUNT_STEPS","getSteps","step","min","max","stepsArray","size","Array","isArray","i","length","push","useSliderStationing","value","view","range","buttonRefs","sliderLineRef","lineSizes","setLineSizes","buttonPositions","setButtonPositions","width","height","calculatedStep","val","Math","abs","calculateLines","sizesArray","absoluteSize","active","forEach","stepSize","minValue","maxValue","endPointArray","unshift","getValidValue","calculateButtonPositions","defaultPaddingValue","positions","buttonRef","index","current","offsetWidth"],"sources":["../../../../../src/components/Slider/useSliderStationing.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { Line, SliderPropView } from './helper';\nimport { COUNT_STEPS } from './useSlider/useSlider';\n\ntype UseSliderStationing = (\n  value: number | [number, number] | undefined,\n  min: number,\n  max: number,\n  view: SliderPropView,\n  range: boolean | undefined,\n  step: number | number[] | undefined,\n  buttonRefs: [\n    React.RefObject<HTMLButtonElement>,\n    React.RefObject<HTMLButtonElement>,\n  ],\n  sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>,\n) => {\n  lineSizes: Line[];\n  buttonPositions: number[];\n};\n\nexport const getSteps = (step: number | number[], min: number, max: number) => {\n  const stepsArray: { min: number; max: number }[] = [];\n  let size = min;\n  if (Array.isArray(step)) {\n    for (let i = 0; i < step.length - 1; i++) {\n      stepsArray.push({\n        min: step[i],\n        max: step[i + 1],\n      });\n    }\n  } else {\n    for (let i = min; i < max; i += step) {\n      stepsArray.push({\n        min: size,\n        max: size + (max - i < step ? max - i : step),\n      });\n      size += step;\n    }\n  }\n  return stepsArray;\n};\n\nexport const useSliderStationing: UseSliderStationing = (\n  value,\n  min,\n  max,\n  view,\n  range,\n  step = 1,\n  buttonRefs,\n  sliderLineRef,\n) => {\n  const [lineSizes, setLineSizes] = useState<Line[]>([]);\n  const [buttonPositions, setButtonPositions] = useState<number[]>([]);\n\n  const { width, height } = useComponentSize(sliderLineRef);\n\n  const calculatedStep = useMemo(() => {\n    if (!Array.isArray(step)) {\n      const val = Math.abs((max - min) / COUNT_STEPS);\n      if (val > step) {\n        return val - (val % step);\n      }\n      return Math.max(val, step);\n    }\n    return step;\n  }, [max, min, step]);\n\n  const calculateLines = () => {\n    const sizesArray: Line[] = [];\n    const absoluteSize = Math.abs(max - min);\n    if (typeof value !== 'undefined') {\n      if (view === 'default') {\n        if (!Array.isArray(value) && typeof value === 'number') {\n          sizesArray.push({\n            width: (1 - (max - value) / absoluteSize) * 100,\n            active: true,\n          });\n          sizesArray.push({\n            width: ((max - value) / absoluteSize) * 100,\n            active: false,\n          });\n        } else if (Array.isArray(value) && value) {\n          const [minValue, maxValue] = [Math.min(...value), Math.max(...value)];\n          const endPointArray = [minValue, maxValue];\n          endPointArray.unshift(min);\n          endPointArray.push(max);\n          for (let i = 0; i < endPointArray.length - 1; i++) {\n            sizesArray.push({\n              width:\n                ((endPointArray[i + 1] - endPointArray[i]) / absoluteSize) *\n                100,\n              active:\n                endPointArray[i] >= minValue &&\n                endPointArray[i + 1] <= maxValue,\n            });\n          }\n        } else {\n          sizesArray.push({\n            width: 100,\n            active: false,\n          });\n        }\n      } else if (typeof calculatedStep !== 'undefined') {\n        getSteps(calculatedStep, min, max).forEach((stepSize) => {\n          sizesArray.push({\n            width: (Math.abs(stepSize.max - stepSize.min) * 100) / absoluteSize,\n            active:\n              (typeof value === 'number' || Array.isArray(value)) &&\n              (range && Array.isArray(value)\n                ? stepSize.max > Math.min(...value) &&\n                  stepSize.min < Math.max(...value)\n                : stepSize.max <= value),\n          });\n        });\n      }\n    } else {\n      sizesArray.push({\n        width: 100,\n        active: false,\n      });\n    }\n    return sizesArray;\n  };\n\n  const getValidValue = (value: number) => {\n    if (value < min) return min;\n    if (value > max) return max;\n    return value;\n  };\n\n  const calculateButtonPositions = useCallback(() => {\n    const absoluteSize = Math.abs(max - min);\n    let defaultPaddingValue = 0;\n    const positions: number[] = [];\n    buttonRefs.forEach((buttonRef, index) => {\n      if (\n        buttonRef.current &&\n        buttonRef.current.offsetWidth &&\n        sliderLineRef.current &&\n        sliderLineRef.current.offsetWidth\n      ) {\n        defaultPaddingValue =\n          (absoluteSize * buttonRef.current.offsetWidth) /\n            (2 * sliderLineRef.current.offsetWidth) || 0;\n      }\n      if (typeof value === 'number' || Array.isArray(value)) {\n        positions.push(\n          typeof value === 'number'\n            ? (1 -\n                (max - getValidValue(value) + defaultPaddingValue) /\n                  absoluteSize) *\n                100\n            : (1 -\n                (max - getValidValue(value[index]) + defaultPaddingValue) /\n                  absoluteSize) *\n                100,\n        );\n      }\n    });\n    return positions;\n  }, [buttonRefs, sliderLineRef]);\n\n  useEffect(() => {\n    setLineSizes(calculateLines());\n    setButtonPositions(calculateButtonPositions());\n  }, [value, min, max, range, calculatedStep, view, width, height]);\n\n  return {\n    lineSizes,\n    buttonPositions,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useSliderStationing.js","names":["useCallback","useEffect","useMemo","useState","useComponentSize","COUNT_STEPS","getSteps","step","min","max","stepsArray","size","Array","isArray","i","length","push","useSliderStationing","value","view","range","buttonRefs","sliderLineRef","lineSizes","setLineSizes","buttonPositions","setButtonPositions","width","height","calculatedStep","val","Math","abs","calculateLines","sizesArray","absoluteSize","active","forEach","stepSize","minValue","maxValue","endPointArray","unshift","getValidValue","calculateButtonPositions","defaultPaddingValue","positions","buttonRef","index","current","offsetWidth"],"sources":["../../../../../src/components/Slider/useSliderStationing.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { Line, SliderPropView } from './helper';\nimport { COUNT_STEPS } from './useSlider/useSlider';\n\ntype UseSliderStationing = (\n  value: number | [number, number] | undefined,\n  min: number,\n  max: number,\n  view: SliderPropView,\n  range: boolean | undefined,\n  step: number | number[] | undefined,\n  buttonRefs: [\n    React.RefObject<HTMLButtonElement>,\n    React.RefObject<HTMLButtonElement>,\n  ],\n  sliderLineRef: React.RefObject<HTMLButtonElement | HTMLDivElement>,\n) => {\n  lineSizes: Line[];\n  buttonPositions: number[];\n};\n\nexport const getSteps = (step: number | number[], min: number, max: number) => {\n  const stepsArray: { min: number; max: number }[] = [];\n  let size = min;\n  if (Array.isArray(step)) {\n    for (let i = 0; i < step.length - 1; i++) {\n      stepsArray.push({\n        min: step[i],\n        max: step[i + 1],\n      });\n    }\n  } else {\n    for (let i = min; i < max; i += step) {\n      stepsArray.push({\n        min: size,\n        max: size + (max - i < step ? max - i : step),\n      });\n      size += step;\n    }\n  }\n  return stepsArray;\n};\n\nexport const useSliderStationing: UseSliderStationing = (\n  value,\n  min,\n  max,\n  view,\n  range,\n  step = 1,\n  buttonRefs,\n  sliderLineRef,\n) => {\n  const [lineSizes, setLineSizes] = useState<Line[]>([]);\n  const [buttonPositions, setButtonPositions] = useState<number[]>([]);\n\n  const { width, height } = useComponentSize(sliderLineRef);\n\n  const calculatedStep = useMemo(() => {\n    if (!Array.isArray(step)) {\n      const val = Math.abs((max - min) / COUNT_STEPS);\n      if (val > step) {\n        return val - (val % step);\n      }\n      return Math.max(val, step);\n    }\n    return step;\n  }, [max, min, step]);\n\n  const calculateLines = () => {\n    const sizesArray: Line[] = [];\n    const absoluteSize = Math.abs(max - min);\n    if (typeof value !== 'undefined') {\n      if (view === 'default') {\n        if (!Array.isArray(value) && typeof value === 'number') {\n          sizesArray.push({\n            width: (1 - (max - value) / absoluteSize) * 100,\n            active: true,\n          });\n          sizesArray.push({\n            width: ((max - value) / absoluteSize) * 100,\n            active: false,\n          });\n        } else if (Array.isArray(value) && value) {\n          const [minValue, maxValue] = [Math.min(...value), Math.max(...value)];\n          const endPointArray = [minValue, maxValue];\n          endPointArray.unshift(min);\n          endPointArray.push(max);\n          for (let i = 0; i < endPointArray.length - 1; i++) {\n            sizesArray.push({\n              width:\n                ((endPointArray[i + 1] - endPointArray[i]) / absoluteSize) *\n                100,\n              active:\n                endPointArray[i] >= minValue &&\n                endPointArray[i + 1] <= maxValue,\n            });\n          }\n        } else {\n          sizesArray.push({\n            width: 100,\n            active: false,\n          });\n        }\n      } else if (typeof calculatedStep !== 'undefined') {\n        getSteps(calculatedStep, min, max).forEach((stepSize) => {\n          sizesArray.push({\n            width: (Math.abs(stepSize.max - stepSize.min) * 100) / absoluteSize,\n            active:\n              (typeof value === 'number' || Array.isArray(value)) &&\n              (range && Array.isArray(value)\n                ? stepSize.max > Math.min(...value) &&\n                  stepSize.min < Math.max(...value)\n                : stepSize.max <= (value as number)),\n          });\n        });\n      }\n    } else {\n      sizesArray.push({\n        width: 100,\n        active: false,\n      });\n    }\n    return sizesArray;\n  };\n\n  const getValidValue = (value: number) => {\n    if (value < min) return min;\n    if (value > max) return max;\n    return value;\n  };\n\n  const calculateButtonPositions = useCallback(() => {\n    const absoluteSize = Math.abs(max - min);\n    let defaultPaddingValue = 0;\n    const positions: number[] = [];\n    buttonRefs.forEach((buttonRef, index) => {\n      if (\n        buttonRef.current &&\n        buttonRef.current.offsetWidth &&\n        sliderLineRef.current &&\n        sliderLineRef.current.offsetWidth\n      ) {\n        defaultPaddingValue =\n          (absoluteSize * buttonRef.current.offsetWidth) /\n            (2 * sliderLineRef.current.offsetWidth) || 0;\n      }\n      if (typeof value === 'number' || Array.isArray(value)) {\n        positions.push(\n          typeof value === 'number'\n            ? (1 -\n                (max - getValidValue(value) + defaultPaddingValue) /\n                  absoluteSize) *\n                100\n            : (1 -\n                (max - getValidValue(value[index]) + defaultPaddingValue) /\n                  absoluteSize) *\n                100,\n        );\n      }\n    });\n    return positions;\n  }, [buttonRefs, sliderLineRef]);\n\n  useEffect(() => {\n    setLineSizes(calculateLines());\n    setButtonPositions(calculateButtonPositions());\n  }, [value, min, max, range, calculatedStep, view, width, height]);\n\n  return {\n    lineSizes,\n    buttonPositions,\n  };\n};\n"],"mappings":"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"}

package/__internal__/src/components/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","onChange","iconSize","renderItem","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled"];import"./Tabs.css";import React,{forwardRef}from"react";import{useRefs}from"../../hooks/useRefs";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useResizeObserved}from"../../hooks/useResizeObserved/useResizeObserved";import{cn}from"../../utils/bem";import{getTabsDirection,getTabsWrapper,withDefaultGetters}from"./helpers";import{TabsBorderLine,TabsRunningLine}from"./TabsLine/TabsLine";import{TabsTab}from"./TabsTab/TabsTab";import{tabsDefaultFitMode,tabsDefaultLinePosition,tabsDefaultSize,tabsDefaultView}from"./types";export var cnTabs=cn("Tabs");function renderItemDefault(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(TabsTab,Object.assign({},d,f,{as:e}))}var TabsRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?tabsDefaultSize:d,f=c.className,g=c.items,h=c.view,i=void 0===h?tabsDefaultView:h,j=c.value,k=c.linePosition,l=void 0===k?tabsDefaultLinePosition:k,m=c.fitMode,n=void 0===m?tabsDefaultFitMode:m,o=c.withScrollButtons,p=c.onlyIcon,q=c.getItemIcon,r=c.getItemAs,s=c.getItemAttributes,t=c.getItemRef,u=c.getItemLabel,v=c.onChange,w=c.iconSize,x=c.renderItem,y=void 0===x?renderItemDefault:x,z=c.getItemLeftIcon,A=c.getItemLeftSide,B=c.getItemRightIcon,C=c.getItemRightSide,D=c.getItemDisabled,E=c.disabled,F=_objectWithoutProperties(c,_excluded2),G=useChoiceGroup({value:j||null,getKey:u,callBack:v,multiple:!1}),H=G.getOnChange,I=G.getChecked,J=getTabsDirection(l),K="vertical"===J,L=useRefs(g.length,[g.length,n,K]),M=useResizeObserved(L,function(a){var b;return{size:null!==(b=null===a||void 0===a?void 0:a[K?"offsetHeight":"offsetWidth"])&&void 0!==b?b:0,gap:a?parseInt(getComputedStyle(a)[K?"marginBottom":"marginRight"],10):0}}),N=g.findIndex(I),O=function(a,b,c){return y({item:a,onChange:function(){null===b||void 0===b?void 0:b(),H(a).apply(void 0,arguments)},checked:I(a),label:u(a).toString(),icon:q(a),leftIcon:z(a),rightIcon:B(a),leftSide:A(a),rightSide:C(a),disabled:E||D(a),onlyIcon:p,size:e,iconSize:w,renderInDropdown:c,as:r(a)||"button",tabRef:t(a),attributes:s(a)})},P=getTabsWrapper(J,n);return g.length?React.createElement("div",Object.assign({className:cnTabs({size:e,view:i,direction:J},[f,cnMixScrollBar({invisible:!0})]),ref:b},F),React.createElement(P,{tabRefs:L,onChange:v,tabsDimensions:M,renderItem:O,renderItemsList:function renderItemsList(a){var b=a.withRunningLine,c=a.visibleIndexes,d=a.getTabClassName;return React.createElement("div",{className:cnTabs("List",{direction:J,linePosition:l})},g.map(function(a,b){return React.createElement("div",{ref:L[b],key:u(a),className:cnTabs("Tab",{direction:J},[null===d||void 0===d?void 0:d(b)])},O(a))}),(!(void 0!==b)||b)&&!E&&React.createElement(TabsRunningLine,{visibleIndexes:c,linePosition:l,tabsDimensions:M,activeTabIdx:N}))},getItemLabel:u,getItemChecked:I,items:g,size:e,withScrollButtons:!(void 0!==o)||o}),"bordered"===i&&React.createElement(TabsBorderLine,{linePosition:l})):null};export var Tabs=forwardRef(TabsRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","getItemKey","onChange","iconSize","renderItem","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled"];import"./Tabs.css";import React,{forwardRef}from"react";import{useRefs}from"../../hooks/useRefs";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useResizeObserved}from"../../hooks/useResizeObserved/useResizeObserved";import{cn}from"../../utils/bem";import{getTabsDirection,getTabsWrapper,withDefaultGetters}from"./helpers";import{TabsBorderLine,TabsRunningLine}from"./TabsLine/TabsLine";import{TabsTab}from"./TabsTab/TabsTab";import{tabsDefaultFitMode,tabsDefaultLinePosition,tabsDefaultSize,tabsDefaultView}from"./types";export var cnTabs=cn("Tabs");function renderItemDefault(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(TabsTab,Object.assign({},d,f,{as:e}))}var TabsRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?tabsDefaultSize:d,f=c.className,g=c.items,h=c.view,i=void 0===h?tabsDefaultView:h,j=c.value,k=c.linePosition,l=void 0===k?tabsDefaultLinePosition:k,m=c.fitMode,n=void 0===m?tabsDefaultFitMode:m,o=c.withScrollButtons,p=c.onlyIcon,q=c.getItemIcon,r=c.getItemAs,s=c.getItemAttributes,t=c.getItemRef,u=c.getItemLabel,v=c.getItemKey,w=c.onChange,x=c.iconSize,y=c.renderItem,z=void 0===y?renderItemDefault:y,A=c.getItemLeftIcon,B=c.getItemLeftSide,C=c.getItemRightIcon,D=c.getItemRightSide,E=c.getItemDisabled,F=c.disabled,G=_objectWithoutProperties(c,_excluded2),H=v||u,I=useChoiceGroup({value:j||null,getKey:H,callBack:w,multiple:!1}),J=I.getOnChange,K=I.getChecked,L=getTabsDirection(l),M="vertical"===L,N=useRefs(g.length,[g.length,n,M]),O=useResizeObserved(N,function(a){var b;return{size:null!==(b=null===a||void 0===a?void 0:a[M?"offsetHeight":"offsetWidth"])&&void 0!==b?b:0,gap:a?parseInt(getComputedStyle(a)[M?"marginBottom":"marginRight"],10):0}}),P=g.findIndex(K),Q=function(a,b,c){return z({item:a,onChange:function(){null===b||void 0===b?void 0:b(),J(a).apply(void 0,arguments)},checked:K(a),label:u(a).toString(),icon:q(a),leftIcon:A(a),rightIcon:C(a),leftSide:B(a),rightSide:D(a),disabled:F||E(a),onlyIcon:p,size:e,iconSize:x,renderInDropdown:c,as:r(a)||"button",tabRef:t(a),attributes:s(a)})},R=getTabsWrapper(L,n);return g.length?React.createElement("div",Object.assign({className:cnTabs({size:e,view:i,direction:L},[f,cnMixScrollBar({invisible:!0})]),ref:b},G),React.createElement(R,{tabRefs:N,onChange:w,tabsDimensions:O,renderItem:Q,renderItemsList:function renderItemsList(a){var b=a.withRunningLine,c=a.visibleIndexes,d=a.getTabClassName;return React.createElement("div",{className:cnTabs("List",{direction:L,linePosition:l})},g.map(function(a,b){return React.createElement("div",{ref:N[b],key:H(a),className:cnTabs("Tab",{direction:L},[null===d||void 0===d?void 0:d(b)])},Q(a))}),(!(void 0!==b)||b)&&!F&&React.createElement(TabsRunningLine,{visibleIndexes:c,linePosition:l,tabsDimensions:O,activeTabIdx:P}))},getItemKey:H,getItemChecked:K,items:g,size:e,withScrollButtons:!(void 0!==o)||o}),"bordered"===i&&React.createElement(TabsBorderLine,{linePosition:l})):null};export var Tabs=forwardRef(TabsRender);export*from"./types";
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["React","forwardRef","useRefs","cnMixScrollBar","useChoiceGroup","useResizeObserved","cn","getTabsDirection","getTabsWrapper","withDefaultGetters","TabsBorderLine","TabsRunningLine","TabsTab","tabsDefaultFitMode","tabsDefaultLinePosition","tabsDefaultSize","tabsDefaultView","cnTabs","renderItemDefault","props","item","attributes","as","otherProps","TabsRender","ref","size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","onChange","iconSize","renderItem","renderItemProp","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled","getKey","callBack","multiple","getOnChange","getChecked","tabsDirection","isVertical","tabRefs","length","tabsDimensions","el","gap","parseInt","getComputedStyle","activeTabIdx","findIndex","onClick","renderInDropdown","checked","label","toString","icon","leftIcon","rightIcon","leftSide","rightSide","tabRef","Wrapper","direction","invisible","renderItemsList","withRunningLine","visibleIndexes","getTabClassName","map","idx","Tabs"],"sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import './Tabs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useResizeObserved } from '../../hooks/useResizeObserved/useResizeObserved';\nimport { cn } from '../../utils/bem';\nimport {\n  getTabsDirection,\n  getTabsWrapper,\n  withDefaultGetters,\n} from './helpers';\nimport { TabsBorderLine, TabsRunningLine } from './TabsLine/TabsLine';\nimport { TabsTab } from './TabsTab/TabsTab';\nimport {\n  RenderItemProps,\n  RenderItemsListProp,\n  TabDimensions,\n  TabsComponent,\n  tabsDefaultFitMode,\n  tabsDefaultLinePosition,\n  tabsDefaultSize,\n  tabsDefaultView,\n  TabsProps,\n} from './types';\n\nexport const cnTabs = cn('Tabs');\n\nfunction renderItemDefault<ITEM>(\n  props: RenderItemProps<ITEM>,\n): React.ReactElement {\n  const { item, attributes = {}, as, ...otherProps } = props;\n  return <TabsTab {...attributes} {...otherProps} as={as} />;\n}\n\nconst TabsRender = (props: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = tabsDefaultSize,\n    className,\n    items,\n    view = tabsDefaultView,\n    value,\n    linePosition = tabsDefaultLinePosition,\n    fitMode = tabsDefaultFitMode,\n    withScrollButtons = true,\n    onlyIcon,\n    getItemIcon,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    getItemLabel,\n    onChange,\n    iconSize,\n    renderItem: renderItemProp = renderItemDefault,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemDisabled,\n    disabled,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value: value || null,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const tabsDirection = getTabsDirection(linePosition);\n  const isVertical = tabsDirection === 'vertical';\n  const tabRefs = useRefs<HTMLDivElement>(items.length, [\n    items.length,\n    fitMode,\n    isVertical,\n  ]);\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(getChecked);\n\n  const renderItem = (\n    item: typeof items[number],\n    onClick?: () => void,\n    renderInDropdown?: boolean,\n  ) =>\n    renderItemProp({\n      item,\n      onChange: (...args) => {\n        onClick?.();\n        getOnChange(item)(...args);\n      },\n      checked: getChecked(item),\n      label: getItemLabel(item).toString(),\n      icon: getItemIcon(item),\n      leftIcon: getItemLeftIcon(item),\n      rightIcon: getItemRightIcon(item),\n      leftSide: getItemLeftSide(item),\n      rightSide: getItemRightSide(item),\n      disabled: disabled || getItemDisabled(item),\n      onlyIcon,\n      size,\n      iconSize,\n      renderInDropdown,\n      as: getItemAs(item) || 'button',\n      tabRef: getItemRef(item),\n      attributes: getItemAttributes(item),\n    });\n\n  const renderItemsList: RenderItemsListProp = ({\n    withRunningLine = true,\n    visibleIndexes,\n    getTabClassName,\n  }) => (\n    <div className={cnTabs('List', { direction: tabsDirection, linePosition })}>\n      {items.map((item, idx) => (\n        <div\n          ref={tabRefs[idx]}\n          key={getItemLabel(item)}\n          className={cnTabs('Tab', { direction: tabsDirection }, [\n            getTabClassName?.(idx),\n          ])}\n        >\n          {renderItem(item)}\n        </div>\n      ))}\n      {withRunningLine && !disabled && (\n        <TabsRunningLine\n          visibleIndexes={visibleIndexes}\n          linePosition={linePosition}\n          tabsDimensions={tabsDimensions}\n          activeTabIdx={activeTabIdx}\n        />\n      )}\n    </div>\n  );\n\n  const Wrapper = getTabsWrapper(tabsDirection, fitMode);\n\n  if (!items.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cnTabs({ size, view, direction: tabsDirection }, [\n        className,\n        cnMixScrollBar({ invisible: true }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      <Wrapper\n        tabRefs={tabRefs}\n        onChange={onChange}\n        tabsDimensions={tabsDimensions}\n        renderItem={renderItem}\n        renderItemsList={renderItemsList}\n        getItemLabel={getItemLabel}\n        getItemChecked={getChecked}\n        items={items}\n        size={size}\n        withScrollButtons={withScrollButtons}\n      />\n      {view === 'bordered' && <TabsBorderLine linePosition={linePosition} />}\n    </div>\n  );\n};\n\nexport const Tabs = forwardRef(TabsRender) as TabsComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["React","forwardRef","useRefs","cnMixScrollBar","useChoiceGroup","useResizeObserved","cn","getTabsDirection","getTabsWrapper","withDefaultGetters","TabsBorderLine","TabsRunningLine","TabsTab","tabsDefaultFitMode","tabsDefaultLinePosition","tabsDefaultSize","tabsDefaultView","cnTabs","renderItemDefault","props","item","attributes","as","otherProps","TabsRender","ref","size","className","items","view","value","linePosition","fitMode","withScrollButtons","onlyIcon","getItemIcon","getItemAs","getItemAttributes","getItemRef","getItemLabel","getItemKeyProp","getItemKey","onChange","iconSize","renderItem","renderItemProp","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemDisabled","disabled","getKey","callBack","multiple","getOnChange","getChecked","tabsDirection","isVertical","tabRefs","length","tabsDimensions","el","gap","parseInt","getComputedStyle","activeTabIdx","findIndex","onClick","renderInDropdown","checked","label","toString","icon","leftIcon","rightIcon","leftSide","rightSide","tabRef","Wrapper","direction","invisible","renderItemsList","withRunningLine","visibleIndexes","getTabClassName","map","idx","Tabs"],"sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import './Tabs.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useResizeObserved } from '../../hooks/useResizeObserved/useResizeObserved';\nimport { cn } from '../../utils/bem';\nimport {\n  getTabsDirection,\n  getTabsWrapper,\n  withDefaultGetters,\n} from './helpers';\nimport { TabsBorderLine, TabsRunningLine } from './TabsLine/TabsLine';\nimport { TabsTab } from './TabsTab/TabsTab';\nimport {\n  RenderItemProps,\n  RenderItemsListProp,\n  TabDimensions,\n  TabsComponent,\n  tabsDefaultFitMode,\n  tabsDefaultLinePosition,\n  tabsDefaultSize,\n  tabsDefaultView,\n  TabsProps,\n} from './types';\n\nexport const cnTabs = cn('Tabs');\n\nfunction renderItemDefault<ITEM>(\n  props: RenderItemProps<ITEM>,\n): React.ReactElement {\n  const { item, attributes = {}, as, ...otherProps } = props;\n  return <TabsTab {...attributes} {...otherProps} as={as} />;\n}\n\nconst TabsRender = (props: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = tabsDefaultSize,\n    className,\n    items,\n    view = tabsDefaultView,\n    value,\n    linePosition = tabsDefaultLinePosition,\n    fitMode = tabsDefaultFitMode,\n    withScrollButtons = true,\n    onlyIcon,\n    getItemIcon,\n    getItemAs,\n    getItemAttributes,\n    getItemRef,\n    getItemLabel,\n    getItemKey: getItemKeyProp,\n    onChange,\n    iconSize,\n    renderItem: renderItemProp = renderItemDefault,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemDisabled,\n    disabled,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const getItemKey = getItemKeyProp || getItemLabel;\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value: value || null,\n    getKey: getItemKey,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const tabsDirection = getTabsDirection(linePosition);\n  const isVertical = tabsDirection === 'vertical';\n  const tabRefs = useRefs<HTMLDivElement>(items.length, [\n    items.length,\n    fitMode,\n    isVertical,\n  ]);\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(getChecked);\n\n  const renderItem = (\n    item: typeof items[number],\n    onClick?: () => void,\n    renderInDropdown?: boolean,\n  ) =>\n    renderItemProp({\n      item,\n      onChange: (...args) => {\n        onClick?.();\n        getOnChange(item)(...args);\n      },\n      checked: getChecked(item),\n      label: getItemLabel(item).toString(),\n      icon: getItemIcon(item),\n      leftIcon: getItemLeftIcon(item),\n      rightIcon: getItemRightIcon(item),\n      leftSide: getItemLeftSide(item),\n      rightSide: getItemRightSide(item),\n      disabled: disabled || getItemDisabled(item),\n      onlyIcon,\n      size,\n      iconSize,\n      renderInDropdown,\n      as: getItemAs(item) || 'button',\n      tabRef: getItemRef(item),\n      attributes: getItemAttributes(item),\n    });\n\n  const renderItemsList: RenderItemsListProp = ({\n    withRunningLine = true,\n    visibleIndexes,\n    getTabClassName,\n  }) => (\n    <div className={cnTabs('List', { direction: tabsDirection, linePosition })}>\n      {items.map((item, idx) => (\n        <div\n          ref={tabRefs[idx]}\n          key={getItemKey(item)}\n          className={cnTabs('Tab', { direction: tabsDirection }, [\n            getTabClassName?.(idx),\n          ])}\n        >\n          {renderItem(item)}\n        </div>\n      ))}\n      {withRunningLine && !disabled && (\n        <TabsRunningLine\n          visibleIndexes={visibleIndexes}\n          linePosition={linePosition}\n          tabsDimensions={tabsDimensions}\n          activeTabIdx={activeTabIdx}\n        />\n      )}\n    </div>\n  );\n\n  const Wrapper = getTabsWrapper(tabsDirection, fitMode);\n\n  if (!items.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cnTabs({ size, view, direction: tabsDirection }, [\n        className,\n        cnMixScrollBar({ invisible: true }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      <Wrapper\n        tabRefs={tabRefs}\n        onChange={onChange}\n        tabsDimensions={tabsDimensions}\n        renderItem={renderItem}\n        renderItemsList={renderItemsList}\n        getItemKey={getItemKey}\n        getItemChecked={getChecked}\n        items={items}\n        size={size}\n        withScrollButtons={withScrollButtons}\n      />\n      {view === 'bordered' && <TabsBorderLine linePosition={linePosition} />}\n    </div>\n  );\n};\n\nexport const Tabs = forwardRef(TabsRender) as TabsComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.js

@@ -1,2 +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"../TabsMoreItems/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.getItemLabel,f=a.getItemChecked,g=a.renderItem,h=a.onChange,i=a.renderItemsList,j=a.size,k=React.useRef(null),l=React.useRef(null),m=b.findIndex(f),n=useFittingItems({tabsDimensions:c,containerRef:k,moreItemsRef:l,activeIndex:m}),o=n.visibleIndexes,p=n.isItemHidden,q=b.filter(function(a,b){return p(b)}),r=React.useMemo(function(){return d.length?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}))):0},[c]),s=getTabsWidth(c.filter(function(a,b){return!p(b)}));return React.createElement("div",{ref:k,className:cnTabsFitModeDropdownWrapper(),style:{height:r}},React.createElement("div",{className:cnTabsFitModeDropdownWrapper("Tabs")},i({visibleIndexes:o,withRunningLine:!0,getTabClassName:function getTabClassName(a){return cnTabsFitModeDropdownWrapper("Tab",{hidden:p(a)})}})),React.createElement("div",{ref:l,className:cnTabsFitModeDropdownWrapper("MoreItems",{hidden:!q.length}),style:{left:q.length?s:void 0}},React.createElement(TabsMoreItems,{items:q,renderItem:g,onChange:h,getItemLabel:e,height:r,size:j})))};
+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"../TabsMoreItems/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.getItemKey,f=a.getItemChecked,g=a.renderItem,h=a.onChange,i=a.renderItemsList,j=a.size,k=React.useRef(null),l=React.useRef(null),m=b.findIndex(f),n=useFittingItems({tabsDimensions:c,containerRef:k,moreItemsRef:l,activeIndex:m}),o=n.visibleIndexes,p=n.isItemHidden,q=b.filter(function(a,b){return p(b)}),r=React.useMemo(function(){return d.length?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}))):0},[c]),s=getTabsWidth(c.filter(function(a,b){return!p(b)}));return React.createElement("div",{ref:k,className:cnTabsFitModeDropdownWrapper(),style:{height:r}},React.createElement("div",{className:cnTabsFitModeDropdownWrapper("Tabs")},i({visibleIndexes:o,withRunningLine:!0,getTabClassName:function getTabClassName(a){return cnTabsFitModeDropdownWrapper("Tab",{hidden:p(a)})}})),React.createElement("div",{ref:l,className:cnTabsFitModeDropdownWrapper("MoreItems",{hidden:!q.length}),style:{left:q.length?s:void 0}},React.createElement(TabsMoreItems,{items:q,renderItem:g,onChange:h,getItemKey:e,height:r,size:j})))};
 //# sourceMappingURL=TabsFitModeDropdownWrapper.js.map

package/__internal__/src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFitModeDropdownWrapper.js","names":["React","cn","getTabsWidth","TabsMoreItems","useFittingItems","cnTabsFitModeDropdownWrapper","TabsFitModeDropdownWrapper","items","tabsDimensions","tabRefs","getItemLabel","getItemChecked","renderItem","onChange","renderItemsList","size","ref","useRef","moreItemsRef","activeIndex","findIndex","containerRef","visibleIndexes","isItemHidden","hiddenItems","filter","_item","idx","maxTabHeight","useMemo","length","Math","max","map","tabRef","current","offsetHeight","visibleTabsWidth","_td","height","withRunningLine","getTabClassName","hidden","left"],"sources":["../../../../../../src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.tsx"],"sourcesContent":["import './TabsFitModeDropdownWrapper.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getTabsWidth } from '../helpers';\nimport { TabsMoreItems } from '../TabsMoreItems/TabsMoreItems';\nimport { TabsFitModeWrapperProps } from '../types';\nimport { useFittingItems } from './useFittingItems';\n\nconst cnTabsFitModeDropdownWrapper = cn('TabsFitModeDropdownWrapper');\n\nexport const TabsFitModeDropdownWrapper = <ITEM,>({\n  items,\n  tabsDimensions,\n  tabRefs,\n  getItemLabel,\n  getItemChecked,\n  renderItem,\n  onChange,\n  renderItemsList,\n  size,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const moreItemsRef = React.useRef<HTMLDivElement>(null);\n\n  const activeIndex = items.findIndex(getItemChecked);\n\n  const { visibleIndexes, isItemHidden } = useFittingItems({\n    tabsDimensions,\n    containerRef: ref,\n    moreItemsRef,\n    activeIndex,\n  });\n\n  const hiddenItems = items.filter((_item, idx) => isItemHidden(idx));\n  const maxTabHeight: number = React.useMemo(() => {\n    if (!tabRefs.length) {\n      return 0;\n    }\n    return Math.max(\n      ...tabRefs.map((tabRef) => tabRef.current?.offsetHeight ?? 0),\n    );\n  }, [tabsDimensions]);\n\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          visibleIndexes,\n          withRunningLine: true,\n          getTabClassName: (idx) =>\n            cnTabsFitModeDropdownWrapper('Tab', { hidden: isItemHidden(idx) }),\n        })}\n      </div>\n      <div\n        ref={moreItemsRef}\n        className={cnTabsFitModeDropdownWrapper('MoreItems', {\n          hidden: !hiddenItems.length,\n        })}\n        style={{\n          /* В Safari скрытые табы с абсолютом продолжают растягивать контейнер,\n            поэтому приходится позиционировать кнопку абсолютом */\n          left: hiddenItems.length ? visibleTabsWidth : undefined,\n        }}\n      >\n        <TabsMoreItems\n          items={hiddenItems}\n          renderItem={renderItem}\n          onChange={onChange}\n          getItemLabel={getItemLabel}\n          height={maxTabHeight}\n          size={size}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"yEAAA,yCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,YAAT,kBACA,OAASC,aAAT,sCAEA,OAASC,eAAT,yBAEA,GAAMC,6BAA4B,CAAGJ,EAAE,CAAC,4BAAD,CAAvC,CAEA,MAAO,IAAMK,2BAA0B,CAAG,WAUsB,IAT9DC,EAS8D,GAT9DA,KAS8D,CAR9DC,CAQ8D,GAR9DA,cAQ8D,CAP9DC,CAO8D,GAP9DA,OAO8D,CAN9DC,CAM8D,GAN9DA,YAM8D,CAL9DC,CAK8D,GAL9DA,cAK8D,CAJ9DC,CAI8D,GAJ9DA,UAI8D,CAH9DC,CAG8D,GAH9DA,QAG8D,CAF9DC,CAE8D,GAF9DA,eAE8D,CAD9DC,CAC8D,GAD9DA,IAC8D,CACxDC,CAAG,CAAGhB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CADkD,CAExDC,CAAY,CAAGlB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CAFyC,CAIxDE,CAAW,CAAGZ,CAAK,CAACa,SAAN,CAAgBT,CAAhB,CAJ0C,GAMrBP,eAAe,CAAC,CACvDI,cAAc,CAAdA,CADuD,CAEvDa,YAAY,CAAEL,CAFyC,CAGvDE,YAAY,CAAZA,CAHuD,CAIvDC,WAAW,CAAXA,CAJuD,CAAD,CANM,CAMtDG,CANsD,GAMtDA,cANsD,CAMtCC,CANsC,GAMtCA,YANsC,CAaxDC,CAAW,CAAGjB,CAAK,CAACkB,MAAN,CAAa,SAACC,CAAD,CAAQC,CAAR,QAAgBJ,EAAY,CAACI,CAAD,CAA5B,CAAb,CAb0C,CAcxDC,CAAoB,CAAG5B,KAAK,CAAC6B,OAAN,CAAc,UAAM,OAC1CpB,EAAO,CAACqB,MADkC,CAIxCC,IAAI,CAACC,GAAL,OAAAD,IAAI,oBACNtB,CAAO,CAACwB,GAAR,CAAY,SAACC,CAAD,qCAAYA,CAAM,CAACC,OAAnB,qBAAY,EAAgBC,YAA5B,gBAA4C,CAA5C,CAAZ,CADM,EAJoC,CAEtC,CAKV,CAP4B,CAO1B,CAAC5B,CAAD,CAP0B,CAdiC,CAuBxD6B,CAAgB,CAAGnC,YAAY,CACnCM,CAAc,CAACiB,MAAf,CAAsB,SAACa,CAAD,CAAMX,CAAN,QAAc,CAACJ,CAAY,CAACI,CAAD,CAA3B,CAAtB,CADmC,CAvByB,CA2B9D,MACE,4BACE,GAAG,CAAEX,CADP,CAEE,SAAS,CAAEX,4BAA4B,EAFzC,CAGE,KAAK,CAAE,CAAEkC,MAAM,CAAEX,CAAV,CAHT,EAKE,2BAAK,SAAS,CAAEvB,4BAA4B,CAAC,MAAD,CAA5C,EACGS,CAAe,CAAC,CACfQ,cAAc,CAAdA,CADe,CAEfkB,eAAe,GAFA,CAGfC,eAAe,CAAE,yBAACd,CAAD,QACftB,6BAA4B,CAAC,KAAD,CAAQ,CAAEqC,MAAM,CAAEnB,CAAY,CAACI,CAAD,CAAtB,CAAR,CADb,CAHF,CAAD,CADlB,CALF,CAaE,2BACE,GAAG,CAAET,CADP,CAEE,SAAS,CAAEb,4BAA4B,CAAC,WAAD,CAAc,CACnDqC,MAAM,CAAE,CAAClB,CAAW,CAACM,MAD8B,CAAd,CAFzC,CAKE,KAAK,CAAE,CAGLa,IAAI,CAAEnB,CAAW,CAACM,MAAZ,CAAqBO,CAArB,OAHD,CALT,EAWE,oBAAC,aAAD,EACE,KAAK,CAAEb,CADT,CAEE,UAAU,CAAEZ,CAFd,CAGE,QAAQ,CAAEC,CAHZ,CAIE,YAAY,CAAEH,CAJhB,CAKE,MAAM,CAAEkB,CALV,CAME,IAAI,CAAEb,CANR,EAXF,CAbF,CAmCH,CAzEM"}
+{"version":3,"file":"TabsFitModeDropdownWrapper.js","names":["React","cn","getTabsWidth","TabsMoreItems","useFittingItems","cnTabsFitModeDropdownWrapper","TabsFitModeDropdownWrapper","items","tabsDimensions","tabRefs","getItemKey","getItemChecked","renderItem","onChange","renderItemsList","size","ref","useRef","moreItemsRef","activeIndex","findIndex","containerRef","visibleIndexes","isItemHidden","hiddenItems","filter","_item","idx","maxTabHeight","useMemo","length","Math","max","map","tabRef","current","offsetHeight","visibleTabsWidth","_td","height","withRunningLine","getTabClassName","hidden","left"],"sources":["../../../../../../src/components/Tabs/TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper.tsx"],"sourcesContent":["import './TabsFitModeDropdownWrapper.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getTabsWidth } from '../helpers';\nimport { TabsMoreItems } from '../TabsMoreItems/TabsMoreItems';\nimport { TabsFitModeWrapperProps } from '../types';\nimport { useFittingItems } from './useFittingItems';\n\nconst cnTabsFitModeDropdownWrapper = cn('TabsFitModeDropdownWrapper');\n\nexport const TabsFitModeDropdownWrapper = <ITEM,>({\n  items,\n  tabsDimensions,\n  tabRefs,\n  getItemKey,\n  getItemChecked,\n  renderItem,\n  onChange,\n  renderItemsList,\n  size,\n}: TabsFitModeWrapperProps<ITEM>): React.ReactElement | null => {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const moreItemsRef = React.useRef<HTMLDivElement>(null);\n\n  const activeIndex = items.findIndex(getItemChecked);\n\n  const { visibleIndexes, isItemHidden } = useFittingItems({\n    tabsDimensions,\n    containerRef: ref,\n    moreItemsRef,\n    activeIndex,\n  });\n\n  const hiddenItems = items.filter((_item, idx) => isItemHidden(idx));\n  const maxTabHeight: number = React.useMemo(() => {\n    if (!tabRefs.length) {\n      return 0;\n    }\n    return Math.max(\n      ...tabRefs.map((tabRef) => tabRef.current?.offsetHeight ?? 0),\n    );\n  }, [tabsDimensions]);\n\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          visibleIndexes,\n          withRunningLine: true,\n          getTabClassName: (idx) =>\n            cnTabsFitModeDropdownWrapper('Tab', { hidden: isItemHidden(idx) }),\n        })}\n      </div>\n      <div\n        ref={moreItemsRef}\n        className={cnTabsFitModeDropdownWrapper('MoreItems', {\n          hidden: !hiddenItems.length,\n        })}\n        style={{\n          /* В Safari скрытые табы с абсолютом продолжают растягивать контейнер,\n            поэтому приходится позиционировать кнопку абсолютом */\n          left: hiddenItems.length ? visibleTabsWidth : undefined,\n        }}\n      >\n        <TabsMoreItems\n          items={hiddenItems}\n          renderItem={renderItem}\n          onChange={onChange}\n          getItemKey={getItemKey}\n          height={maxTabHeight}\n          size={size}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"yEAAA,yCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,YAAT,kBACA,OAASC,aAAT,sCAEA,OAASC,eAAT,yBAEA,GAAMC,6BAA4B,CAAGJ,EAAE,CAAC,4BAAD,CAAvC,CAEA,MAAO,IAAMK,2BAA0B,CAAG,WAUsB,IAT9DC,EAS8D,GAT9DA,KAS8D,CAR9DC,CAQ8D,GAR9DA,cAQ8D,CAP9DC,CAO8D,GAP9DA,OAO8D,CAN9DC,CAM8D,GAN9DA,UAM8D,CAL9DC,CAK8D,GAL9DA,cAK8D,CAJ9DC,CAI8D,GAJ9DA,UAI8D,CAH9DC,CAG8D,GAH9DA,QAG8D,CAF9DC,CAE8D,GAF9DA,eAE8D,CAD9DC,CAC8D,GAD9DA,IAC8D,CACxDC,CAAG,CAAGhB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CADkD,CAExDC,CAAY,CAAGlB,KAAK,CAACiB,MAAN,CAA6B,IAA7B,CAFyC,CAIxDE,CAAW,CAAGZ,CAAK,CAACa,SAAN,CAAgBT,CAAhB,CAJ0C,GAMrBP,eAAe,CAAC,CACvDI,cAAc,CAAdA,CADuD,CAEvDa,YAAY,CAAEL,CAFyC,CAGvDE,YAAY,CAAZA,CAHuD,CAIvDC,WAAW,CAAXA,CAJuD,CAAD,CANM,CAMtDG,CANsD,GAMtDA,cANsD,CAMtCC,CANsC,GAMtCA,YANsC,CAaxDC,CAAW,CAAGjB,CAAK,CAACkB,MAAN,CAAa,SAACC,CAAD,CAAQC,CAAR,QAAgBJ,EAAY,CAACI,CAAD,CAA5B,CAAb,CAb0C,CAcxDC,CAAoB,CAAG5B,KAAK,CAAC6B,OAAN,CAAc,UAAM,OAC1CpB,EAAO,CAACqB,MADkC,CAIxCC,IAAI,CAACC,GAAL,OAAAD,IAAI,oBACNtB,CAAO,CAACwB,GAAR,CAAY,SAACC,CAAD,qCAAYA,CAAM,CAACC,OAAnB,qBAAY,EAAgBC,YAA5B,gBAA4C,CAA5C,CAAZ,CADM,EAJoC,CAEtC,CAKV,CAP4B,CAO1B,CAAC5B,CAAD,CAP0B,CAdiC,CAuBxD6B,CAAgB,CAAGnC,YAAY,CACnCM,CAAc,CAACiB,MAAf,CAAsB,SAACa,CAAD,CAAMX,CAAN,QAAc,CAACJ,CAAY,CAACI,CAAD,CAA3B,CAAtB,CADmC,CAvByB,CA2B9D,MACE,4BACE,GAAG,CAAEX,CADP,CAEE,SAAS,CAAEX,4BAA4B,EAFzC,CAGE,KAAK,CAAE,CAAEkC,MAAM,CAAEX,CAAV,CAHT,EAKE,2BAAK,SAAS,CAAEvB,4BAA4B,CAAC,MAAD,CAA5C,EACGS,CAAe,CAAC,CACfQ,cAAc,CAAdA,CADe,CAEfkB,eAAe,GAFA,CAGfC,eAAe,CAAE,yBAACd,CAAD,QACftB,6BAA4B,CAAC,KAAD,CAAQ,CAAEqC,MAAM,CAAEnB,CAAY,CAACI,CAAD,CAAtB,CAAR,CADb,CAHF,CAAD,CADlB,CALF,CAaE,2BACE,GAAG,CAAET,CADP,CAEE,SAAS,CAAEb,4BAA4B,CAAC,WAAD,CAAc,CACnDqC,MAAM,CAAE,CAAClB,CAAW,CAACM,MAD8B,CAAd,CAFzC,CAKE,KAAK,CAAE,CAGLa,IAAI,CAAEnB,CAAW,CAACM,MAAZ,CAAqBO,CAArB,OAHD,CALT,EAWE,oBAAC,aAAD,EACE,KAAK,CAAEb,CADT,CAEE,UAAU,CAAEZ,CAFd,CAGE,QAAQ,CAAEC,CAHZ,CAIE,UAAU,CAAEH,CAJd,CAKE,MAAM,CAAEkB,CALV,CAME,IAAI,CAAEb,CANR,EAXF,CAbF,CAmCH,CAzEM"}

package/__internal__/src/components/Tabs/TabsMoreItems/TabsMoreItems.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TabsMoreItems.css";import{IconMeatball}from"@consta/icons/IconMeatball";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Button}from"../../Button";import{ListBox}from"../../ListCanary";import{Popover}from"../../Popover/Popover";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";var cnTabsMoreItems=cn("TabsMoreItems"),TabsMoreItemsRender=function(a,b){var c=a.items,d=a.renderItem,e=a.getItemLabel,f=a.height,g=a.size,h=a.onChange,i=useFlag(!1),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useRef(null),n=useRef(null),o=useState("downStartLeft"),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useState(-1),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useRef(-1),x=useRef(!1),y=useCallback(function(a){var b=function(){a.stopPropagation(),a.preventDefault()};if("ArrowDown"===a.key||"ArrowUp"===a.key){b();var d=w.current+("ArrowDown"===a.key?1:-1);return void v(Math.min(Math.max(d,0),c.length))}if("Enter"===a.key){if(b(),!x.current)return void l.on();var e=c[w.current];return e&&(null===h||void 0===h?void 0:h(e,{e:a})),void l.off()}"Escape"===a.key&&(b(),l.off())},[c]);return useEffect(function(){0===c.length&&l.off()},[c]),useEffect(function(){w.current=u},[u]),useEffect(function(){x.current=k,k||v(-1)},[k]),React.createElement(React.Fragment,null,React.createElement("div",{ref:useForkRef([b,m]),className:cnTabsMoreItems("Button"),style:{height:f}},React.createElement(Button,{size:"xs",type:"button",view:"ghost",onlyIcon:!0,iconLeft:IconMeatball,onClick:l.toggle,onKeyDown:y})),React.createElement(Transition,{in:k,unmountOnExit:!0,nodeRef:n,timeout:animateTimeout},function(a){return React.createElement(Popover,{anchorRef:m,offset:-1,ref:n,direction:"downStartRight",onClickOutside:l.off,spareDirection:"downStartLeft",className:cnTabsMoreItems("Popover",[cnMixPopoverAnimate({animate:a,direction:q})]),onSetDirection:r,possibleDirections:["downStartRight","downStartLeft","upStartRight","upStartLeft","downCenter","upCenter"]},React.createElement(ListBox,{shadow:!0,border:!0,size:g,form:"default",className:cnTabsMoreItems("Content")},c.map(function(a,b){return React.createElement("div",{key:e(a),className:cnTabsMoreItems("Item",{active:u===b})},d(a,l.off,!0))})))}))};export var TabsMoreItems=forwardRef(TabsMoreItemsRender);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./TabsMoreItems.css";import{IconMeatball}from"@consta/icons/IconMeatball";import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Button}from"../../Button";import{ListBox}from"../../ListCanary";import{Popover}from"../../Popover/Popover";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";var cnTabsMoreItems=cn("TabsMoreItems"),TabsMoreItemsRender=function(a,b){var c=a.items,d=a.renderItem,e=a.getItemKey,f=a.height,g=a.size,h=a.onChange,i=useFlag(!1),j=_slicedToArray(i,2),k=j[0],l=j[1],m=useRef(null),n=useRef(null),o=useState("downStartLeft"),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useState(-1),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useRef(-1),x=useRef(!1),y=useCallback(function(a){var b=function(){a.stopPropagation(),a.preventDefault()};if("ArrowDown"===a.key||"ArrowUp"===a.key){b();var d=w.current+("ArrowDown"===a.key?1:-1);return void v(Math.min(Math.max(d,0),c.length))}if("Enter"===a.key){if(b(),!x.current)return void l.on();var e=c[w.current];return e&&(null===h||void 0===h?void 0:h(e,{e:a})),void l.off()}"Escape"===a.key&&(b(),l.off())},[c]);return useEffect(function(){0===c.length&&l.off()},[c]),useEffect(function(){w.current=u},[u]),useEffect(function(){x.current=k,k||v(-1)},[k]),React.createElement(React.Fragment,null,React.createElement("div",{ref:useForkRef([b,m]),className:cnTabsMoreItems("Button"),style:{height:f}},React.createElement(Button,{size:"xs",type:"button",view:"ghost",onlyIcon:!0,iconLeft:IconMeatball,onClick:l.toggle,onKeyDown:y})),React.createElement(Transition,{in:k,unmountOnExit:!0,nodeRef:n,timeout:animateTimeout},function(a){return React.createElement(Popover,{anchorRef:m,offset:-1,ref:n,direction:"downStartRight",onClickOutside:l.off,spareDirection:"downStartLeft",className:cnTabsMoreItems("Popover",[cnMixPopoverAnimate({animate:a,direction:q})]),onSetDirection:r,possibleDirections:["downStartRight","downStartLeft","upStartRight","upStartLeft","downCenter","upCenter"]},React.createElement(ListBox,{shadow:!0,border:!0,size:g,form:"default",className:cnTabsMoreItems("Content")},c.map(function(a,b){return React.createElement("div",{key:e(a),className:cnTabsMoreItems("Item",{active:u===b})},d(a,l.off,!0))})))}))};export var TabsMoreItems=forwardRef(TabsMoreItemsRender);
 //# sourceMappingURL=TabsMoreItems.js.map