npm - @salutejs/plasma-new-hope - Versions diffs - 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2399.20427286988.0 - Mend

@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2399.20427286988.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1054) hide show

package/dist/css/es/components/Tabs/createTabsController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createTabsController.js","sources":["../../../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalCommonTabsProps, HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalCommonTabsProps {\n items: Array<{ label: string } & HorizontalTabItemProps>;\n index: number;\n onIndexChange: (index: number) => void;\n children?: never;\n autoscroll?: boolean;\n}\n\n/*\n @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n \n Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n // eslint-disable-next-line prefer-arrow-callback\n return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n const { disabled } = rest;\n\n return (\n <ListComponent ref={ref} index={index} {...rest}>\n {items.map(({ label, ...restItem }, i) => (\n <ItemComponent\n key={i}\n selected={i === index}\n itemIndex={i}\n onIndexChange={onIndexChange}\n tabIndex={!disabled && i === index ? 0 : -1}\n disabled={disabled}\n {...restItem}\n >\n {label}\n </ItemComponent>\n ))}\n </ListComponent>\n );\n });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,UAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACd,aAAa,EAAAe,QAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,wBAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,~~KAAA~~,CAAAC,aAAA,CAACb,aAAa,EAAAc,QAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}
1	+ {"version":3,"file":"createTabsController.js","sources":["../../../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalCommonTabsProps, HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalCommonTabsProps {\n items: Array<{ label: string } & HorizontalTabItemProps>;\n index: number;\n onIndexChange: (index: number) => void;\n children?: never;\n autoscroll?: boolean;\n}\n\n/*\n @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n \n Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n // eslint-disable-next-line prefer-arrow-callback\n return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n const { disabled } = rest;\n\n return (\n <ListComponent ref={ref} index={index} {...rest}>\n {items.map(({ label, ...restItem }, i) => (\n <ItemComponent\n key={i}\n selected={i === index}\n itemIndex={i}\n onIndexChange={onIndexChange}\n tabIndex={!disabled && i === index ? 0 : -1}\n disabled={disabled}\n {...restItem}\n >\n {label}\n </ItemComponent>\n ))}\n </ListComponent>\n );\n });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,UAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,QAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,wBAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,cAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,QAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext } from 'react';
+import React__default, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../../../utils/index.js';
 import { classes } from '../../../tokens.js';
@@ -49,7 +49,7 @@ var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
       navigationTabIndex = _useTabItem.navigationTabIndex,
       onItemFocus = _useTabItem.onItemFocus,
       handleClick = _useTabItem.handleClick;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       className: cx(selectedClass, animatedClass, className),
       disabled: disabled,
@@ -59,9 +59,9 @@ var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
       onFocus: onItemFocus,
       onClick: handleClick
-    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContent, {
+    }, rest), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.tabContent
-    }, children), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+    }, children), actionContent && /*#__PURE__*/React__default.createElement(ActionContent, null, actionContent)));
   });
 };
 var horizontalIconTabItemConfig = {

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalIconTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, StyledContent, base } from './HorizontalIconTabItem.styles';\n\nexport const horizontalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalIconTabItemProps>) =>\n forwardRef<HTMLButtonElement, HorizontalIconTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n children,\n selected,\n disabled = false,\n actionContent,\n itemIndex,\n tabIndex,\n className,\n onIndexChange,\n onClick,\n isActive,\n animated = true,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const selectedClass = isActive \|\| selected ? classes.selectedTabsItem : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n className={cx(selectedClass, animatedClass, className)}\n disabled={disabled}\n role={role}\n view={view}\n size={size}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n onFocus={onItemFocus}\n onClick={handleClick}\n {...rest}\n >\n <>\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const horizontalIconTabItemConfig = {\n name: 'HorizontalIconTabItem',\n tag: 'button',\n layout: horizontalIconTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["horizontalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","children","selected","_props$disabled","disabled","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","isActive","_props$animated","animated","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","animatedClass","classes","tabItemAnimated","undefined","selectedClass","selectedTabsItem","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","horizontalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;IAeaA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,IAA8D,EAAA;AAAA,EAAA,oBACpGC,UAAU,CAAgD,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAC3E,IAAA,IACIC,IAAI,GAcJF,KAAK,CAdLE,IAAI;MACJC,IAAI,GAaJH,KAAK,CAbLG,IAAI;MACJC,QAAQ,GAYRJ,KAAK,CAZLI,QAAQ;MACRC,QAAQ,GAWRL,KAAK,CAXLK,QAAQ;MAAAC,eAAA,GAWRN,KAAK,CAVLO,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,aAAa,GASbR,KAAK,CATLQ,aAAa;MACbC,SAAS,GAQTT,KAAK,CARLS,SAAS;MACTC,QAAQ,GAORV,KAAK,CAPLU,QAAQ;MACRC,SAAS,GAMTX,KAAK,CANLW,SAAS;MACTC,aAAa,GAKbZ,KAAK,CALLY,aAAa;MACbC,OAAO,GAIPb,KAAK,CAJLa,OAAO;MACPC,QAAQ,GAGRd,KAAK,CAHLc,QAAQ;MAAAC,eAAA,GAGRf,KAAK,CAFLgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;AACZE,MAAAA,IAAI,GAAAC,wBAAA,CACPlB,KAAK,EAAAmB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAACtB,QAAQ,EAAEmB,QAAQ,CAAC,CAAA;AAC1C,IAAA,IAAMI,IAAI,GAAGC,UAAU,CAACC,WAAW,CAAC,CAAA;IAEpC,IAAMC,IAAI,GAAG,KAAK,CAAA;IAElB,IAAMC,aAAa,GAAGZ,QAAQ,GAAGa,OAAO,CAACC,eAAe,GAAGC,SAAS,CAAA;IACpE,IAAMC,aAAa,GAAGlB,QAAQ,IAAIT,QAAQ,GAAGwB,OAAO,CAACI,gBAAgB,GAAGF,SAAS,CAAA;IAEjF,IAAAG,WAAA,GAA2EC,UAAU,CAAC;AAClFX,QAAAA,IAAI,EAAJA,IAAI;AACJJ,QAAAA,QAAQ,EAARA,QAAQ;AACRX,QAAAA,SAAS,EAATA,SAAS;AACTJ,QAAAA,QAAQ,EAARA,QAAQ;AACRE,QAAAA,QAAQ,EAARA,QAAQ;AACRK,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,OAAO,EAAPA,OAAO;QAEPuB,WAAW,EAAEnB,IAAI,CAACmB,WAAAA;AACtB,OAAC,CAAC;MAVMC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;MAAEC,kBAAkB,GAAAJ,WAAA,CAAlBI,kBAAkB;MAAEC,WAAW,GAAAL,WAAA,CAAXK,WAAW;MAAEC,WAAW,GAAAN,WAAA,CAAXM,WAAW,CAAA;AAYtE,IAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAAC5C,IAAI,EAAA6C,QAAA,CAAA;AACDrB,MAAAA,GAAG,EAAEA,GAAI;MACTX,SAAS,EAAEiC,EAAE,CAACZ,aAAa,EAAEJ,aAAa,EAAEjB,SAAS,CAAE;AACvDJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBoB,MAAAA,IAAI,EAAEA,IAAK;AACXxB,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXQ,MAAAA,QAAQ,EAAE2B,gBAAgB,GAAGC,kBAAkB,GAAG5B,QAAS;AAC3DmC,MAAAA,OAAO,EAAEN,WAAY;AACrB1B,MAAAA,OAAO,EAAE2B,WAAAA;AAAY,KAAA,EACjBvB,IAAI,CAAA,eAERwB,~~KAAA~~,CAAAC,aAAA,CAAAD,~~KAAA~~,CAAAK,QAAA,EACIL,IAAAA,eAAAA,~~KAAA~~,CAAAC,aAAA,CAACK,aAAa,EAAA;MAACpC,SAAS,EAAEkB,OAAO,CAACmB,UAAAA;AAAW,KAAA,EAAE5C,QAAwB,CAAC,EACvEI,aAAa,iBAAIiC,~~KAAA~~,CAAAC,aAAA,CAACO,aAAa,EAAA,IAAA,EAAEzC,aAA6B,CACjE,CACA,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM0C,2BAA2B,GAAG;AACvCC,EAAAA,IAAI,EAAE,uBAAuB;AAC7BC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAExD,yBAAyB;AACjCyD,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRrD,IAAAA,IAAI,EAAE;AACFsD,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDtD,IAAAA,IAAI,EAAE;AACFqD,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnD,IAAAA,QAAQ,EAAE;AACNiD,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN1D,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"HorizontalIconTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, StyledContent, base } from './HorizontalIconTabItem.styles';\n\nexport const horizontalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalIconTabItemProps>) =>\n forwardRef<HTMLButtonElement, HorizontalIconTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n children,\n selected,\n disabled = false,\n actionContent,\n itemIndex,\n tabIndex,\n className,\n onIndexChange,\n onClick,\n isActive,\n animated = true,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const selectedClass = isActive \|\| selected ? classes.selectedTabsItem : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n className={cx(selectedClass, animatedClass, className)}\n disabled={disabled}\n role={role}\n view={view}\n size={size}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n onFocus={onItemFocus}\n onClick={handleClick}\n {...rest}\n >\n <>\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const horizontalIconTabItemConfig = {\n name: 'HorizontalIconTabItem',\n tag: 'button',\n layout: horizontalIconTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["horizontalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","children","selected","_props$disabled","disabled","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","isActive","_props$animated","animated","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","animatedClass","classes","tabItemAnimated","undefined","selectedClass","selectedTabsItem","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","horizontalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext } from 'react';
+import React__default, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from '../../../tokens.js';
 import { cx } from '../../../../../utils/index.js';
@@ -60,7 +60,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       navigationTabIndex = _useTabItem.navigationTabIndex,
       onItemFocus = _useTabItem.onItemFocus,
       handleClick = _useTabItem.handleClick;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       disabled: disabled,
       pilled: pilled,
@@ -77,13 +77,13 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
         maxWidth: maxWidth
       })
