@consta/uikit 5.17.0 → 5.19.0

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

@@ -1 +1 @@
-{"version":3,"file":"TabsMoreItems.js","names":["IconMeatball","React","forwardRef","useCallback","useEffect","useRef","useState","Transition","Button","ListBox","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","cnTabsMoreItems","TabsMoreItemsRender","props","ref","items","renderItem","getItemLabel","height","size","onChange","isOpen","setIsOpen","buttonRef","popoverRef","direction","setDirection","highlightIndex","setHighlightIndex","highlightRef","openRef","handleKeyDown","e","preventDefault","stopPropagation","key","value","current","Math","min","max","length","on","off","toggle","animate","map","item","i","active","TabsMoreItems"],"sources":["../../../../../../src/components/Tabs/TabsMoreItems/TabsMoreItems.tsx"],"sourcesContent":["import './TabsMoreItems.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Button } from '##/components/Button';\nimport { ListBox } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\n\nimport { TabsMoreItemsComponent, TabsMoreItemsProps } from '../types';\n\nconst cnTabsMoreItems = cn('TabsMoreItems');\n\nconst TabsMoreItemsRender = (\n  props: TabsMoreItemsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const { items, renderItem, getItemLabel, height, size, onChange } = props;\n  const [isOpen, setIsOpen] = useFlag(false);\n  const buttonRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const [direction, setDirection] = useState<Direction>('downStartLeft');\n  const [highlightIndex, setHighlightIndex] = useState(-1);\n\n  const highlightRef: React.MutableRefObject<number> = useRef(-1);\n  const openRef: React.MutableRefObject<boolean> = useRef(false);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const preventDefault = () => {\n        e.stopPropagation();\n        e.preventDefault();\n      };\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        preventDefault();\n        const value = highlightRef.current + (e.key === 'ArrowDown' ? 1 : -1);\n        setHighlightIndex(Math.min(Math.max(value, 0), items.length));\n        return;\n      }\n      if (e.key === 'Enter') {\n        preventDefault();\n        if (!openRef.current) {\n          setIsOpen.on();\n          return;\n        }\n        const value = items[highlightRef.current];\n        value && onChange?.(value, { e });\n        setIsOpen.off();\n        return;\n      }\n      if (e.key === 'Escape') {\n        preventDefault();\n        setIsOpen.off();\n      }\n    },\n    [items],\n  );\n\n  useEffect(() => {\n    items.length === 0 && setIsOpen.off();\n  }, [items]);\n\n  useEffect(() => {\n    highlightRef.current = highlightIndex;\n  }, [highlightIndex]);\n\n  useEffect(() => {\n    openRef.current = isOpen;\n    if (!isOpen) {\n      setHighlightIndex(-1);\n    }\n  }, [isOpen]);\n\n  return (\n    <>\n      <div\n        ref={useForkRef([ref, buttonRef])}\n        className={cnTabsMoreItems('Button')}\n        style={{ height }}\n      >\n        <Button\n          size=\"xs\"\n          type=\"button\"\n          view=\"ghost\"\n          onlyIcon\n          iconLeft={IconMeatball}\n          onClick={setIsOpen.toggle}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        nodeRef={popoverRef}\n        timeout={animateTimeout}\n      >\n        {(animate) => (\n          <Popover\n            anchorRef={buttonRef}\n            offset={-1}\n            ref={popoverRef}\n            direction=\"downStartRight\"\n            onClickOutside={setIsOpen.off}\n            spareDirection=\"downStartLeft\"\n            className={cnTabsMoreItems('Popover', [\n              cnMixPopoverAnimate({ animate, direction }),\n            ])}\n            onSetDirection={setDirection}\n            possibleDirections={[\n              'downStartRight',\n              'downStartLeft',\n              'upStartRight',\n              'upStartLeft',\n              'downCenter',\n              'upCenter',\n            ]}\n          >\n            <ListBox\n              shadow\n              border\n              size={size}\n              form=\"default\"\n              className={cnTabsMoreItems('Content')}\n            >\n              {items.map((item, i) => (\n                <div\n                  key={getItemLabel(item)}\n                  className={cnTabsMoreItems('Item', {\n                    active: highlightIndex === i,\n                  })}\n                >\n                  {renderItem(item, setIsOpen.off, true)}\n                </div>\n              ))}\n            </ListBox>\n          </Popover>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport const TabsMoreItems = forwardRef(\n  TabsMoreItemsRender,\n) as TabsMoreItemsComponent;\n"],"mappings":"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"}
+{"version":3,"file":"TabsMoreItems.js","names":["IconMeatball","React","forwardRef","useCallback","useEffect","useRef","useState","Transition","Button","ListBox","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","cnTabsMoreItems","TabsMoreItemsRender","props","ref","items","renderItem","getItemKey","height","size","onChange","isOpen","setIsOpen","buttonRef","popoverRef","direction","setDirection","highlightIndex","setHighlightIndex","highlightRef","openRef","handleKeyDown","e","preventDefault","stopPropagation","key","value","current","Math","min","max","length","on","off","toggle","animate","map","item","i","active","TabsMoreItems"],"sources":["../../../../../../src/components/Tabs/TabsMoreItems/TabsMoreItems.tsx"],"sourcesContent":["import './TabsMoreItems.css';\n\nimport { IconMeatball } from '@consta/icons/IconMeatball';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Button } from '##/components/Button';\nimport { ListBox } from '##/components/ListCanary';\nimport { Direction, Popover } from '##/components/Popover/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\n\nimport { TabsMoreItemsComponent, TabsMoreItemsProps } from '../types';\n\nconst cnTabsMoreItems = cn('TabsMoreItems');\n\nconst TabsMoreItemsRender = (\n  props: TabsMoreItemsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const { items, renderItem, getItemKey, height, size, onChange } = props;\n  const [isOpen, setIsOpen] = useFlag(false);\n  const buttonRef = useRef<HTMLDivElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const [direction, setDirection] = useState<Direction>('downStartLeft');\n  const [highlightIndex, setHighlightIndex] = useState(-1);\n\n  const highlightRef: React.MutableRefObject<number> = useRef(-1);\n  const openRef: React.MutableRefObject<boolean> = useRef(false);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const preventDefault = () => {\n        e.stopPropagation();\n        e.preventDefault();\n      };\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        preventDefault();\n        const value = highlightRef.current + (e.key === 'ArrowDown' ? 1 : -1);\n        setHighlightIndex(Math.min(Math.max(value, 0), items.length));\n        return;\n      }\n      if (e.key === 'Enter') {\n        preventDefault();\n        if (!openRef.current) {\n          setIsOpen.on();\n          return;\n        }\n        const value = items[highlightRef.current];\n        value && onChange?.(value, { e });\n        setIsOpen.off();\n        return;\n      }\n      if (e.key === 'Escape') {\n        preventDefault();\n        setIsOpen.off();\n      }\n    },\n    [items],\n  );\n\n  useEffect(() => {\n    items.length === 0 && setIsOpen.off();\n  }, [items]);\n\n  useEffect(() => {\n    highlightRef.current = highlightIndex;\n  }, [highlightIndex]);\n\n  useEffect(() => {\n    openRef.current = isOpen;\n    if (!isOpen) {\n      setHighlightIndex(-1);\n    }\n  }, [isOpen]);\n\n  return (\n    <>\n      <div\n        ref={useForkRef([ref, buttonRef])}\n        className={cnTabsMoreItems('Button')}\n        style={{ height }}\n      >\n        <Button\n          size=\"xs\"\n          type=\"button\"\n          view=\"ghost\"\n          onlyIcon\n          iconLeft={IconMeatball}\n          onClick={setIsOpen.toggle}\n          onKeyDown={handleKeyDown}\n        />\n      </div>\n      <Transition\n        in={isOpen}\n        unmountOnExit\n        nodeRef={popoverRef}\n        timeout={animateTimeout}\n      >\n        {(animate) => (\n          <Popover\n            anchorRef={buttonRef}\n            offset={-1}\n            ref={popoverRef}\n            direction=\"downStartRight\"\n            onClickOutside={setIsOpen.off}\n            spareDirection=\"downStartLeft\"\n            className={cnTabsMoreItems('Popover', [\n              cnMixPopoverAnimate({ animate, direction }),\n            ])}\n            onSetDirection={setDirection}\n            possibleDirections={[\n              'downStartRight',\n              'downStartLeft',\n              'upStartRight',\n              'upStartLeft',\n              'downCenter',\n              'upCenter',\n            ]}\n          >\n            <ListBox\n              shadow\n              border\n              size={size}\n              form=\"default\"\n              className={cnTabsMoreItems('Content')}\n            >\n              {items.map((item, i) => (\n                <div\n                  key={getItemKey(item)}\n                  className={cnTabsMoreItems('Item', {\n                    active: highlightIndex === i,\n                  })}\n                >\n                  {renderItem(item, setIsOpen.off, true)}\n                </div>\n              ))}\n            </ListBox>\n          </Popover>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport const TabsMoreItems = forwardRef(\n  TabsMoreItemsRender,\n) as TabsMoreItemsComponent;\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{TabsFitModeDropdownWrapper}from"./TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper";import{TabsFitModeScrollWrapper}from"./TabsFitModeScrollWrapper/TabsFitModeScrollWrapper";import{TabsListWrapper}from"./TabsListWrapper";export var getTabsDirection=function(a){return"left"===a||"right"===a?"vertical":"horizontal"};export var getTabsWidth=function(a){return a.reduce(function(a,b){return a+b.size+b.gap},0)};export var getTabsWrapper=function(a,b){return"vertical"===a?TabsListWrapper:"scroll"===b?TabsFitModeScrollWrapper:TabsFitModeDropdownWrapper};var defaultGetItemLabel=function(a){return a.label},defaultGetItemIcon=function(a){return a.icon},defaultGetItemLeftIcon=function(a){return a.leftIcon},defaultGetItemRightIcon=function(a){return a.rightIcon},defaultGetItemLeftSide=function(a){return a.leftSide},defaultGetItemRightSide=function(a){return a.rightSide},defaultGetItemDisable=function(a){return a.disabled},defaultGetItemAs=function(a){return a.as},defaultGetItemAttributes=function(a){return a.attributes},defaultGetItemRef=function(a){return a.ref};export var withDefaultGetters=function(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemLeftIcon:a.getItemLeftIcon||defaultGetItemLeftIcon,getItemRightIcon:a.getItemRightIcon||defaultGetItemRightIcon,getItemLeftSide:a.getItemLeftSide||defaultGetItemLeftSide,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide,getItemDisabled:a.getItemDisabled||defaultGetItemDisable,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes,getItemRef:a.getItemRef||defaultGetItemRef})};export var getVisibleTabsRange=function(a){for(var b,c,d=a.tabsDimensions,e=a.containerWidth,f=a.containerPaddingLeft,g=a.scrollLeft,h=null,i=null,j=g,k=0;k<d.length;k++){var l=getTabsWidth(d.slice(0,k)),m=f+l,n=m>=j;n&&null===h&&(h=k);var o=m+d[k].size,p=o<=j+e;p&&(i=k)}return h=null!==(b=h)&&void 0!==b?b:0,i=Math.max(h,null!==(c=i)&&void 0!==c?c:0),[h,i]};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{TabsFitModeDropdownWrapper}from"./TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper";import{TabsFitModeScrollWrapper}from"./TabsFitModeScrollWrapper/TabsFitModeScrollWrapper";import{TabsListWrapper}from"./TabsListWrapper";export var getTabsDirection=function(a){return"left"===a||"right"===a?"vertical":"horizontal"};export var getTabsWidth=function(a){return a.reduce(function(a,b){return a+b.size+b.gap},0)};export var getTabsWrapper=function(a,b){return"vertical"===a?TabsListWrapper:"scroll"===b?TabsFitModeScrollWrapper:TabsFitModeDropdownWrapper};var defaultGetItemLabel=function(a){return a.label},defaultGetItemIcon=function(a){return a.icon},defaultGetItemLeftIcon=function(a){return a.leftIcon},defaultGetItemRightIcon=function(a){return a.rightIcon},defaultGetItemLeftSide=function(a){return a.leftSide},defaultGetItemRightSide=function(a){return a.rightSide},defaultGetItemDisable=function(a){return a.disabled},defaultGetItemAs=function(a){return a.as},defaultGetItemAttributes=function(a){return a.attributes},defaultGetItemRef=function(a){return a.ref};export var withDefaultGetters=function(a){return _objectSpread(_objectSpread({},a),{},{getItemKey:a.getItemKey,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemLeftIcon:a.getItemLeftIcon||defaultGetItemLeftIcon,getItemRightIcon:a.getItemRightIcon||defaultGetItemRightIcon,getItemLeftSide:a.getItemLeftSide||defaultGetItemLeftSide,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide,getItemDisabled:a.getItemDisabled||defaultGetItemDisable,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes,getItemRef:a.getItemRef||defaultGetItemRef})};export var getVisibleTabsRange=function(a){for(var b,c,d=a.tabsDimensions,e=a.containerWidth,f=a.containerPaddingLeft,g=a.scrollLeft,h=null,i=null,j=g,k=0;k<d.length;k++){var l=getTabsWidth(d.slice(0,k)),m=f+l,n=m>=j;n&&null===h&&(h=k);var o=m+d[k].size,p=o<=j+e;p&&(i=k)}return h=null!==(b=h)&&void 0!==b?b:0,i=Math.max(h,null!==(c=i)&&void 0!==c?c:0),[h,i]};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["TabsFitModeDropdownWrapper","TabsFitModeScrollWrapper","TabsListWrapper","getTabsDirection","linePosition","getTabsWidth","tabsDimensions","reduce","acc","td","size","gap","getTabsWrapper","tabsDirection","fitMode","defaultGetItemLabel","item","label","defaultGetItemIcon","icon","defaultGetItemLeftIcon","leftIcon","defaultGetItemRightIcon","rightIcon","defaultGetItemLeftSide","leftSide","defaultGetItemRightSide","rightSide","defaultGetItemDisable","disabled","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemRef","ref","withDefaultGetters","props","getItemLabel","getItemIcon","getItemLeftIcon","getItemRightIcon","getItemLeftSide","getItemRightSide","getItemDisabled","getItemAs","getItemAttributes","getItemRef","getVisibleTabsRange","containerWidth","containerPaddingLeft","scrollLeft","firstVisibleTabIdx","lastVisibleTabIdx","containerLeftSide","idx","length","previousTabsWidth","slice","tabElLeftSide","isTabLeftSideVisible","tabElRightSide","isTabRightSideVisible","Math","max"],"sources":["../../../../../src/components/Tabs/helpers.tsx"],"sourcesContent":["import { TabsFitModeDropdownWrapper } from './TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper';\nimport { TabsFitModeScrollWrapper } from './TabsFitModeScrollWrapper/TabsFitModeScrollWrapper';\nimport { TabsListWrapper } from './TabsListWrapper';\nimport {\n  TabDimensions,\n  TabsDirection,\n  TabsItemDefault,\n  TabsPropFitMode,\n  TabsPropGetItemAs,\n  TabsPropGetItemAttributes,\n  TabsPropGetItemDisabled,\n  TabsPropGetItemIcon,\n  TabsPropGetItemLabel,\n  TabsPropGetItemRef,\n  TabsPropGetItemSide,\n  TabsPropLinePosition,\n  TabsProps,\n} from './types';\n\nexport const getTabsDirection = (\n  linePosition: TabsPropLinePosition,\n): TabsDirection =>\n  linePosition === 'left' || linePosition === 'right'\n    ? 'vertical'\n    : 'horizontal';\n\nexport const getTabsWidth = (tabsDimensions: TabDimensions[]): number =>\n  tabsDimensions.reduce((acc, td) => acc + td.size + td.gap, 0);\n\nexport const getTabsWrapper = (\n  tabsDirection: TabsDirection,\n  fitMode: TabsPropFitMode,\n) => {\n  if (tabsDirection === 'vertical') {\n    return TabsListWrapper;\n  }\n\n  return fitMode === 'scroll'\n    ? TabsFitModeScrollWrapper\n    : TabsFitModeDropdownWrapper;\n};\n\nconst defaultGetItemLabel: TabsPropGetItemLabel<TabsItemDefault> = (item) =>\n  item.label;\nconst defaultGetItemIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.icon;\nconst defaultGetItemLeftIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.leftIcon;\nconst defaultGetItemRightIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.rightIcon;\nconst defaultGetItemLeftSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.leftSide;\nconst defaultGetItemRightSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.rightSide;\nconst defaultGetItemDisable: TabsPropGetItemDisabled<TabsItemDefault> = (\n  item,\n) => item.disabled;\nconst defaultGetItemAs: TabsPropGetItemAs<TabsItemDefault> = (item) => item.as;\nconst defaultGetItemAttributes: TabsPropGetItemAttributes<TabsItemDefault> = (\n  item,\n) => item.attributes;\nconst defaultGetItemRef: TabsPropGetItemRef<TabsItemDefault> = (item) =>\n  item.ref;\n\nexport const withDefaultGetters = (props: TabsProps) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemLeftIcon: props.getItemLeftIcon || defaultGetItemLeftIcon,\n    getItemRightIcon: props.getItemRightIcon || defaultGetItemRightIcon,\n    getItemLeftSide: props.getItemLeftSide || defaultGetItemLeftSide,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisable,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getItemRef: props.getItemRef || defaultGetItemRef,\n  };\n};\n\nexport const getVisibleTabsRange = ({\n  tabsDimensions,\n  containerWidth,\n  containerPaddingLeft,\n  scrollLeft,\n}: {\n  tabsDimensions: TabDimensions[];\n  containerWidth: number;\n  containerPaddingLeft: number;\n  scrollLeft: number;\n}): [number, number] => {\n  let firstVisibleTabIdx = null;\n  let lastVisibleTabIdx = null;\n\n  const containerLeftSide = scrollLeft;\n  const containerRightSide = containerLeftSide + containerWidth;\n\n  for (let idx = 0; idx < tabsDimensions.length; idx++) {\n    const previousTabsWidth = getTabsWidth(tabsDimensions.slice(0, idx));\n    const tabElLeftSide = containerPaddingLeft + previousTabsWidth;\n    const isTabLeftSideVisible = tabElLeftSide >= containerLeftSide;\n    if (isTabLeftSideVisible && firstVisibleTabIdx === null) {\n      firstVisibleTabIdx = idx;\n    }\n\n    const tabElRightSide = tabElLeftSide + tabsDimensions[idx].size;\n    const isTabRightSideVisible = tabElRightSide <= containerRightSide;\n    if (isTabRightSideVisible) {\n      lastVisibleTabIdx = idx;\n    }\n  }\n\n  firstVisibleTabIdx = firstVisibleTabIdx ?? 0;\n  lastVisibleTabIdx = Math.max(firstVisibleTabIdx, lastVisibleTabIdx ?? 0);\n\n  return [firstVisibleTabIdx, lastVisibleTabIdx];\n};\n"],"mappings":"qqBAAA,OAASA,0BAAT,+DACA,OAASC,wBAAT,2DACA,OAASC,eAAT,yBAiBA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,QAGb,MAAjB,GAAAA,CAAY,EAAgC,OAAjB,GAAAA,CAA3B,CACI,UADJ,CAEI,YAL0B,CAAzB,CAOP,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,QAC1BA,EAAc,CAACC,MAAf,CAAsB,SAACC,CAAD,CAAMC,CAAN,QAAaD,EAAG,CAAGC,CAAE,CAACC,IAAT,CAAgBD,CAAE,CAACE,GAAhC,CAAtB,CAA2D,CAA3D,CAD0B,CAArB,CAGP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGzB,OACmB,UAAlB,GAAAD,CADD,CAEMX,eAFN,CAKgB,QAAZ,GAAAY,CAAO,CACVb,wBADU,CAEVD,0BACL,CAXM,C,GAaDe,oBAA0D,CAAG,SAACC,CAAD,QACjEA,EAAI,CAACC,KAD4D,C,CAE7DC,kBAAwD,CAAG,SAACF,CAAD,QAC/DA,EAAI,CAACG,IAD0D,C,CAE3DC,sBAA4D,CAAG,SAACJ,CAAD,QACnEA,EAAI,CAACK,QAD8D,C,CAE/DC,uBAA6D,CAAG,SAACN,CAAD,QACpEA,EAAI,CAACO,SAD+D,C,CAEhEC,sBAA4D,CAAG,SAACR,CAAD,QACnEA,EAAI,CAACS,QAD8D,C,CAE/DC,uBAA6D,CAAG,SAACV,CAAD,QACpEA,EAAI,CAACW,SAD+D,C,CAEhEC,qBAA+D,CAAG,SACtEZ,CADsE,QAEnEA,EAAI,CAACa,QAF8D,C,CAGlEC,gBAAoD,CAAG,SAACd,CAAD,QAAUA,EAAI,CAACe,EAAf,C,CACvDC,wBAAoE,CAAG,SAC3EhB,CAD2E,QAExEA,EAAI,CAACiB,UAFmE,C,CAGvEC,iBAAsD,CAAG,SAAClB,CAAD,QAC7DA,EAAI,CAACmB,GADwD,C,CAG/D,MAAO,IAAMC,mBAAkB,CAAG,SAACC,CAAD,CAAsB,CACtD,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBvB,mBAFtC,CAGEwB,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBrB,kBAHpC,CAIEsB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBpB,sBAJ5C,CAKEqB,gBAAgB,CAAEJ,CAAK,CAACI,gBAAN,EAA0BnB,uBAL9C,CAMEoB,eAAe,CAAEL,CAAK,CAACK,eAAN,EAAyBlB,sBAN5C,CAOEmB,gBAAgB,CAAEN,CAAK,CAACM,gBAAN,EAA0BjB,uBAP9C,CAQEkB,eAAe,CAAEP,CAAK,CAACO,eAAN,EAAyBhB,qBAR5C,CASEiB,SAAS,CAAER,CAAK,CAACQ,SAAN,EAAmBf,gBAThC,CAUEgB,iBAAiB,CAAET,CAAK,CAACS,iBAAN,EAA2Bd,wBAVhD,CAWEe,UAAU,CAAEV,CAAK,CAACU,UAAN,EAAoBb,iBAXlC,EAaD,CAdM,CAgBP,MAAO,IAAMc,oBAAmB,CAAG,WAUX,CAOtB,YAhBA1C,CAgBA,GAhBAA,cAgBA,CAfA2C,CAeA,GAfAA,cAeA,CAdAC,CAcA,GAdAA,oBAcA,CAbAC,CAaA,GAbAA,UAaA,CANIC,CAAkB,CAAG,IAMzB,CALIC,CAAiB,CAAG,IAKxB,CAHMC,CAAiB,CAAGH,CAG1B,CAASI,CAAG,CAAG,CAAf,CAAkBA,CAAG,CAAGjD,CAAc,CAACkD,MAAvC,CAA+CD,CAAG,EAAlD,CAAsD,IAC9CE,EAAiB,CAAGpD,YAAY,CAACC,CAAc,CAACoD,KAAf,CAAqB,CAArB,CAAwBH,CAAxB,CAAD,CADc,CAE9CI,CAAa,CAAGT,CAAoB,CAAGO,CAFO,CAG9CG,CAAoB,CAAGD,CAAa,EAAIL,CAHM,CAIhDM,CAAoB,EAA2B,IAAvB,GAAAR,CAJwB,GAKlDA,CAAkB,CAAGG,CAL6B,KAQ9CM,EAAc,CAAGF,CAAa,CAAGrD,CAAc,CAACiD,CAAD,CAAd,CAAoB7C,IARP,CAS9CoD,CAAqB,CAAGD,CAAc,EAXnBP,CAAiB,CAAGL,CAEO,CAUhDa,CAVgD,GAWlDT,CAAiB,CAAGE,CAX8B,CAarD,CAKD,MAHAH,EAAkB,WAAGA,CAAH,gBAAyB,CAG3C,CAFAC,CAAiB,CAAGU,IAAI,CAACC,GAAL,CAASZ,CAAT,WAA6BC,CAA7B,gBAAkD,CAAlD,CAEpB,CAAO,CAACD,CAAD,CAAqBC,CAArB,CACR,CApCM"}
+{"version":3,"file":"helpers.js","names":["TabsFitModeDropdownWrapper","TabsFitModeScrollWrapper","TabsListWrapper","getTabsDirection","linePosition","getTabsWidth","tabsDimensions","reduce","acc","td","size","gap","getTabsWrapper","tabsDirection","fitMode","defaultGetItemLabel","item","label","defaultGetItemIcon","icon","defaultGetItemLeftIcon","leftIcon","defaultGetItemRightIcon","rightIcon","defaultGetItemLeftSide","leftSide","defaultGetItemRightSide","rightSide","defaultGetItemDisable","disabled","defaultGetItemAs","as","defaultGetItemAttributes","attributes","defaultGetItemRef","ref","withDefaultGetters","props","getItemKey","getItemLabel","getItemIcon","getItemLeftIcon","getItemRightIcon","getItemLeftSide","getItemRightSide","getItemDisabled","getItemAs","getItemAttributes","getItemRef","getVisibleTabsRange","containerWidth","containerPaddingLeft","scrollLeft","firstVisibleTabIdx","lastVisibleTabIdx","containerLeftSide","idx","length","previousTabsWidth","slice","tabElLeftSide","isTabLeftSideVisible","tabElRightSide","isTabRightSideVisible","Math","max"],"sources":["../../../../../src/components/Tabs/helpers.tsx"],"sourcesContent":["import { TabsFitModeDropdownWrapper } from './TabsFitModeDropdownWrapper/TabsFitModeDropdownWrapper';\nimport { TabsFitModeScrollWrapper } from './TabsFitModeScrollWrapper/TabsFitModeScrollWrapper';\nimport { TabsListWrapper } from './TabsListWrapper';\nimport {\n  TabDimensions,\n  TabsDirection,\n  TabsItemDefault,\n  TabsPropFitMode,\n  TabsPropGetItemAs,\n  TabsPropGetItemAttributes,\n  TabsPropGetItemDisabled,\n  TabsPropGetItemIcon,\n  TabsPropGetItemLabel,\n  TabsPropGetItemRef,\n  TabsPropGetItemSide,\n  TabsPropLinePosition,\n  TabsProps,\n} from './types';\n\nexport const getTabsDirection = (\n  linePosition: TabsPropLinePosition,\n): TabsDirection =>\n  linePosition === 'left' || linePosition === 'right'\n    ? 'vertical'\n    : 'horizontal';\n\nexport const getTabsWidth = (tabsDimensions: TabDimensions[]): number =>\n  tabsDimensions.reduce((acc, td) => acc + td.size + td.gap, 0);\n\nexport const getTabsWrapper = (\n  tabsDirection: TabsDirection,\n  fitMode: TabsPropFitMode,\n) => {\n  if (tabsDirection === 'vertical') {\n    return TabsListWrapper;\n  }\n\n  return fitMode === 'scroll'\n    ? TabsFitModeScrollWrapper\n    : TabsFitModeDropdownWrapper;\n};\n\nconst defaultGetItemLabel: TabsPropGetItemLabel<TabsItemDefault> = (item) =>\n  item.label;\nconst defaultGetItemIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.icon;\nconst defaultGetItemLeftIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.leftIcon;\nconst defaultGetItemRightIcon: TabsPropGetItemIcon<TabsItemDefault> = (item) =>\n  item.rightIcon;\nconst defaultGetItemLeftSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.leftSide;\nconst defaultGetItemRightSide: TabsPropGetItemSide<TabsItemDefault> = (item) =>\n  item.rightSide;\nconst defaultGetItemDisable: TabsPropGetItemDisabled<TabsItemDefault> = (\n  item,\n) => item.disabled;\nconst defaultGetItemAs: TabsPropGetItemAs<TabsItemDefault> = (item) => item.as;\nconst defaultGetItemAttributes: TabsPropGetItemAttributes<TabsItemDefault> = (\n  item,\n) => item.attributes;\nconst defaultGetItemRef: TabsPropGetItemRef<TabsItemDefault> = (item) =>\n  item.ref;\n\nexport const withDefaultGetters = (props: TabsProps) => {\n  return {\n    ...props,\n    getItemKey: props.getItemKey,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemLeftIcon: props.getItemLeftIcon || defaultGetItemLeftIcon,\n    getItemRightIcon: props.getItemRightIcon || defaultGetItemRightIcon,\n    getItemLeftSide: props.getItemLeftSide || defaultGetItemLeftSide,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisable,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n    getItemRef: props.getItemRef || defaultGetItemRef,\n  };\n};\n\nexport const getVisibleTabsRange = ({\n  tabsDimensions,\n  containerWidth,\n  containerPaddingLeft,\n  scrollLeft,\n}: {\n  tabsDimensions: TabDimensions[];\n  containerWidth: number;\n  containerPaddingLeft: number;\n  scrollLeft: number;\n}): [number, number] => {\n  let firstVisibleTabIdx = null;\n  let lastVisibleTabIdx = null;\n\n  const containerLeftSide = scrollLeft;\n  const containerRightSide = containerLeftSide + containerWidth;\n\n  for (let idx = 0; idx < tabsDimensions.length; idx++) {\n    const previousTabsWidth = getTabsWidth(tabsDimensions.slice(0, idx));\n    const tabElLeftSide = containerPaddingLeft + previousTabsWidth;\n    const isTabLeftSideVisible = tabElLeftSide >= containerLeftSide;\n    if (isTabLeftSideVisible && firstVisibleTabIdx === null) {\n      firstVisibleTabIdx = idx;\n    }\n\n    const tabElRightSide = tabElLeftSide + tabsDimensions[idx].size;\n    const isTabRightSideVisible = tabElRightSide <= containerRightSide;\n    if (isTabRightSideVisible) {\n      lastVisibleTabIdx = idx;\n    }\n  }\n\n  firstVisibleTabIdx = firstVisibleTabIdx ?? 0;\n  lastVisibleTabIdx = Math.max(firstVisibleTabIdx, lastVisibleTabIdx ?? 0);\n\n  return [firstVisibleTabIdx, lastVisibleTabIdx];\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["tabsSizes","tabsDefaultSize","tabsViews","tabsDefaultView","tabsLinePositions","tabsDefaultLinePosition","tabsFitModes","tabsDefaultFitMode"],"sources":["../../../../../src/components/Tabs/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TabDimensions = {\n  size: number;\n  gap: number;\n};\n\nexport type TabsItemDefault = {\n  label: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  leftSide?: React.ReactNode;\n  disabled?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n\n  /**\n   * @deprecated since version 4.11.0 use leftIcon\n   */\n  icon?: IconComponent;\n};\n\nexport const tabsSizes = ['m', 's', 'xs'] as const;\nexport type TabsPropSize = typeof tabsSizes[number];\nexport const tabsDefaultSize: TabsPropSize = tabsSizes[0];\n\nexport const tabsViews = ['bordered', 'clear'] as const;\nexport type TabsPropView = typeof tabsViews[number];\nexport const tabsDefaultView: TabsPropView = tabsViews[0];\n\nexport const tabsLinePositions = ['bottom', 'top', 'left', 'right'] as const;\nexport type TabsPropLinePosition = typeof tabsLinePositions[number];\nexport const tabsDefaultLinePosition: TabsPropLinePosition = 'bottom';\n\nexport const tabsFitModes = ['scroll', 'dropdown'] as const;\nexport type TabsPropFitMode = typeof tabsFitModes[number];\nexport const tabsDefaultFitMode: TabsPropFitMode = 'dropdown';\n\nexport type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\nexport type TabsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type TabsPropGetItemSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\nexport type TabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => TabsItemDefault['attributes'];\nexport type TabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type TabsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  onChange: React.MouseEventHandler;\n  checked: boolean;\n  size: TabsPropSize;\n  iconSize?: IconPropSize;\n  onlyIcon?: boolean;\n  label: string;\n  tabRef?: React.RefObject<HTMLElement>;\n  renderInDropdown?: boolean;\n} & Omit<TabsItemDefault, 'label' | 'ref'>;\n\nexport type RenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsFitModeWrapperProps<ITEM> = {\n  items: ITEM[];\n  tabsDimensions: TabDimensions[];\n  getItemLabel: TabsPropGetItemLabel<ITEM>;\n  getItemChecked: TabsPropGetItemChecked<ITEM>;\n  renderItem: (item: ITEM) => React.ReactNode;\n  renderItemsList: RenderItemsListProp;\n  onChange: TabsPropOnChange<ITEM>;\n  tabRefs: Array<React.RefObject<HTMLElement>>;\n  size: TabsPropSize;\n  withScrollButtons?: boolean;\n};\n\nexport type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: TabsPropSize;\n    onlyIcon?: boolean;\n    view?: TabsPropView;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    value?: ITEM | null;\n    getItemLabel?: TabsPropGetItemLabel<ITEM>;\n    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemLeftSide?: TabsPropGetItemSide<ITEM>;\n    getItemRightSide?: TabsPropGetItemSide<ITEM>;\n    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;\n    getItemAs?: TabsPropGetItemAs<ITEM>;\n    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;\n    getItemRef?: TabsPropGetItemRef<ITEM>;\n    children?: never;\n    onChange: TabsPropOnChange<ITEM>;\n    renderItem?: RenderItem<ITEM>;\n    disabled?: boolean;\n\n    /**\n     * @deprecated since version 4.11.0 use getItemLeftIcon\n     */\n    getItemIcon?: TabsPropGetItemIcon<ITEM>;\n  } & (\n    | ({\n        linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;\n      } & (\n        | {\n            fitMode?: 'scroll';\n            withScrollButtons?: boolean;\n          }\n        | {\n            fitMode?: 'dropdown';\n            withScrollButtons?: never;\n          }\n      ))\n    | {\n        linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;\n        fitMode?: never;\n        withScrollButtons?: never;\n      }\n  ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: TabsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: TabsPropGetItemLabel<ITEM>;\n      });\n\nexport type TabsComponent = <ITEM>(\n  props: TabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<\n  {\n    onChange: React.MouseEventHandler;\n    checked: boolean;\n    size: TabsPropSize;\n    iconSize?: IconPropSize;\n    onlyIcon?: boolean;\n    className?: string;\n    label: string;\n    tabRef?: React.RefObject<HTMLElement>;\n    renderInDropdown?: boolean;\n  } & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>,\n  AS\n>;\n\nexport type TabsTabComponent = <AS extends AsTags = 'button'>(\n  props: TabsTabProps<AS>,\n) => React.ReactElement | null;\n\nexport type TabsMoreItemsProps<ITEM = TabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      renderItem: (\n        item: ITEM,\n        onClick: () => void,\n        renderInDropdown?: boolean,\n      ) => React.ReactNode;\n      getItemLabel: TabsPropGetItemLabel<ITEM>;\n      onChange: TabsPropOnChange<ITEM>;\n      height: number;\n      size: TabsPropSize;\n    } & React.RefAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n\nexport type TabsMoreItemsComponent = <ITEM>(\n  props: TabsMoreItemsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type RenderItemsListProp = (props: {\n  visibleIndexes?: number[];\n  withRunningLine?: boolean;\n  getTabClassName?: (idx: number) => string | undefined;\n}) => React.ReactNode;\n\nexport type TabsDirection = 'horizontal' | 'vertical';\n"],"mappings":"AA8BA,MAAO,IAAMA,UAAS,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,UAAS,CAAG,CAAC,UAAD,CAAa,OAAb,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,QAAD,CAAW,KAAX,CAAkB,MAAlB,CAA0B,OAA1B,CAA1B,CAEP,MAAO,IAAMC,wBAA6C,CAAG,QAAtD,CAEP,MAAO,IAAMC,aAAY,CAAG,CAAC,QAAD,CAAW,UAAX,CAArB,CAEP,MAAO,IAAMC,mBAAmC,CAAG,UAA5C"}
+{"version":3,"file":"types.js","names":["tabsSizes","tabsDefaultSize","tabsViews","tabsDefaultView","tabsLinePositions","tabsDefaultLinePosition","tabsFitModes","tabsDefaultFitMode"],"sources":["../../../../../src/components/Tabs/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AsAttributes, AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TabDimensions = {\n  size: number;\n  gap: number;\n};\n\nexport type TabsItemDefault = {\n  label: string | number;\n  leftIcon?: IconComponent;\n  rightIcon?: IconComponent;\n  rightSide?: React.ReactNode;\n  leftSide?: React.ReactNode;\n  disabled?: boolean;\n  as?: AsTags;\n  ref?: React.RefObject<HTMLElement>;\n  attributes?: AsAttributes;\n\n  /**\n   * @deprecated since version 4.11.0 use leftIcon\n   */\n  icon?: IconComponent;\n};\n\nexport const tabsSizes = ['m', 's', 'xs'] as const;\nexport type TabsPropSize = typeof tabsSizes[number];\nexport const tabsDefaultSize: TabsPropSize = tabsSizes[0];\n\nexport const tabsViews = ['bordered', 'clear'] as const;\nexport type TabsPropView = typeof tabsViews[number];\nexport const tabsDefaultView: TabsPropView = tabsViews[0];\n\nexport const tabsLinePositions = ['bottom', 'top', 'left', 'right'] as const;\nexport type TabsPropLinePosition = typeof tabsLinePositions[number];\nexport const tabsDefaultLinePosition: TabsPropLinePosition = 'bottom';\n\nexport const tabsFitModes = ['scroll', 'dropdown'] as const;\nexport type TabsPropFitMode = typeof tabsFitModes[number];\nexport const tabsDefaultFitMode: TabsPropFitMode = 'dropdown';\n\nexport type TabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;\nexport type TabsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type TabsPropGetItemSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\n\nexport type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;\nexport type TabsPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => TabsItemDefault['attributes'];\nexport type TabsPropGetItemRef<ITEM> = (\n  item: ITEM,\n) => React.RefObject<HTMLElement> | undefined;\n\nexport type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\n\nexport type TabsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  onChange: React.MouseEventHandler;\n  checked: boolean;\n  size: TabsPropSize;\n  iconSize?: IconPropSize;\n  onlyIcon?: boolean;\n  label: string;\n  tabRef?: React.RefObject<HTMLElement>;\n  renderInDropdown?: boolean;\n} & Omit<TabsItemDefault, 'label' | 'ref'>;\n\nexport type RenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsFitModeWrapperProps<ITEM> = {\n  items: ITEM[];\n  tabsDimensions: TabDimensions[];\n  getItemKey: TabsPropGetItemKey<ITEM>;\n  getItemChecked: TabsPropGetItemChecked<ITEM>;\n  renderItem: (item: ITEM) => React.ReactNode;\n  renderItemsList: RenderItemsListProp;\n  onChange: TabsPropOnChange<ITEM>;\n  tabRefs: Array<React.RefObject<HTMLElement>>;\n  size: TabsPropSize;\n  withScrollButtons?: boolean;\n};\n\nexport type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: TabsPropSize;\n    onlyIcon?: boolean;\n    view?: TabsPropView;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    value?: ITEM | null;\n    getItemKey?: TabsPropGetItemKey<ITEM>;\n    getItemLabel?: TabsPropGetItemLabel<ITEM>;\n    getItemLeftIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemRightIcon?: TabsPropGetItemIcon<ITEM>;\n    getItemLeftSide?: TabsPropGetItemSide<ITEM>;\n    getItemRightSide?: TabsPropGetItemSide<ITEM>;\n    getItemDisabled?: TabsPropGetItemDisabled<ITEM>;\n    getItemAs?: TabsPropGetItemAs<ITEM>;\n    getItemAttributes?: TabsPropGetItemAttributes<ITEM>;\n    getItemRef?: TabsPropGetItemRef<ITEM>;\n    children?: never;\n    onChange: TabsPropOnChange<ITEM>;\n    renderItem?: RenderItem<ITEM>;\n    disabled?: boolean;\n\n    /**\n     * @deprecated since version 4.11.0 use getItemLeftIcon\n     */\n    getItemIcon?: TabsPropGetItemIcon<ITEM>;\n  } & (\n    | ({\n        linePosition?: Extract<TabsPropLinePosition, 'bottom' | 'top'>;\n      } & (\n        | {\n            fitMode?: 'scroll';\n            withScrollButtons?: boolean;\n          }\n        | {\n            fitMode?: 'dropdown';\n            withScrollButtons?: never;\n          }\n      ))\n    | {\n        linePosition: Extract<TabsPropLinePosition, 'left' | 'right'>;\n        fitMode?: never;\n        withScrollButtons?: never;\n      }\n  ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: TabsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: TabsPropGetItemLabel<ITEM>;\n      });\n\nexport type TabsComponent = <ITEM>(\n  props: TabsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<\n  {\n    onChange: React.MouseEventHandler;\n    checked: boolean;\n    size: TabsPropSize;\n    iconSize?: IconPropSize;\n    onlyIcon?: boolean;\n    className?: string;\n    label: string;\n    tabRef?: React.RefObject<HTMLElement>;\n    renderInDropdown?: boolean;\n  } & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>,\n  AS\n>;\n\nexport type TabsTabComponent = <AS extends AsTags = 'button'>(\n  props: TabsTabProps<AS>,\n) => React.ReactElement | null;\n\nexport type TabsMoreItemsProps<ITEM = TabsItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      renderItem: (\n        item: ITEM,\n        onClick: () => void,\n        renderInDropdown?: boolean,\n      ) => React.ReactNode;\n      getItemKey: TabsPropGetItemKey<ITEM>;\n      onChange: TabsPropOnChange<ITEM>;\n      height: number;\n      size: TabsPropSize;\n    } & React.RefAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n\nexport type TabsMoreItemsComponent = <ITEM>(\n  props: TabsMoreItemsProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type RenderItemsListProp = (props: {\n  visibleIndexes?: number[];\n  withRunningLine?: boolean;\n  getTabClassName?: (idx: number) => string | undefined;\n}) => React.ReactNode;\n\nexport type TabsDirection = 'horizontal' | 'vertical';\n"],"mappings":"AA8BA,MAAO,IAAMA,UAAS,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,UAAS,CAAG,CAAC,UAAD,CAAa,OAAb,CAAlB,CAEP,MAAO,IAAMC,gBAA6B,CAAGD,SAAS,CAAC,CAAD,CAA/C,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,QAAD,CAAW,KAAX,CAAkB,MAAlB,CAA0B,OAA1B,CAA1B,CAEP,MAAO,IAAMC,wBAA6C,CAAG,QAAtD,CAEP,MAAO,IAAMC,aAAY,CAAG,CAAC,QAAD,CAAW,UAAX,CAArB,CAEP,MAAO,IAAMC,mBAAmC,CAAG,UAA5C"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldCanary.js","names":["React","forwardRef","TextFieldTypeNumber","TextFieldTypePassword","TextFieldTypeText","TextFieldTypeTextArea","TextFieldTypeTextArray","typeMap","text","textarea","password","number","textarray","TextFieldRender","props","ref","Component","type","TextField"],"sources":["../../../../../src/components/TextFieldCanary/TextFieldCanary.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TextFieldTypeNumber } from './TextFieldTypeNumber';\nimport { TextFieldTypePassword } from './TextFieldTypePassword';\nimport { TextFieldTypeText } from './TextFieldTypeText';\nimport { TextFieldTypeTextArea } from './TextFieldTypeTextArea';\nimport { TextFieldTypeTextArray } from './TextFieldTypeTextArray';\nimport {\n  TextFieldComponent,\n  TextFieldProps,\n  TextFieldTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n  string,\n  | TextFieldTypeComponent<'text'>\n  | TextFieldTypeComponent<'textarea'>\n  | TextFieldTypeComponent<'password'>\n  | TextFieldTypeComponent<'number'>\n  | TextFieldTypeComponent<'textarray'>\n> = {\n  text: TextFieldTypeText,\n  textarea: TextFieldTypeTextArea,\n  password: TextFieldTypePassword,\n  number: TextFieldTypeNumber,\n  textarray: TextFieldTypeTextArray,\n};\n\nconst TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const Component = typeMap[props.type || 'text'] || typeMap.text;\n\n  return <Component ref={ref} {...props} />;\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\n"],"mappings":"AAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,mBAAT,6BACA,OAASC,qBAAT,+BACA,OAASC,iBAAT,2BACA,OAASC,qBAAT,+BACA,OAASC,sBAAT,gC,GAOMC,QAOL,CAAG,CACFC,IAAI,CAAEJ,iBADJ,CAEFK,QAAQ,CAAEJ,qBAFR,CAGFK,QAAQ,CAAEP,qBAHR,CAIFQ,MAAM,CAAET,mBAJN,CAKFU,SAAS,CAAEN,sBALT,C,CAQEO,eAAe,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGnB,CACH,GAAMC,EAAS,CAAGT,OAAO,CAACO,CAAK,CAACG,IAAN,EAAc,MAAf,CAAP,EAAiCV,OAAO,CAACC,IAA3D,CAEA,MAAO,qBAAC,CAAD,gBAAW,GAAG,CAAEO,CAAhB,EAAyBD,CAAzB,EACR,C,CAED,MAAO,IAAMI,UAAS,CAAGjB,UAAU,CAACY,eAAD,CAA5B"}
+{"version":3,"file":"TextFieldCanary.js","names":["React","forwardRef","TextFieldTypeNumber","TextFieldTypePassword","TextFieldTypeText","TextFieldTypeTextArea","TextFieldTypeTextArray","typeMap","text","textarea","password","number","textarray","TextFieldRender","props","ref","Component","type","TextField"],"sources":["../../../../../src/components/TextFieldCanary/TextFieldCanary.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TextFieldTypeNumber } from './TextFieldTypeNumber';\nimport { TextFieldTypePassword } from './TextFieldTypePassword';\nimport { TextFieldTypeText } from './TextFieldTypeText';\nimport { TextFieldTypeTextArea } from './TextFieldTypeTextArea';\nimport { TextFieldTypeTextArray } from './TextFieldTypeTextArray';\nimport {\n  TextFieldComponent,\n  TextFieldProps,\n  TextFieldTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n  string,\n  | TextFieldTypeComponent<'text'>\n  | TextFieldTypeComponent<'textarea'>\n  | TextFieldTypeComponent<'password'>\n  | TextFieldTypeComponent<'number'>\n  | TextFieldTypeComponent<'textarray'>\n> = {\n  text: TextFieldTypeText,\n  textarea: TextFieldTypeTextArea,\n  password: TextFieldTypePassword,\n  number: TextFieldTypeNumber,\n  textarray: TextFieldTypeTextArray,\n};\n\nconst TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const Component = (typeMap[props.type || 'text'] ||\n    typeMap.text) as TextFieldTypeComponent<TYPE>;\n\n  return <Component ref={ref} {...props} />;\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\n"],"mappings":"AAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,mBAAT,6BACA,OAASC,qBAAT,+BACA,OAASC,iBAAT,2BACA,OAASC,qBAAT,+BACA,OAASC,sBAAT,gC,GAOMC,QAOL,CAAG,CACFC,IAAI,CAAEJ,iBADJ,CAEFK,QAAQ,CAAEJ,qBAFR,CAGFK,QAAQ,CAAEP,qBAHR,CAIFQ,MAAM,CAAET,mBAJN,CAKFU,SAAS,CAAEN,sBALT,C,CAQEO,eAAe,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGnB,CACH,GAAMC,EAAS,CAAIT,OAAO,CAACO,CAAK,CAACG,IAAN,EAAc,MAAf,CAAP,EACjBV,OAAO,CAACC,IADV,CAGA,MAAO,qBAAC,CAAD,gBAAW,GAAG,CAAEO,CAAhB,EAAyBD,CAAzB,EACR,C,CAED,MAAO,IAAMI,UAAS,CAAGjB,UAAU,CAACY,eAAD,CAA5B"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import React,{forwardRef,useCallback,useMemo}from"react";import{FieldClearButton,FieldControlLayout,FieldCounter,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../../hooks/useSortSteps";import{useTextField}from"../useTextField";import{cnTextFieldTypeNumber}from"./cnTextFieldTypeNumber";import{getValueByStep,stepIsActive}from"./helpers";export var TextFieldTypeNumber=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.incrementButtons,G=a.max,H=a.min,I=a.step,J=a.onKeyDown,K=a.onKeyDownCapture,L=a.onKeyUp,M=a.onKeyUpCapture,N=a.onCopy,O=a.onCopyCapture,P=a.onCut,Q=a.onCutCapture,R=a.onPaste,S=a.onPasteCapture,T=a.onClear,U=a.onWheel,V=_objectWithoutProperties(a,_excluded),W=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:T}),X=W.handleBlur,Y=W.handleChange,Z=W.handleClear,$=W.handleFocus,_=W.focused,aa=W.withValue,ba=W.ref,ca=W.inputRef,da=W.handleClick,ea=W.mutableRefs,fa=W.setWithValue,ga=useSortSteps({step:I,min:H,max:G}),ha=useMutableRef([ga,H,G,J,stepIsActive(ga,k),U]),ia=useCallback(function(a,b){var c,d;if(ca.current&&!ea.current[4]){var e=getValueByStep(ha.current[0],ca.current.value,b,ha.current[1],ha.current[2]);null===(c=(d=ea.current)[0])||void 0===c?void 0:c.call(d,e,{e:a}),ca.current.value=e,fa.on()}},[]),ja=useCallback(function(a){return ia(a,!0)},[]),ka=useCallback(function(a){return ia(a,!1)},[]),la=useKeys(useMemo(function(){return{isActive:!0,keys:{ArrowUp:function ArrowUp(a){a.preventDefault(),ha.current[4]&&ia(a,!0)},ArrowDown:function ArrowDown(a){a.preventDefault(),ha.current[4]&&ia(a,!1)}},onEvent:ha.current[3]}},[])),ma=useCallback(function(a){if(ha.current[5])ha.current[5](a);else{var b;null===(b=ca.current)||void 0===b?void 0:b.blur()}},[]);return React.createElement(FieldControlLayout,Object.assign({},V,{className:cnTextFieldTypeNumber({incrementButtons:F},[c]),form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&aa&&!F&&React.createElement(FieldClearButton,{size:m,onClick:Z}),F&&ha.current[4]&&React.createElement(FieldCounter,{onIncrementClick:ja,onIncrementFocus:$,onDecrementClick:ka,onDecrementFocus:$})],focused:_,view:o,ref:useForkRef([b,ba]),disabled:k,onClick:da}),React.createElement(FieldInput,{className:cnTextFieldTypeNumber("Input"),placeholder:u,autoFocus:t,autoComplete:x,onBlur:X,onChange:Y,onFocus:$,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ca]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:la,onKeyDownCapture:K,onKeyUp:L,onKeyUpCapture:M,onWheel:ma,maxLength:j,disabled:k,type:A,max:G,min:H,id:g,name:h,onCopy:N,onCopyCapture:O,onCut:P,onCutCapture:Q,onPaste:R,onPasteCapture:S}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];import React,{forwardRef,useCallback,useMemo}from"react";import{FieldClearButton,FieldControlLayout,FieldCounter,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../../hooks/useSortSteps";import{useTextField}from"../useTextField";import{cnTextFieldTypeNumber}from"./cnTextFieldTypeNumber";import{getValueByStep,stepIsActive}from"./helpers";export var TextFieldTypeNumber=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.clearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.incrementButtons,G=a.max,H=a.min,I=a.step,J=a.onKeyDown,K=a.onKeyDownCapture,L=a.onKeyUp,M=a.onKeyUpCapture,N=a.onCopy,O=a.onCopyCapture,P=a.onCut,Q=a.onCutCapture,R=a.onPaste,S=a.onPasteCapture,T=a.onClear,U=a.onWheel,V=a.iconClear,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:T}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=X.mutableRefs,ga=X.setWithValue,ha=useSortSteps({step:I,min:H,max:G}),ia=useMutableRef([ha,H,G,J,stepIsActive(ha,k),U]),ja=useCallback(function(a,b){var c,d;if(da.current&&!fa.current[4]){var e=getValueByStep(ia.current[0],da.current.value,b,ia.current[1],ia.current[2]);null===(c=(d=fa.current)[0])||void 0===c?void 0:c.call(d,e,{e:a}),da.current.value=e,ga.on()}},[]),ka=useCallback(function(a){return ja(a,!0)},[]),la=useCallback(function(a){return ja(a,!1)},[]),ma=useKeys(useMemo(function(){return{isActive:!0,keys:{ArrowUp:function ArrowUp(a){a.preventDefault(),ia.current[4]&&ja(a,!0)},ArrowDown:function ArrowDown(a){a.preventDefault(),ia.current[4]&&ja(a,!1)}},onEvent:ia.current[3]}},[])),na=useCallback(function(a){if(ia.current[5])ia.current[5](a);else{var b;null===(b=da.current)||void 0===b?void 0:b.blur()}},[]);return React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeNumber({incrementButtons:F},[c]),form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&ba&&!F&&React.createElement(FieldClearButton,{size:m,onClick:$,icon:V}),F&&ia.current[4]&&React.createElement(FieldCounter,{onIncrementClick:ka,onIncrementFocus:_,onDecrementClick:la,onDecrementFocus:_})],focused:aa,view:o,ref:useForkRef([b,ca]),disabled:k,onClick:ea}),React.createElement(FieldInput,{className:cnTextFieldTypeNumber("Input"),placeholder:u,autoFocus:t,autoComplete:x,onBlur:Y,onChange:Z,onFocus:_,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,da]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:ma,onKeyDownCapture:K,onKeyUp:L,onKeyUpCapture:M,onWheel:na,maxLength:j,disabled:k,type:A,max:G,min:H,id:g,name:h,onCopy:N,onCopyCapture:O,onCut:P,onCutCapture:Q,onPaste:R,onPasteCapture:S}))});
 //# sourceMappingURL=TextFieldTypeNumber.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent","handleWheel","blur"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n      onWheel,\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    const handleWheel = useCallback((e: React.WheelEvent<HTMLInputElement>) => {\n      if (refs.current[5]) {\n        refs.current[5](e);\n      } else {\n        inputRef.current?.blur();\n      }\n    }, []);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          onWheel={handleWheel}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent","handleWheel","blur"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      iconClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n      onWheel,\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<Element>(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    const handleWheel = useCallback((e: React.WheelEvent<HTMLInputElement>) => {\n      if (refs.current[5]) {\n        refs.current[5](e);\n      } else {\n        inputRef.current?.blur();\n      }\n    }, []);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          onWheel={handleWheel}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,FieldToggleVisiblePasswordButton,renderSide}from"../../FieldComponents";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypePassword=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.onKeyDown,G=a.onKeyDownCapture,H=a.onKeyUp,I=a.onKeyUpCapture,J=a.onCopy,K=a.onCopyCapture,L=a.onCut,M=a.onCutCapture,N=a.onPaste,O=a.onPasteCapture,P=a.onClear,Q=a.onWheel,R=_objectWithoutProperties(a,_excluded),S=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),T=S.handleBlur,U=S.handleChange,V=S.handleClear,W=S.handleFocus,X=S.focused,Y=S.withValue,Z=S.ref,$=S.inputRef,_=S.handleClick,aa=useFlag(),ba=_slicedToArray(aa,2),ca=ba[0],da=ba[1];return React.createElement(FieldControlLayout,Object.assign({},R,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&Y&&React.createElement(FieldClearButton,{size:m,onClick:V}),Y&&React.createElement(FieldToggleVisiblePasswordButton,{size:m,onClick:da.toggle,active:ca})],focused:X,view:o,ref:useForkRef([b,Z]),disabled:k,onClick:_}),React.createElement(FieldInput,{type:ca?"text":"password",placeholder:u,autoFocus:t,autoComplete:x,onBlur:T,onChange:U,onFocus:W,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,$]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O,onWheel:Q}))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,FieldToggleVisiblePasswordButton,renderSide}from"../../FieldComponents";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypePassword=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.clearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.onKeyDown,G=a.onKeyDownCapture,H=a.onKeyUp,I=a.onKeyUpCapture,J=a.onCopy,K=a.onCopyCapture,L=a.onCut,M=a.onCutCapture,N=a.onPaste,O=a.onPasteCapture,P=a.onClear,Q=a.onWheel,R=a.iconClear,S=a.iconShowPassword,T=a.iconHidePassword,U=_objectWithoutProperties(a,_excluded),V=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),W=V.handleBlur,X=V.handleChange,Y=V.handleClear,Z=V.handleFocus,$=V.focused,_=V.withValue,aa=V.ref,ba=V.inputRef,ca=V.handleClick,da=useFlag(),ea=_slicedToArray(da,2),fa=ea[0],ga=ea[1];return React.createElement(FieldControlLayout,Object.assign({},U,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&_&&React.createElement(FieldClearButton,{size:m,onClick:Y,icon:R}),_&&React.createElement(FieldToggleVisiblePasswordButton,{size:m,onClick:ga.toggle,active:fa,startIcon:S,endIcon:T})],focused:$,view:o,ref:useForkRef([b,aa]),disabled:k,onClick:ca}),React.createElement(FieldInput,{type:fa?"text":"password",placeholder:u,autoFocus:t,autoComplete:x,onBlur:W,onChange:X,onFocus:Z,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ba]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O,onWheel:Q}))});
 //# sourceMappingURL=TextFieldTypePassword.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypePassword.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","FieldToggleVisiblePasswordButton","renderSide","useFlag","useForkRef","useTextField","TextFieldTypePassword","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","visiblePassword","setVisiblePassword","toggle"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  FieldToggleVisiblePasswordButton,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypePassword: TextFieldTypeComponent<'password'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const [visiblePassword, setVisiblePassword] = useFlag();\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          withValue && (\n            <FieldToggleVisiblePasswordButton\n              size={size}\n              onClick={setVisiblePassword.toggle}\n              active={visiblePassword}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          type={visiblePassword ? 'text' : 'password'}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypePassword.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","FieldToggleVisiblePasswordButton","renderSide","useFlag","useForkRef","useTextField","TextFieldTypePassword","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","visiblePassword","setVisiblePassword","toggle"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  FieldToggleVisiblePasswordButton,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypePassword: TextFieldTypeComponent<'password'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      iconClear,\n      iconShowPassword,\n      iconHidePassword,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const [visiblePassword, setVisiblePassword] = useFlag();\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          withValue && (\n            <FieldToggleVisiblePasswordButton\n              size={size}\n              onClick={setVisiblePassword.toggle}\n              active={visiblePassword}\n              startIcon={iconShowPassword}\n              endIcon={iconHidePassword}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          type={visiblePassword ? 'text' : 'password'}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypeText=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=void 0===A?"text":A,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.onKeyDown,H=a.onKeyDownCapture,I=a.onKeyUp,J=a.onKeyUpCapture,K=a.onCopy,L=a.onCopyCapture,M=a.onCut,N=a.onCutCapture,O=a.onPaste,P=a.onPasteCapture,Q=a.onClear,R=a.onWheel,S=_objectWithoutProperties(a,_excluded),T=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),U=T.handleBlur,V=T.handleChange,W=T.handleClear,X=T.handleFocus,Y=T.focused,Z=T.withValue,$=T.ref,_=T.inputRef,aa=T.handleClick;return React.createElement(FieldControlLayout,Object.assign({},S,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&Z&&React.createElement(FieldClearButton,{size:m,onClick:W}),renderSide(w,m,E)],focused:Y,view:o,ref:useForkRef([b,$]),disabled:k,onClick:aa}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:U,onChange:V,onFocus:X,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,_]),readOnly:z,tabIndex:C,"aria-label":D,onKeyDown:G,onKeyDownCapture:H,onKeyUp:I,onKeyUpCapture:J,maxLength:j,disabled:k,type:B,id:g,name:h,onCopy:K,onCopyCapture:L,onCut:M,onCutCapture:N,onPaste:O,onPasteCapture:P,onWheel:R}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypeText=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.clearButton,z=a.readOnly,A=a.type,B=void 0===A?"text":A,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.onKeyDown,H=a.onKeyDownCapture,I=a.onKeyUp,J=a.onKeyUpCapture,K=a.onCopy,L=a.onCopyCapture,M=a.onCut,N=a.onCutCapture,O=a.onPaste,P=a.onPasteCapture,Q=a.onClear,R=a.onWheel,S=a.iconClear,T=_objectWithoutProperties(a,_excluded),U=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),V=U.handleBlur,W=U.handleChange,X=U.handleClear,Y=U.handleFocus,Z=U.focused,$=U.withValue,_=U.ref,aa=U.inputRef,ba=U.handleClick;return React.createElement(FieldControlLayout,Object.assign({},T,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&$&&React.createElement(FieldClearButton,{size:m,onClick:X,icon:S}),renderSide(w,m,E)],focused:Z,view:o,ref:useForkRef([b,_]),disabled:k,onClick:ba}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:V,onChange:W,onFocus:Y,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,aa]),readOnly:z,tabIndex:C,"aria-label":D,onKeyDown:G,onKeyDownCapture:H,onKeyUp:I,onKeyUpCapture:J,maxLength:j,disabled:k,type:B,id:g,name:h,onCopy:K,onCopyCapture:L,onCut:M,onCutCapture:N,onPaste:O,onPasteCapture:P,onWheel:R}))});
 //# sourceMappingURL=TextFieldTypeText.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeText.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","renderSide","useForkRef","useTextField","TextFieldTypeText","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypeText: TextFieldTypeComponent<string> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type = 'text',\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeText.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","renderSide","useForkRef","useTextField","TextFieldTypeText","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypeText: TextFieldTypeComponent<string> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type = 'text',\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      iconClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import"./TextFieldTypeTextArea.css";import React,{forwardRef}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{cnFieldInput,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{useTextField}from"../useTextField";export var cnTextFieldTypeTextArea=cn("TextFieldTypeTextArea");export var TextFieldTypeTextArea=forwardRef(function(a,b){var c,d=a.className,e=a.value,f=a.defaultValue,g=a.onChange,h=a.id,i=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.resize,H=a.rows,I=a.minRows,J=a.maxRows,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=a.onWheel,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=useRefs(2,[!!x,z&&!l&&ba]),ga=useResizeObserved(fa,getElementWidth),ha={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:Y,onChange:Z,onFocus:_,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,da]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:k,disabled:l,id:h,name:i,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T,onWheel:V};return React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ba&&React.createElement(FieldClearButton,{size:n,onClick:$}),renderSide(x,n,E)],focused:aa,view:p,ref:useForkRef([b,ca]),disabled:l,onClick:ea,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(ga.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-length",ga.filter(function(a){return!!a}).length),c),rightSlotsRefs:fa}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ha,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ha,{rows:H})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];import"./TextFieldTypeTextArea.css";import React,{forwardRef}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{cnFieldInput,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{useTextField}from"../useTextField";export var cnTextFieldTypeTextArea=cn("TextFieldTypeTextArea");export var TextFieldTypeTextArea=forwardRef(function(a,b){var c,d=a.className,e=a.value,f=a.defaultValue,g=a.onChange,h=a.id,i=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.clearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.resize,H=a.rows,I=a.minRows,J=a.maxRows,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=a.onWheel,W=a.iconClear,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),Z=Y.handleBlur,$=Y.handleChange,_=Y.handleClear,aa=Y.handleFocus,ba=Y.focused,ca=Y.withValue,da=Y.ref,ea=Y.inputRef,fa=Y.handleClick,ga=useRefs(2,[!!x,z&&!l&&ca]),ha=useResizeObserved(ga,getElementWidth),ia={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:Z,onChange:$,onFocus:aa,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,ea]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:k,disabled:l,id:h,name:i,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T,onWheel:V};return React.createElement(FieldControlLayout,Object.assign({},X,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ca&&React.createElement(FieldClearButton,{size:n,onClick:_,icon:W}),renderSide(x,n,E)],focused:ba,view:p,ref:useForkRef([b,da]),disabled:l,onClick:fa,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(ha.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-length",ha.filter(function(a){return!!a}).length),c),rightSlotsRefs:ga}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ia,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ia,{rows:H})))});
 //# sourceMappingURL=TextFieldTypeTextArea.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","useRefs","getElementWidth","useResizeObserved","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","rightSlotsRefs","slotSizes","textareaProps","trackSize","reduce","a","b","filter","width","length"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.tsx"],"sourcesContent":["import './TextFieldTypeTextArea.css';\n\nimport React, { forwardRef } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport {\n  cnFieldInput,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\n\nexport const cnTextFieldTypeTextArea = cn('TextFieldTypeTextArea');\n\nexport const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      resize,\n      rows,\n      minRows,\n      maxRows,\n\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField<HTMLTextAreaElement>({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const textareaProps = {\n      'className': cnTextFieldTypeTextArea('TextArea', [\n        cnFieldInput(),\n        cnMixScrollBar({ size: 'xs', trackSize: 'native' }),\n      ]),\n      placeholder,\n      autoComplete,\n      'onBlur': handleBlur,\n      'onChange': handleChange,\n      'onFocus': handleFocus,\n      'defaultValue': defaultValue || undefined,\n      'value': value === null ? '' : value,\n      'ref': useForkRef([inputRefProp, inputRef]),\n      readOnly,\n      tabIndex,\n      'aria-label': ariaLabel,\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      maxLength,\n      disabled,\n      id,\n      name,\n      autoFocus,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onWheel,\n    };\n\n    const textAreaNoAutoSizeProps = {\n      rows,\n    };\n\n    const textAreaAutoSizeProps = {\n      minRows: minRows || rows,\n      maxRows: maxRows || rows,\n    };\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArea({ resize }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarea-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n        rightSlotsRefs={rightSlotsRefs}\n      >\n        {resize === 'auto' ? (\n          <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n        ) : (\n          <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n        )}\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","useRefs","getElementWidth","useResizeObserved","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","rightSlotsRefs","slotSizes","textareaProps","trackSize","reduce","a","b","filter","width","length"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.tsx"],"sourcesContent":["import './TextFieldTypeTextArea.css';\n\nimport React, { forwardRef } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport {\n  cnFieldInput,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\n\nexport const cnTextFieldTypeTextArea = cn('TextFieldTypeTextArea');\n\nexport const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      resize,\n      rows,\n      minRows,\n      maxRows,\n\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      iconClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField<HTMLTextAreaElement>({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      clearButton && !disabled && withValue,\n    ]);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const textareaProps = {\n      'className': cnTextFieldTypeTextArea('TextArea', [\n        cnFieldInput(),\n        cnMixScrollBar({ size: 'xs', trackSize: 'native' }),\n      ]),\n      placeholder,\n      autoComplete,\n      'onBlur': handleBlur,\n      'onChange': handleChange,\n      'onFocus': handleFocus,\n      'defaultValue': defaultValue || undefined,\n      'value': value === null ? '' : value,\n      'ref': useForkRef([inputRefProp, inputRef]),\n      readOnly,\n      tabIndex,\n      'aria-label': ariaLabel,\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      maxLength,\n      disabled,\n      id,\n      name,\n      autoFocus,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onWheel,\n    };\n\n    const textAreaNoAutoSizeProps = {\n      rows,\n    };\n\n    const textAreaAutoSizeProps = {\n      minRows: minRows || rows,\n      maxRows: maxRows || rows,\n    };\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArea({ resize }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarea-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n        rightSlotsRefs={rightSlotsRefs}\n      >\n        {resize === 'auto' ? (\n          <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n        ) : (\n          <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n        )}\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.css