-    }), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
+    }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, contentLeft && /*#__PURE__*/React__default.createElement(LeftContent, {
       className: classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
+    }, contentLeft), /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.tabContent
-    }, children), !contentRight && value && /*#__PURE__*/React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React.createElement(RightContent, {
+    }, children), !contentRight && value && /*#__PURE__*/React__default.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React__default.createElement(RightContent, {
       className: classes.tabRightContent
-    }, contentRight), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+    }, contentRight), actionContent && /*#__PURE__*/React__default.createElement(ActionContent, null, actionContent)));
   });
 };
 var horizontalTabItemConfig = {

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n ActionContent,\n LeftContent,\n RightContent,\n StyledContent,\n TabItemValue,\n base,\n} from './HorizontalTabItem.styles';\n\nexport const horizontalTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalTabItemProps>) =>\n forwardRef<HTMLButtonElement, HorizontalTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n value,\n contentLeft,\n contentRight,\n actionContent,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n maxItemWidth: maxWidth = 'auto',\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const selectedClass = isActive \|\| selected ? classes.selectedTabsItem : undefined;\n const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n // TODO: убрать каст any, когда будут удалены deprecated props\n size={size as any}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, truncateClass, className)}\n onClick={handleClick}\n {...rest}\n style={{\n ...rest.style,\n maxWidth,\n }}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n {!value && contentRight && (\n <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n )}\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const horizontalTabItemConfig = {\n name: 'HorizontalTabItem',\n tag: 'button',\n layout: horizontalTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["horizontalTabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","value","contentLeft","contentRight","actionContent","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","truncateClass","tabsTruncate","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","ActionContent","horizontalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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~~KAAA~~,CAAAC,aAAA,CAACzD,IAAI,EAAA0D,QAAA,CAAA;AACD1B,MAAAA,GAAG,EAAEA,GAAI;AACTvB,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,MAAM,EAAEA,MAAO;AACf0B,MAAAA,IAAI,EAAEA,IAAK;AACXhC,MAAAA,IAAI,EAAEA,IAAAA;AACN;AAAA;AACAD,MAAAA,IAAI,EAAEA,IAAY;AAClBuD,MAAAA,OAAO,EAAEL,WAAY;AACrBjC,MAAAA,QAAQ,EAAE+B,gBAAgB,GAAGC,kBAAkB,GAAGhC,QAAS;AAC3DC,MAAAA,SAAS,EAAEsC,EAAE,CAACjB,WAAW,EAAEE,aAAa,EAAEN,aAAa,EAAEQ,aAAa,EAAEzB,SAAS,CAAE;AACnFC,MAAAA,OAAO,EAAEgC,WAAAA;AAAY,KAAA,EACjB5B,IAAI,EAAA;AACRkC,MAAAA,KAAK,EAAAC,cAAA,CAAAA,cAAA,CACEnC,EAAAA,EAAAA,IAAI,CAACkC,KAAK,CAAA,EAAA,EAAA,EAAA;AACbnC,QAAAA,QAAQ,EAARA,QAAAA;AAAQ,OAAA,CAAA;AACV,KAAA,CAAA,eAEF8B,~~KAAA~~,CAAAC,aAAA,CAAAD,~~KAAA~~,CAAAO,QAAA,EACKjD,IAAAA,EAAAA,WAAW,iBAAI0C,~~KAAA~~,CAAAC,aAAA,CAACO,WAAW,EAAA;MAAC1C,SAAS,EAAEkB,OAAO,CAACyB,cAAAA;AAAe,KAAA,EAAEnD,WAAyB,CAAC,eAC3F0C,~~KAAA~~,CAAAC,aAAA,CAACS,aAAa,EAAA;MAAC5C,SAAS,EAAEkB,OAAO,CAAC2B,UAAAA;KAAavD,EAAAA,QAAwB,CAAC,EACvE,CAACG,YAAY,IAAIF,KAAK,iBAAI2C,~~KAAA~~,CAAAC,aAAA,CAACW,YAAY,QAAEvD,KAAoB,CAAC,EAC9D,CAACA,KAAK,IAAIE,YAAY,iBACnByC,~~KAAA~~,CAAAC,aAAA,CAACY,YAAY,EAAA;MAAC/C,SAAS,EAAEkB,OAAO,CAAC8B,eAAAA;AAAgB,KAAA,EAAEvD,YAA2B,CACjF,EACAC,aAAa,iBAAIwC,~~KAAA~~,CAAAC,aAAA,CAACc,aAAa,EAAA,IAAA,EAAEvD,aAA6B,CACjE,CACA,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMwD,uBAAuB,GAAG;AACnCC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAE5E,qBAAqB;AAC7B6E,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRzE,IAAAA,IAAI,EAAE;AACF0E,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD1E,IAAAA,IAAI,EAAE;AACFyE,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDvE,IAAAA,QAAQ,EAAE;AACNqE,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDvE,IAAAA,MAAM,EAAE;AACJmE,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/E,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"HorizontalTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n ActionContent,\n LeftContent,\n RightContent,\n StyledContent,\n TabItemValue,\n base,\n} from './HorizontalTabItem.styles';\n\nexport const horizontalTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalTabItemProps>) =>\n forwardRef<HTMLButtonElement, HorizontalTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n value,\n contentLeft,\n contentRight,\n actionContent,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n maxItemWidth: maxWidth = 'auto',\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const selectedClass = isActive \|\| selected ? classes.selectedTabsItem : undefined;\n const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n // TODO: убрать каст any, когда будут удалены deprecated props\n size={size as any}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, truncateClass, className)}\n onClick={handleClick}\n {...rest}\n style={{\n ...rest.style,\n maxWidth,\n }}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n {!value && contentRight && (\n <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n )}\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const horizontalTabItemConfig = {\n name: 'HorizontalTabItem',\n tag: 'button',\n layout: horizontalTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["horizontalTabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","value","contentLeft","contentRight","actionContent","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","truncateClass","tabsTruncate","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","ActionContent","horizontalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useMemo, useRef, useCallback, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useState, useMemo, useRef, useCallback, useLayoutEffect } from 'react';
 import { cx } from '../../../../../utils/index.js';
 import { classes } from '../../../tokens.js';
 import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
@@ -109,7 +109,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       });
     }, [firstItemVisible, disabled, scrollRef, refs]);
     var PreviousButton = useMemo(function () {
-      return /*#__PURE__*/React.createElement(StyledArrow, {
+      return /*#__PURE__*/React__default.createElement(StyledArrow, {
         type: "button",
         "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
         onClick: onPrev,
@@ -118,20 +118,20 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
         isFilled: isFilled,
         ref: leftArrowRef,
         isLeftArrow: true
-      }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
+      }, /*#__PURE__*/React__default.createElement(IconDisclosureLeft, {
         size: getIconSize(size),
         color: "inherit"
       }));
     }, [onPrev, size, disabled, isFilled]);
     var NextButton = useMemo(function () {
-      return /*#__PURE__*/React.createElement(StyledArrow, {
+      return /*#__PURE__*/React__default.createElement(StyledArrow, {
         type: "button",
         "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
         onClick: onNext,
         tabIndex: disabled ? -1 : 0,
         disabled: disabled,
         isFilled: isFilled
-      }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+      }, /*#__PURE__*/React__default.createElement(IconDisclosureRight, {
         size: getIconSize(size),
         color: "inherit"
       }));
@@ -195,9 +195,9 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       });
       setShouldTriggerAdditionalScroll(false);
     }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);