@@ -1 +1 @@
-.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--text-field-textarray-slot-sizes-length) + 1)*var(--field-control-layout-space) + var(--text-field-textarray-slot-sizes-width));--text-field-textarray-scroll-wrapper-height:calc(var(--text-field-textarray-max-height) - var(--field-control-layout-border-width)*2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-field-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}
+.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--field-control-layout-right-slots-length) + 1)*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width));--text-field-textarray-scroll-wrapper-height:calc(var(--text-field-textarray-max-height) - var(--field-control-layout-border-width)*2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-field-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{getStyleProps}from"../../../hooks/useStyleProps";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{useTextField}from"../useTextField";import{cnTextFieldTypeTextArray}from"./cnTextFieldTypeTextArray";var defaultRenderValueItem=function(a){var b=a.item,c=a.index,d=a.size,e=a.disabled,f=a.onRemove;return React.createElement(FieldArrayValueItem,{key:c,size:d,label:b,disabled:e,onRemove:f})};export var TextFieldTypeTextArray=forwardRef(function(a,b){var c,d=a.className,f=a.value,g=a.defaultValue,h=a.onChange,i=a.id,e=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.style,H=a.inputValue,I=a.renderValueItem,J=void 0===I?defaultRenderValueItem:I,K=a.onInputChange,L=a.onKeyDown,M=a.onKeyDownCapture,N=a.onKeyUp,O=a.onKeyUpCapture,P=a.onCopy,Q=a.onCopyCapture,R=a.onCut,S=a.onCutCapture,T=a.onPaste,U=a.onPasteCapture,V=a.onClear,W=a.onWheel,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:F,onChange:K,onBlur:s,onFocus:t,disabled:l,onClear:void 0}),Z=Y.handleBlur,$=Y.handleChange,_=Y.handleClear,aa=Y.handleFocus,ba=Y.focused,ca=Y.withValue,da=Y.ref,ea=Y.inputRef,fa=Y.handleClick,ga=ca||!!(null!==f&&void 0!==f&&f.length),ha=useRef(null),ia=useRef(null),ja=useMutableRef([h,_,f]),ka=function(a){return function(b){if(null!==f&&void 0!==f&&f.length){var c=_toConsumableArray(f);c.splice(a,1),null===h||void 0===h?void 0:h(c.length?c:null,{e:b})}}},la=useCallback(function(a){var b;if(ja.current[1](a),null!==(b=ja.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ja.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),ma=useMemo(function(){return{Enter:function Enter(a){var b=a.target.value;if(b){var c,d;null===(c=(d=ja.current)[0])||void 0===c?void 0:c.call(d,[].concat(_toConsumableArray(ja.current[2]||[]),[b]),{e:a}),ha.current&&ha.current.scrollTo({top:ha.current.scrollHeight})}},Backspace:function Backspace(a){var b=a.target.value,c=ja.current[2];if(!b&&null!==c&&void 0!==c&&c.length){var d,e;a.preventDefault();var f=_toConsumableArray(c);f.pop(),null===(d=(e=ja.current)[0])||void 0===d?void 0:d.call(e,f,{e:a})}}}},[]),na=useKeys({isActive:!!h,keys:ma,onEvent:L}),oa=useRefs(2,[!!x,z&&!l&&ga]),pa=useComponentSize(ha),qa=useResizeObserved(oa,getElementWidth),ra=da.current?getStyleProps(da.current,["max-height","height"]):void 0;return useEffect(function(){ha.current&&ia.current&&ba&&ia.current.scrollTo({top:pa.height})},[pa.height]),useEffect(function(){ea.current&&ea.current.value!==H&&(ea.current.value=H||"")},[H,ea.current]),React.createElement(FieldControlLayout,Object.assign({},X,{className:cnTextFieldTypeTextArray(null,[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ga&&React.createElement(FieldClearButton,{size:n,onClick:V||la}),renderSide(x,n,E)],focused:ba,view:p,ref:useForkRef([b,da]),disabled:l,onClick:fa,rightSlotsRefs:oa,style:_objectSpread(_objectSpread({},G),{},(c={},_defineProperty(c,"--text-field-textarray-max-height",(null===ra||void 0===ra?void 0:ra["max-height"])||(null===ra||void 0===ra?void 0:ra.height)||"auto"),_defineProperty(c,"--text-field-textarray-slot-sizes-width","".concat(qa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarray-slot-sizes-length",qa.filter(function(a){return!!a}).length),c))}),React.createElement("div",{ref:ia,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:n,inputRef:useForkRef([ea,j]),value:null!==f&&void 0!==f?f:void 0,onFocus:aa,onBlur:Z,onChange:$,autoFocus:u,onKeyDown:na,ref:ha,placeholder:v,renderValue:function renderValue(a,b){return J({item:a,index:b,size:n,disabled:l,onRemove:ka(b)})},onCopy:P,onCopyCapture:Q,onCut:R,onCutCapture:S,onPaste:T,onPasteCapture:U,inputTabIndex:C,onKeyDownCapture:M,onKeyUp:N,onKeyUpCapture:O,onWheel:W})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef";import{getStyleProps}from"../../../hooks/useStyleProps";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{useTextField}from"../useTextField";import{cnTextFieldTypeTextArray}from"./cnTextFieldTypeTextArray";var defaultRenderValueItem=function(a){var b=a.item,c=a.index,d=a.size,e=a.disabled,f=a.onRemove;return React.createElement(FieldArrayValueItem,{key:c,size:d,label:b,disabled:e,onRemove:f})};export var TextFieldTypeTextArray=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.clearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.style,G=a.inputValue,H=a.renderValueItem,I=void 0===H?defaultRenderValueItem:H,J=a.onInputChange,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=a.onWheel,W=a.iconClear,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:E,onChange:J,onBlur:r,onFocus:s,disabled:k,onClear:void 0}),Z=Y.handleBlur,$=Y.handleChange,_=Y.handleClear,aa=Y.handleFocus,ba=Y.focused,ca=Y.withValue,da=Y.ref,ea=Y.inputRef,fa=Y.handleClick,ga=ca||!!(null!==d&&void 0!==d&&d.length),ha=useRef(null),ia=useRef(null),ja=useMutableRef([f,_,d]),ka=function(a){return function(b){if(null!==d&&void 0!==d&&d.length){var c=_toConsumableArray(d);c.splice(a,1),null===f||void 0===f?void 0:f(c.length?c:null,{e:b})}}},la=useCallback(function(a){var b;if(ja.current[1](a),null!==(b=ja.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ja.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),ma=useMemo(function(){return{Enter:function Enter(a){var b=a.target.value;if(b){var c,d;null===(c=(d=ja.current)[0])||void 0===c?void 0:c.call(d,[].concat(_toConsumableArray(ja.current[2]||[]),[b]),{e:a}),ha.current&&"function"==typeof ha.current.scrollTo&&ha.current.scrollTo({top:ha.current.scrollHeight})}},Backspace:function Backspace(a){var b=a.target.value,c=ja.current[2];if(!b&&null!==c&&void 0!==c&&c.length){var d,e;a.preventDefault();var f=_toConsumableArray(c);f.pop(),null===(d=(e=ja.current)[0])||void 0===d?void 0:d.call(e,f,{e:a})}}}},[]),na=useKeys({isActive:!!f,keys:ma,onEvent:K}),oa=useComponentSize(ha),pa=da.current?getStyleProps(da.current,["max-height","height"]):void 0;return useEffect(function(){ha.current&&ia.current&&ba&&ia.current.scrollTo({top:oa.height})},[oa.height]),useEffect(function(){ea.current&&ea.current.value!==G&&(ea.current.value=G||"")},[G,ea.current]),React.createElement(FieldControlLayout,Object.assign({},X,{className:cnTextFieldTypeTextArray({withValue:ga},[c]),form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&ga&&React.createElement(FieldClearButton,{size:m,onClick:U||la,icon:W}),renderSide(w,m,D)],focused:ba,view:o,ref:useForkRef([b,da]),disabled:k,onClick:fa,style:_objectSpread(_objectSpread({},F),{},_defineProperty({},"--text-field-textarray-max-height",(null===pa||void 0===pa?void 0:pa["max-height"])||(null===pa||void 0===pa?void 0:pa.height)||"auto"))}),React.createElement("div",{ref:ia,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:m,inputRef:useForkRef([ea,i]),value:null!==d&&void 0!==d?d:void 0,onFocus:aa,onBlur:Z,onChange:$,autoFocus:t,onKeyDown:na,ref:ha,placeholder:u,renderValue:function renderValue(a){return a.map(function(a,b){return I({item:a,index:b,size:m,disabled:k,onRemove:ka(b)})})},onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T,inputTabIndex:B,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,onWheel:V,disabled:k,inputDefaultValue:G||""})))});
 //# sourceMappingURL=TextFieldTypeTextArray.js.map