-    return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+    return /*#__PURE__*/React__default.createElement(TabsContext.Provider, {
       value: refs
-    }, /*#__PURE__*/React.createElement(Root, _extends({
+    }, /*#__PURE__*/React__default.createElement(Root, _extends({
       view: view,
       role: "tablist"
       // TODO: убрать каст any, когда будут удалены deprecated props
@@ -209,11 +209,11 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       disabled: disabled,
       className: cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
       onKeyDown: onKeyDown
-    }, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
+    }, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
       className: cx(clipScrollClass, clipShowAllClass),
       ref: scrollRef,
       onScroll: handleScroll
-    }, /*#__PURE__*/React.createElement(StyledContent, {
+    }, /*#__PURE__*/React__default.createElement(StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && clip === 'scroll' && NextButton));
   });

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalTabs.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useRef, KeyboardEvent, useLayoutEffect } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { cx, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { classes } from '../../../tokens';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { HorizontalTabsProps } from '../../../Tabs.types';\nimport { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';\n\nenum Keys {\n end = 35,\n home = 36,\n left = 37,\n right = 39,\n}\n\nconst getIconSize = (size?: string) => {\n return size === 'h1' \|\| size === 'h2' ? 'm' : 's';\n};\n\n// TODO: https://github.com/salute-developers/plasma/issues/1474\nexport const horizontalTabsRoot = (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) =>\n forwardRef<HTMLDivElement, HorizontalTabsProps>((props, outerRef) => {\n const {\n id,\n stretch = false,\n disabled = false,\n clip = 'scroll',\n size,\n view,\n children,\n pilled = false,\n index,\n className,\n hasDivider = true,\n ...rest\n } = props;\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(false);\n\n // Триггер доп. скролла при появлении левой стрелки, которая отъедает ширину scroll-контейнера\n const [shouldTriggerAdditionalScroll, setShouldTriggerAdditionalScroll] = useState(false);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id \|\| uniqId;\n\n const isFilled = view === 'filled'; // outer padding is only for filled view\n const pilledAttr = view !== 'clear' && pilled;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n const scrollRef = useRef<HTMLElement \| null>(null);\n const trackRef = useRef<HTMLElement \| null>(null);\n const leftArrowRef = useRef<HTMLButtonElement \| null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled \|\| !scrollRef.current) {\n return;\n }\n\n const { scrollLeft } = scrollRef.current;\n const firstOverflowingTab = getFirstOverflowingTab(\n refs.items.slice().reverse(),\n scrollLeft,\n rest.orientation,\n );\n\n if (!firstOverflowingTab?.current) {\n return;\n }\n\n const scrollElStyle = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n left: firstOverflowingTab.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n });\n }, [disabled, scrollRef, refs]);\n\n const onNext = useCallback(() => {\n if (disabled \|\| !scrollRef.current) {\n return;\n }\n\n const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n const lastOverflowingTab = getLastOverflowingTab(refs.items, scrollRight, rest.orientation);\n\n if (!lastOverflowingTab?.current) {\n return;\n }\n\n if (firstItemVisible) {\n setShouldTriggerAdditionalScroll(true);\n }\n\n const scrollElStyle = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n left: Math.round(\n lastOverflowingTab.current.offsetLeft +\n lastOverflowingTab.current.offsetWidth -\n scrollRef.current.clientWidth +\n parseInt(scrollElStyle.paddingRight, 10),\n ),\n });\n }, [firstItemVisible, disabled, scrollRef, refs]);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n ref={leftArrowRef}\n isLeftArrow\n >\n <IconDisclosureLeft size={getIconSize(size)} color=\"inherit\" />\n </StyledArrow>\n ),\n [onPrev, size, disabled, isFilled],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n >\n <IconDisclosureRight size={getIconSize(size)} color=\"inherit\" />\n </StyledArrow>\n ),\n [onNext, size, disabled, isFilled],\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const scrollElStyle = getComputedStyle(event.currentTarget);\n const minScrollLeft = parseInt(scrollElStyle.paddingLeft, 10);\n const maxScrollLeft =\n event.currentTarget.scrollWidth -\n event.currentTarget.clientWidth -\n parseInt(scrollElStyle.paddingRight, 10);\n const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n setFirstItemVisible(scrollLeft <= minScrollLeft);\n setLastItemVisible(scrollLeft >= maxScrollLeft);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.left:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.right:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'nearest',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useLayoutEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n }, [clip]);\n\n // Этот хук компенсирует появление левой стрелки при прокрутке\n useLayoutEffect(() => {\n if (firstItemVisible \|\| !shouldTriggerAdditionalScroll \|\| !scrollRef.current \|\| !leftArrowRef.current) {\n return;\n }\n const style = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n left: Math.round(\n scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth + parseInt(style.paddingLeft, 10),\n ),\n });\n setShouldTriggerAdditionalScroll(false);\n }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n // TODO: убрать каст any, когда будут удалены deprecated props\n size={size as any}\n pilled={pilled}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(\n pilledClass,\n stretchClass,\n hasLeftArrowClass,\n hasRightArrowClass,\n noDividerClass,\n className,\n )}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {!firstItemVisible && clip === 'scroll' && PreviousButton}\n <StyledContentWrapper\n className={cx(clipScrollClass, clipShowAllClass)}\n ref={scrollRef as MutableRefObject<HTMLDivElement \| null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement \| null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && clip === 'scroll' && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const horizontalTabsConfig = {\n name: 'HorizontalTabs',\n tag: 'div',\n layout: horizontalTabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n stretch: {\n css: stretchCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n};\n"],"names":["Keys","getIconSize","size","horizontalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","view","children","_props$pilled","pilled","index","className","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","_useState5","_useState6","shouldTriggerAdditionalScroll","setShouldTriggerAdditionalScroll","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","noDividerClass","tabsNoDivider","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","current","scrollLeft","firstOverflowingTab","getFirstOverflowingTab","items","slice","reverse","orientation","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onNext","scrollRight","Math","round","clientWidth","lastOverflowingTab","getLastOverflowingTab","offsetWidth","paddingRight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","currentTarget","minScrollLeft","maxScrollLeft","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","scrollIntoView","block","inline","behavior","useLayoutEffect","_scrollRef$current","_scrollRef$current2","style","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","horizontalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"HorizontalTabs.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useRef, KeyboardEvent, useLayoutEffect } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { cx, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { classes } from '../../../tokens';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { HorizontalTabsProps } from '../../../Tabs.types';\nimport { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';\n\nenum Keys {\n end = 35,\n home = 36,\n left = 37,\n right = 39,\n}\n\nconst getIconSize = (size?: string) => {\n return size === 'h1' \|\| size === 'h2' ? 'm' : 's';\n};\n\n// TODO: https://github.com/salute-developers/plasma/issues/1474\nexport const horizontalTabsRoot = (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) =>\n forwardRef<HTMLDivElement, HorizontalTabsProps>((props, outerRef) => {\n const {\n id,\n stretch = false,\n disabled = false,\n clip = 'scroll',\n size,\n view,\n children,\n pilled = false,\n index,\n className,\n hasDivider = true,\n ...rest\n } = props;\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(false);\n\n // Триггер доп. скролла при появлении левой стрелки, которая отъедает ширину scroll-контейнера\n const [shouldTriggerAdditionalScroll, setShouldTriggerAdditionalScroll] = useState(false);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id \|\| uniqId;\n\n const isFilled = view === 'filled'; // outer padding is only for filled view\n const pilledAttr = view !== 'clear' && pilled;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n const scrollRef = useRef<HTMLElement \| null>(null);\n const trackRef = useRef<HTMLElement \| null>(null);\n const leftArrowRef = useRef<HTMLButtonElement \| null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled \|\| !scrollRef.current) {\n return;\n }\n\n const { scrollLeft } = scrollRef.current;\n const firstOverflowingTab = getFirstOverflowingTab(\n refs.items.slice().reverse(),\n scrollLeft,\n rest.orientation,\n );\n\n if (!firstOverflowingTab?.current) {\n return;\n }\n\n const scrollElStyle = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n left: firstOverflowingTab.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n });\n }, [disabled, scrollRef, refs]);\n\n const onNext = useCallback(() => {\n if (disabled \|\| !scrollRef.current) {\n return;\n }\n\n const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n const lastOverflowingTab = getLastOverflowingTab(refs.items, scrollRight, rest.orientation);\n\n if (!lastOverflowingTab?.current) {\n return;\n }\n\n if (firstItemVisible) {\n setShouldTriggerAdditionalScroll(true);\n }\n\n const scrollElStyle = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n left: Math.round(\n lastOverflowingTab.current.offsetLeft +\n lastOverflowingTab.current.offsetWidth -\n scrollRef.current.clientWidth +\n parseInt(scrollElStyle.paddingRight, 10),\n ),\n });\n }, [firstItemVisible, disabled, scrollRef, refs]);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n ref={leftArrowRef}\n isLeftArrow\n >\n <IconDisclosureLeft size={getIconSize(size)} color=\"inherit\" />\n </StyledArrow>\n ),\n [onPrev, size, disabled, isFilled],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n >\n <IconDisclosureRight size={getIconSize(size)} color=\"inherit\" />\n </StyledArrow>\n ),\n [onNext, size, disabled, isFilled],\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const scrollElStyle = getComputedStyle(event.currentTarget);\n const minScrollLeft = parseInt(scrollElStyle.paddingLeft, 10);\n const maxScrollLeft =\n event.currentTarget.scrollWidth -\n event.currentTarget.clientWidth -\n parseInt(scrollElStyle.paddingRight, 10);\n const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n setFirstItemVisible(scrollLeft <= minScrollLeft);\n setLastItemVisible(scrollLeft >= maxScrollLeft);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.left:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.right:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'nearest',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useLayoutEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n }, [clip]);\n\n // Этот хук компенсирует появление левой стрелки при прокрутке\n useLayoutEffect(() => {\n if (firstItemVisible \|\| !shouldTriggerAdditionalScroll \|\| !scrollRef.current \|\| !leftArrowRef.current) {\n return;\n }\n const style = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n left: Math.round(\n scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth + parseInt(style.paddingLeft, 10),\n ),\n });\n setShouldTriggerAdditionalScroll(false);\n }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n // TODO: убрать каст any, когда будут удалены deprecated props\n size={size as any}\n pilled={pilled}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(\n pilledClass,\n stretchClass,\n hasLeftArrowClass,\n hasRightArrowClass,\n noDividerClass,\n className,\n )}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {!firstItemVisible && clip === 'scroll' && PreviousButton}\n <StyledContentWrapper\n className={cx(clipScrollClass, clipShowAllClass)}\n ref={scrollRef as MutableRefObject<HTMLDivElement \| null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement \| null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && clip === 'scroll' && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const horizontalTabsConfig = {\n name: 'HorizontalTabs',\n tag: 'div',\n layout: horizontalTabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n stretch: {\n css: stretchCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n};\n"],"names":["Keys","getIconSize","size","horizontalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","view","children","_props$pilled","pilled","index","className","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","_useState5","_useState6","shouldTriggerAdditionalScroll","setShouldTriggerAdditionalScroll","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","noDividerClass","tabsNoDivider","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","current","scrollLeft","firstOverflowingTab","getFirstOverflowingTab","items","slice","reverse","orientation","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onNext","scrollRight","Math","round","clientWidth","lastOverflowingTab","getLastOverflowingTab","offsetWidth","paddingRight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","currentTarget","minScrollLeft","maxScrollLeft","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","scrollIntoView","block","inline","behavior","useLayoutEffect","_scrollRef$current","_scrollRef$current2","style","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","horizontalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext } from 'react';
+import React__default, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../../../utils/index.js';
 import { classes } from '../../../tokens.js';
@@ -45,7 +45,7 @@ var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
       navigationTabIndex = _useTabItem.navigationTabIndex,
       onItemFocus = _useTabItem.onItemFocus,
       handleClick = _useTabItem.handleClick;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       className: cx(selectedClass, className),
       disabled: disabled,
@@ -55,9 +55,9 @@ var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
       onFocus: onItemFocus,
       onClick: handleClick
-    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContent, {
+    }, rest), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.tabContent
-    }, children), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+    }, children), actionContent && /*#__PURE__*/React__default.createElement(ActionContent, null, actionContent)));
   });
 };
 var verticalIconTabItemConfig = {

package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalIconTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, base, StyledContent } from './VerticalIconTabItem.styles';\n\nexport const verticalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalIconTabItemProps>) =>\n forwardRef<HTMLButtonElement, VerticalIconTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n selected,\n disabled = false,\n children,\n actionContent,\n itemIndex,\n tabIndex,\n className,\n onIndexChange,\n onClick,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const selectedClass = selected ? classes.selectedTabsItem : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n className={cx(selectedClass, className)}\n disabled={disabled}\n role={role}\n view={view}\n size={size}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n onFocus={onItemFocus}\n onClick={handleClick}\n {...rest}\n >\n <>\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const verticalIconTabItemConfig = {\n name: 'VerticalTabItem',\n tag: 'button',\n layout: verticalIconTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n },\n};\n"],"names":["verticalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","verticalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;IAeaA,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,IAA4D,EAAA;AAAA,EAAA,oBAChGC,UAAU,CAA8C,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACzE,IAAA,IACIC,IAAI,GAYJF,KAAK,CAZLE,IAAI;MACJC,IAAI,GAWJH,KAAK,CAXLG,IAAI;MACJC,QAAQ,GAURJ,KAAK,CAVLI,QAAQ;MAAAC,eAAA,GAURL,KAAK,CATLM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,QAAQ,GAQRP,KAAK,CARLO,QAAQ;MACRC,aAAa,GAObR,KAAK,CAPLQ,aAAa;MACbC,SAAS,GAMTT,KAAK,CANLS,SAAS;MACTC,QAAQ,GAKRV,KAAK,CALLU,QAAQ;MACRC,SAAS,GAITX,KAAK,CAJLW,SAAS;MACTC,aAAa,GAGbZ,KAAK,CAHLY,aAAa;MACbC,OAAO,GAEPb,KAAK,CAFLa,OAAO;AACJC,MAAAA,IAAI,GAAAC,wBAAA,CACPf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAACnB,QAAQ,EAAEgB,QAAQ,CAAC,CAAA;AAC1C,IAAA,IAAMI,IAAI,GAAGC,UAAU,CAACC,WAAW,CAAC,CAAA;IAEpC,IAAMC,IAAI,GAAG,KAAK,CAAA;IAElB,IAAMC,aAAa,GAAGrB,QAAQ,GAAGsB,OAAO,CAACC,gBAAgB,GAAGC,SAAS,CAAA;IAErE,IAAAC,WAAA,GAA2EC,UAAU,CAAC;AAClFT,QAAAA,IAAI,EAAJA,IAAI;AACJJ,QAAAA,QAAQ,EAARA,QAAQ;AACRR,QAAAA,SAAS,EAATA,SAAS;AACTL,QAAAA,QAAQ,EAARA,QAAQ;AACRE,QAAAA,QAAQ,EAARA,QAAQ;AACRM,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,OAAO,EAAPA,OAAO;QAEPkB,WAAW,EAAEjB,IAAI,CAACiB,WAAAA;AACtB,OAAC,CAAC;MAVMC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;MAAEC,kBAAkB,GAAAJ,WAAA,CAAlBI,kBAAkB;MAAEC,WAAW,GAAAL,WAAA,CAAXK,WAAW;MAAEC,WAAW,GAAAN,WAAA,CAAXM,WAAW,CAAA;AAYtE,IAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAACvC,IAAI,EAAAwC,QAAA,CAAA;AACDnB,MAAAA,GAAG,EAAEA,GAAI;AACTR,MAAAA,SAAS,EAAE4B,EAAE,CAACd,aAAa,EAAEd,SAAS,CAAE;AACxCL,MAAAA,QAAQ,EAAEA,QAAS;AACnBkB,MAAAA,IAAI,EAAEA,IAAK;AACXrB,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXQ,MAAAA,QAAQ,EAAEsB,gBAAgB,GAAGC,kBAAkB,GAAGvB,QAAS;AAC3D8B,MAAAA,OAAO,EAAEN,WAAY;AACrBrB,MAAAA,OAAO,EAAEsB,WAAAA;AAAY,KAAA,EACjBrB,IAAI,CAAA,eAERsB,~~KAAA~~,CAAAC,aAAA,CAAAD,~~KAAA~~,CAAAK,QAAA,EACIL,IAAAA,eAAAA,~~KAAA~~,CAAAC,aAAA,CAACK,aAAa,EAAA;MAAC/B,SAAS,EAAEe,OAAO,CAACiB,UAAAA;AAAW,KAAA,EAAEpC,QAAwB,CAAC,EACvEC,aAAa,iBAAI4B,~~KAAA~~,CAAAC,aAAA,CAACO,aAAa,EAAA,IAAA,EAAEpC,aAA6B,CACjE,CACA,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMqC,yBAAyB,GAAG;AACrCC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEnD,uBAAuB;AAC/BoD,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRhD,IAAAA,IAAI,EAAE;AACFiD,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDjD,IAAAA,IAAI,EAAE;AACFgD,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD/C,IAAAA,QAAQ,EAAE;AACN6C,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalIconTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, base, StyledContent } from './VerticalIconTabItem.styles';\n\nexport const verticalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalIconTabItemProps>) =>\n forwardRef<HTMLButtonElement, VerticalIconTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n selected,\n disabled = false,\n children,\n actionContent,\n itemIndex,\n tabIndex,\n className,\n onIndexChange,\n onClick,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const selectedClass = selected ? classes.selectedTabsItem : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n className={cx(selectedClass, className)}\n disabled={disabled}\n role={role}\n view={view}\n size={size}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n onFocus={onItemFocus}\n onClick={handleClick}\n {...rest}\n >\n <>\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const verticalIconTabItemConfig = {\n name: 'VerticalTabItem',\n tag: 'button',\n layout: verticalIconTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n },\n};\n"],"names":["verticalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","verticalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext } from 'react';
+import React__default, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../../../utils/index.js';
 import { useTabItem } from '../../../hooks/useTabItem.js';
@@ -51,7 +51,7 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
       navigationTabIndex = _useTabItem.navigationTabIndex,
       onItemFocus = _useTabItem.onItemFocus,
       handleClick = _useTabItem.handleClick;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       disabled: disabled,
       role: role,
@@ -65,13 +65,13 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
       style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
         maxWidth: maxWidth
       })
-    }), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
+    }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, contentLeft && /*#__PURE__*/React__default.createElement(LeftContent, {
       className: classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
+    }, contentLeft), /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.tabContent
-    }, children), !contentRight && value && /*#__PURE__*/React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React.createElement(RightContent, {
+    }, children), !contentRight && value && /*#__PURE__*/React__default.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React__default.createElement(RightContent, {
       className: classes.tabRightContent
-    }, contentRight), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+    }, contentRight), actionContent && /*#__PURE__*/React__default.createElement(ActionContent, null, actionContent)));
   });
 };
 var verticalTabItemConfig = {

package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalTabItemProps } from '../../../TabItem.types';\n\nimport { ActionContent, base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const verticalTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) =>\n forwardRef<HTMLButtonElement, VerticalTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n selected,\n disabled = false,\n children,\n value,\n contentLeft,\n contentRight,\n actionContent,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n maxItemWidth: maxWidth = 'auto',\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const selectedClass = selected ? classes.selectedTabsItem : undefined;\n const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(selectedClass, truncateClass, className)}\n onClick={handleClick}\n {...rest}\n style={{\n ...rest.style,\n maxWidth,\n }}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n {!value && contentRight && (\n <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n )}\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const verticalTabItemConfig = {\n name: 'VerticalTabItem',\n tag: 'button',\n layout: verticalTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n },\n};\n"],"names":["verticalTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","value","contentLeft","contentRight","actionContent","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","truncateClass","tabsTruncate","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","ActionContent","verticalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;IAeaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,IAAwD,EAAA;AAAA,EAAA,oBACxFC,UAAU,CAA0C,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACrE,IAAA,IACIC,IAAI,GAgBJF,KAAK,CAhBLE,IAAI;MACJC,IAAI,GAeJH,KAAK,CAfLG,IAAI;MACJC,QAAQ,GAcRJ,KAAK,CAdLI,QAAQ;MAAAC,eAAA,GAcRL,KAAK,CAbLM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,QAAQ,GAYRP,KAAK,CAZLO,QAAQ;MACRC,KAAK,GAWLR,KAAK,CAXLQ,KAAK;MACLC,WAAW,GAUXT,KAAK,CAVLS,WAAW;MACXC,YAAY,GASZV,KAAK,CATLU,YAAY;MACZC,aAAa,GAQbX,KAAK,CARLW,aAAa;MACbC,aAAa,GAObZ,KAAK,CAPLY,aAAa;MACbC,SAAS,GAMTb,KAAK,CANLa,SAAS;MACTC,QAAQ,GAKRd,KAAK,CALLc,QAAQ;MACRC,SAAS,GAITf,KAAK,CAJLe,SAAS;MACTC,OAAO,GAGPhB,KAAK,CAHLgB,OAAO;MAAAC,mBAAA,GAGPjB,KAAK,CAFLkB,YAAY;AAAEC,MAAAA,QAAQ,GAAAF,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;AAC5BG,MAAAA,IAAI,GAAAC,wBAAA,CACPrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AAChD,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAACzB,QAAQ,EAAEsB,QAAQ,CAAC,CAAA;AAC1C,IAAA,IAAMI,IAAI,GAAGC,UAAU,CAACC,WAAW,CAAC,CAAA;IAEpC,IAAMC,IAAI,GAAG,KAAK,CAAA;IAElB,IAAMC,aAAa,GAAG3B,QAAQ,GAAG4B,OAAO,CAACC,gBAAgB,GAAGC,SAAS,CAAA;IACrE,IAAMC,aAAa,GAAGhB,QAAQ,KAAK,MAAM,GAAGa,OAAO,CAACI,YAAY,GAAGF,SAAS,CAAA;IAE5E,IAAAG,WAAA,GAA2EC,UAAU,CAAC;AAClFX,QAAAA,IAAI,EAAJA,IAAI;AACJJ,QAAAA,QAAQ,EAARA,QAAQ;AACRV,QAAAA,SAAS,EAATA,SAAS;AACTT,QAAAA,QAAQ,EAARA,QAAQ;AACRE,QAAAA,QAAQ,EAARA,QAAQ;AACRM,QAAAA,aAAa,EAAbA,aAAa;AACbI,QAAAA,OAAO,EAAPA,OAAO;QAEPuB,WAAW,EAAEnB,IAAI,CAACmB,WAAAA;AACtB,OAAC,CAAC;MAVMC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;MAAEC,kBAAkB,GAAAJ,WAAA,CAAlBI,kBAAkB;MAAEC,WAAW,GAAAL,WAAA,CAAXK,WAAW;MAAEC,WAAW,GAAAN,WAAA,CAAXM,WAAW,CAAA;AAYtE,IAAA,oBACIC,~~KAAA~~,CAAAC,aAAA,CAAC/C,IAAI,EAAAgD,QAAA,CAAA;AACDrB,MAAAA,GAAG,EAAEA,GAAI;AACTnB,MAAAA,QAAQ,EAAEA,QAAS;AACnBwB,MAAAA,IAAI,EAAEA,IAAK;AACX3B,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACX6C,MAAAA,OAAO,EAAEL,WAAY;AACrB5B,MAAAA,QAAQ,EAAE0B,gBAAgB,GAAGC,kBAAkB,GAAG3B,QAAS;MAC3DC,SAAS,EAAEiC,EAAE,CAACjB,aAAa,EAAEI,aAAa,EAAEpB,SAAS,CAAE;AACvDC,MAAAA,OAAO,EAAE2B,WAAAA;AAAY,KAAA,EACjBvB,IAAI,EAAA;AACR6B,MAAAA,KAAK,EAAAC,cAAA,CAAAA,cAAA,CACE9B,EAAAA,EAAAA,IAAI,CAAC6B,KAAK,CAAA,EAAA,EAAA,EAAA;AACb9B,QAAAA,QAAQ,EAARA,QAAAA;AAAQ,OAAA,CAAA;AACV,KAAA,CAAA,eAEFyB,~~KAAA~~,CAAAC,aAAA,CAAAD,~~KAAA~~,CAAAO,QAAA,EACK1C,IAAAA,EAAAA,WAAW,iBAAImC,~~KAAA~~,CAAAC,aAAA,CAACO,WAAW,EAAA;MAACrC,SAAS,EAAEiB,OAAO,CAACqB,cAAAA;AAAe,KAAA,EAAE5C,WAAyB,CAAC,eAC3FmC,~~KAAA~~,CAAAC,aAAA,CAACS,aAAa,EAAA;MAACvC,SAAS,EAAEiB,OAAO,CAACuB,UAAAA;KAAahD,EAAAA,QAAwB,CAAC,EACvE,CAACG,YAAY,IAAIF,KAAK,iBAAIoC,~~KAAA~~,CAAAC,aAAA,CAACW,YAAY,QAAEhD,KAAoB,CAAC,EAC9D,CAACA,KAAK,IAAIE,YAAY,iBACnBkC,~~KAAA~~,CAAAC,aAAA,CAACY,YAAY,EAAA;MAAC1C,SAAS,EAAEiB,OAAO,CAAC0B,eAAAA;AAAgB,KAAA,EAAEhD,YAA2B,CACjF,EACAC,aAAa,iBAAIiC,~~KAAA~~,CAAAC,aAAA,CAACc,aAAa,EAAA,IAAA,EAAEhD,aAA6B,CACjE,CACA,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMiD,qBAAqB,GAAG;AACjCC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAElE,mBAAmB;AAC3BmE,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR/D,IAAAA,IAAI,EAAE;AACFgE,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDhE,IAAAA,IAAI,EAAE;AACF+D,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD9D,IAAAA,QAAQ,EAAE;AACN4D,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpE,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalTabItemProps } from '../../../TabItem.types';\n\nimport { ActionContent, base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const verticalTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) =>\n forwardRef<HTMLButtonElement, VerticalTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n selected,\n disabled = false,\n children,\n value,\n contentLeft,\n contentRight,\n actionContent,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n onClick,\n maxItemWidth: maxWidth = 'auto',\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLButtonElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const selectedClass = selected ? classes.selectedTabsItem : undefined;\n const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n refs,\n innerRef,\n itemIndex,\n selected,\n disabled,\n onIndexChange,\n onClick,\n\n orientation: rest.orientation as UseTabItemProps['orientation'],\n });\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(selectedClass, truncateClass, className)}\n onClick={handleClick}\n {...rest}\n style={{\n ...rest.style,\n maxWidth,\n }}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n {!value && contentRight && (\n <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n )}\n {actionContent && <ActionContent>{actionContent}</ActionContent>}\n </>\n </Root>\n );\n });\n\nexport const verticalTabItemConfig = {\n name: 'VerticalTabItem',\n tag: 'button',\n layout: verticalTabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'divider',\n },\n};\n"],"names":["verticalTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","value","contentLeft","contentRight","actionContent","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","truncateClass","tabsTruncate","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","ActionContent","verticalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useMemo, useRef, useCallback, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useState, useMemo, useRef, useCallback, useLayoutEffect } from 'react';
 import { cx } from '../../../../../utils/index.js';
 import { classes } from '../../../tokens.js';
 import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
@@ -95,23 +95,23 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
         top: Math.round(lastOverflowingTab.current.offsetTop + lastOverflowingTab.current.offsetHeight - scrollRef.current.clientHeight + parseInt(scrollElStyle.paddingTop, 10))
       });
     }, [firstItemVisible, disabled, scrollRef, refs]);
-    var PreviousButton = /*#__PURE__*/React.createElement(StyledArrow, {
+    var PreviousButton = /*#__PURE__*/React__default.createElement(StyledArrow, {
       type: "button",
       "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
       onClick: onPrev,
       tabIndex: disabled ? -1 : 0,
       disabled: disabled,
       ref: upArrowRef
-    }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, {
+    }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React__default.createElement(IconDisclosureLeft, {
       color: "inherit"
     })));
-    var NextButton = /*#__PURE__*/React.createElement(StyledArrow, {
+    var NextButton = /*#__PURE__*/React__default.createElement(StyledArrow, {
       type: "button",
       "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
       onClick: onNext,
       tabIndex: disabled ? -1 : 0,
       disabled: disabled
-    }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React.createElement(IconDisclosureRight, {
+    }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React__default.createElement(IconDisclosureRight, {
       color: "inherit"
     })));
     var handleScroll = useCallback(function (event) {
@@ -173,9 +173,9 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
       });
       setShouldTriggerAdditionalScroll(false);
     }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, upArrowRef]);
-    return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+    return /*#__PURE__*/React__default.createElement(TabsContext.Provider, {
       value: refs
-    }, /*#__PURE__*/React.createElement(Root, _extends({
+    }, /*#__PURE__*/React__default.createElement(Root, _extends({
       view: view,
       role: "tablist",
       size: size,
@@ -185,11 +185,11 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
       className: cx(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
       onKeyDown: onKeyDown,
       orientation: orientation
-    }, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
+    }, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
       className: cx(clipScrollClass, clipShowAllClass),
       ref: scrollRef,
       onScroll: handleScroll
-    }, /*#__PURE__*/React.createElement(StyledContent, {
+    }, /*#__PURE__*/React__default.createElement(StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && clip === 'scroll' && NextButton));
   });