npm - @consta/uikit - Versions diffs - 5.30.0 → 5.32.0 - Mend

@consta/uikit 5.30.0 → 5.32.0

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

Files changed (510) hide show

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

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

package/__internal__/src/components/Tabs/types.d.ts CHANGED Viewed

@@ -23,16 +23,16 @@ export type TabsItemDefault = {
     icon?: IconComponent;
 };
 export declare const tabsSizes: readonly ["m", "s", "xs"];
-export type TabsPropSize = typeof tabsSizes[number];
+export type TabsPropSize = (typeof tabsSizes)[number];
 export declare const tabsDefaultSize: TabsPropSize;
 export declare const tabsViews: readonly ["bordered", "clear"];
-export type TabsPropView = typeof tabsViews[number];
+export type TabsPropView = (typeof tabsViews)[number];
 export declare const tabsDefaultView: TabsPropView;
 export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
-export type TabsPropLinePosition = typeof tabsLinePositions[number];
+export type TabsPropLinePosition = (typeof tabsLinePositions)[number];
 export declare const tabsDefaultLinePosition: TabsPropLinePosition;
 export declare const tabsFitModes: readonly ["scroll", "dropdown"];
-export type TabsPropFitMode = typeof tabsFitModes[number];
+export type TabsPropFitMode = (typeof tabsFitModes)[number];
 export declare const tabsDefaultFitMode: TabsPropFitMode;
 export type TabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;
 export type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;

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

	@@ -1 +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 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.ReactNode \| 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.ReactNode \| 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.ReactNode \| 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.ReactNode \| 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"}
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 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.ReactNode \| 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.ReactNode \| 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.ReactNode \| 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.ReactNode \| 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/Tag/Tag.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { TagBase } from '../TagBase/TagBase';
 type TagBaseProps = React.ComponentProps<typeof TagBase>;
 export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
 export declare const tagPropModeDefault: "button";
-type TagPropMode = typeof tagPropMode[number];
+type TagPropMode = (typeof tagPropMode)[number];
 type CommonProps = {
     size?: TagBaseProps['size'];
     label: TagBaseProps['label'];

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

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

package/__internal__/src/components/TagBase/TagBase.d.ts CHANGED Viewed

@@ -3,14 +3,14 @@ import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
 export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
 export declare const tagBasePropSizeDefault: "m";
-export type TagBasePropSize = typeof tagBasePropSize[number];
+export type TagBasePropSize = (typeof tagBasePropSize)[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
 export declare const tagBasePropGroup: (1 | 4 | 2 | "1" | 3 | 5 | 9 | "2" | "3" | 7 | 6 | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
-export type TagBasePropGroup = typeof tagBasePropGroup[number];
+export type TagBasePropGroup = (typeof tagBasePropGroup)[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";
-export type TagBasePropView = typeof tagBasePropView[number];
+export type TagBasePropView = (typeof tagBasePropView)[number];
 export type Props = {
     size?: TagBasePropSize;
     label: string;

package/__internal__/src/components/TagBase/TagBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagBase.js","names":["IconClose","React","cn","getByMap","forwardRefWithAs","tagBasePropSize","tagBasePropSizeDefault","tagBasePropGroupNumberValue","tagBasePropGroupStringValue","tagBasePropGroup","tagBasePropView","tagBasePropViewDefault","cnTagBase","sizeMap","xs","s","m","l","TagBase","props","ref","size","as","label","className","group","view","onCancel","Icon","icon","iconSize","withAction","cancelButtonTabIndex","disabled","href","otherProps","withCancel","IconCloseSize","IconSize","tagLinkHref","withIcon"],"sources":["../../../../../src/components/TagBase/TagBase.tsx"],"sourcesContent":["import './TagBase.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconClose } from '@consta/icons/IconClose';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const tagBasePropSize = ['m', 'xs', 's', 'l'] as const;\nexport const tagBasePropSizeDefault = tagBasePropSize[0];\nexport type TagBasePropSize = typeof tagBasePropSize[number];\n\nexport const tagBasePropGroupNumberValue = [1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const tagBasePropGroupStringValue = [\n '1',\n '2',\n '3',\n '4',\n '5',\n '6',\n '7',\n '8',\n '9',\n] as const;\nexport const tagBasePropGroup = [\n ...tagBasePropGroupNumberValue,\n ...tagBasePropGroupStringValue,\n];\n\nexport type TagBasePropGroup = typeof tagBasePropGroup[number];\n\nexport const tagBasePropView = ['stroked', 'filled'] as const;\nexport const tagBasePropViewDefault = tagBasePropView[0];\nexport type TagBasePropView = typeof tagBasePropView[number];\n\nexport type Props = {\n size?: TagBasePropSize;\n label: string;\n children?: never;\n view?: TagBasePropView;\n group?: TagBasePropGroup;\n onCancel?: React.MouseEventHandler<HTMLButtonElement>;\n icon?: IconComponent;\n iconSize?: IconPropSize;\n withAction?: boolean;\n cancelButtonTabIndex?: number;\n disabled?: boolean;\n href?: string;\n};\n\nexport const cnTagBase = cn('TagBase');\n\nconst sizeMap: Record<TagBasePropSize, IconPropSize> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 's',\n};\n\nexport const TagBase = forwardRefWithAs<Props>((props, ref) => {\n const {\n size = tagBasePropSizeDefault,\n as = 'div',\n label,\n className,\n group,\n view = tagBasePropViewDefault,\n onCancel,\n icon: Icon,\n iconSize,\n withAction,\n cancelButtonTabIndex,\n disabled,\n href,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n const withCancel = typeof onCancel === 'function';\n const withIcon = !!Icon;\n const IconCloseSize = getByMap(sizeMap, size);\n const IconSize = getByMap(sizeMap, size, iconSize);\n const tagLinkHref = href && disabled ? undefined : href;\n\n return (\n <Tag\n {...otherProps}\n className={cnTagBase(\n {\n size,\n view,\n withCancel,\n withIcon,\n disabled,\n withAction: !disabled && withAction,\n group: disabled && group ? 'disabled' : group,\n },\n [className],\n )}\n ref={ref}\n disabled={disabled}\n href={tagLinkHref}\n >\n {withCancel \|\| Icon ? (\n <>\n {Icon && (\n <span className={cnTagBase('IconWrapper')}>\n <Icon size={IconSize} className={cnTagBase('Icon')} />\n </span>\n )}\n <span className={cnTagBase('Label')}>{label}</span>\n {withCancel && (\n <button\n className={cnTagBase('CancelButton', { disabled })}\n type=\"button\"\n onClick={onCancel}\n tabIndex={cancelButtonTabIndex}\n disabled={disabled}\n >\n <IconClose\n className={cnTagBase('CancelIcon')}\n size={IconCloseSize}\n />\n </button>\n )}\n </>\n ) : (\n label\n )}\n </Tag>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"TagBase.js","names":["IconClose","React","cn","getByMap","forwardRefWithAs","tagBasePropSize","tagBasePropSizeDefault","tagBasePropGroupNumberValue","tagBasePropGroupStringValue","tagBasePropGroup","tagBasePropView","tagBasePropViewDefault","cnTagBase","sizeMap","xs","s","m","l","TagBase","props","ref","size","as","label","className","group","view","onCancel","Icon","icon","iconSize","withAction","cancelButtonTabIndex","disabled","href","otherProps","withCancel","IconCloseSize","IconSize","tagLinkHref","withIcon"],"sources":["../../../../../src/components/TagBase/TagBase.tsx"],"sourcesContent":["import './TagBase.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconClose } from '@consta/icons/IconClose';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const tagBasePropSize = ['m', 'xs', 's', 'l'] as const;\nexport const tagBasePropSizeDefault = tagBasePropSize[0];\nexport type TagBasePropSize = (typeof tagBasePropSize)[number];\n\nexport const tagBasePropGroupNumberValue = [1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const tagBasePropGroupStringValue = [\n '1',\n '2',\n '3',\n '4',\n '5',\n '6',\n '7',\n '8',\n '9',\n] as const;\nexport const tagBasePropGroup = [\n ...tagBasePropGroupNumberValue,\n ...tagBasePropGroupStringValue,\n];\n\nexport type TagBasePropGroup = (typeof tagBasePropGroup)[number];\n\nexport const tagBasePropView = ['stroked', 'filled'] as const;\nexport const tagBasePropViewDefault = tagBasePropView[0];\nexport type TagBasePropView = (typeof tagBasePropView)[number];\n\nexport type Props = {\n size?: TagBasePropSize;\n label: string;\n children?: never;\n view?: TagBasePropView;\n group?: TagBasePropGroup;\n onCancel?: React.MouseEventHandler<HTMLButtonElement>;\n icon?: IconComponent;\n iconSize?: IconPropSize;\n withAction?: boolean;\n cancelButtonTabIndex?: number;\n disabled?: boolean;\n href?: string;\n};\n\nexport const cnTagBase = cn('TagBase');\n\nconst sizeMap: Record<TagBasePropSize, IconPropSize> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n l: 's',\n};\n\nexport const TagBase = forwardRefWithAs<Props>((props, ref) => {\n const {\n size = tagBasePropSizeDefault,\n as = 'div',\n label,\n className,\n group,\n view = tagBasePropViewDefault,\n onCancel,\n icon: Icon,\n iconSize,\n withAction,\n cancelButtonTabIndex,\n disabled,\n href,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n const withCancel = typeof onCancel === 'function';\n const withIcon = !!Icon;\n const IconCloseSize = getByMap(sizeMap, size);\n const IconSize = getByMap(sizeMap, size, iconSize);\n const tagLinkHref = href && disabled ? undefined : href;\n\n return (\n <Tag\n {...otherProps}\n className={cnTagBase(\n {\n size,\n view,\n withCancel,\n withIcon,\n disabled,\n withAction: !disabled && withAction,\n group: disabled && group ? 'disabled' : group,\n },\n [className],\n )}\n ref={ref}\n disabled={disabled}\n href={tagLinkHref}\n >\n {withCancel \|\| Icon ? (\n <>\n {Icon && (\n <span className={cnTagBase('IconWrapper')}>\n <Icon size={IconSize} className={cnTagBase('Icon')} />\n </span>\n )}\n <span className={cnTagBase('Label')}>{label}</span>\n {withCancel && (\n <button\n className={cnTagBase('CancelButton', { disabled })}\n type=\"button\"\n onClick={onCancel}\n tabIndex={cancelButtonTabIndex}\n disabled={disabled}\n >\n <IconClose\n className={cnTagBase('CancelIcon')}\n size={IconCloseSize}\n />\n </button>\n )}\n </>\n ) : (\n label\n )}\n </Tag>\n );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Text/Text.d.ts CHANGED Viewed

@@ -1,33 +1,33 @@
 import './Text.css';
 export declare const textPropAlign: readonly ["left", "center", "right"];
-export type TextPropAlign = typeof textPropAlign[number];
+export type TextPropAlign = (typeof textPropAlign)[number];
 export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export type TextPropDisplay = typeof textPropDisplay[number];
+export type TextPropDisplay = (typeof textPropDisplay)[number];
 export declare const textPropFont: readonly ["primary", "mono"];
-export type TextPropFont = typeof textPropFont[number];
+export type TextPropFont = (typeof textPropFont)[number];
 export declare const textPropCursor: readonly ["pointer"];
-export type TextPropCursor = typeof textPropCursor[number];
+export type TextPropCursor = (typeof textPropCursor)[number];
 export declare const textPropDecoration: readonly ["underline"];
-export type TextPropDecoration = typeof textPropDecoration[number];
+export type TextPropDecoration = (typeof textPropDecoration)[number];
 export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export type TextPropLineHeight = typeof textPropLineHeight[number];
+export type TextPropLineHeight = (typeof textPropLineHeight)[number];
 export declare const textPropLineHeightDefault: TextPropLineHeight;
 export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export type TextPropSize = typeof textPropSize[number];
+export type TextPropSize = (typeof textPropSize)[number];
 export declare const textPropSizeDefault: TextPropSize;
 export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
-export type TextPropSpacing = typeof textPropSpacing[number];
+export type TextPropSpacing = (typeof textPropSpacing)[number];
 export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
-export type TextPropView = typeof textPropView[number];
+export type TextPropView = (typeof textPropView)[number];
 export declare const textPropViewDefault: TextPropView;
 export declare const textPropWeight: readonly ["thin", "extralight", "light", "regular", "medium", "semibold", "bold", "extrabold", "black"];
-export type TextPropWeight = typeof textPropWeight[number];
+export type TextPropWeight = (typeof textPropWeight)[number];
 export declare const textPropFontStyle: readonly ["italic"];
-export type TextPropFontStyle = typeof textPropFontStyle[number];
+export type TextPropFontStyle = (typeof textPropFontStyle)[number];
 export declare const textPropTransform: readonly ["uppercase"];
-export type TextPropTransform = typeof textPropTransform[number];
+export type TextPropTransform = (typeof textPropTransform)[number];
 export declare const textPropWidth: readonly ["default"];
-export type TextPropWidth = typeof textPropWidth[number];
+export type TextPropWidth = (typeof textPropWidth)[number];
 export type TextProps = {
     align?: TextPropAlign;
     cursor?: TextPropCursor;

package/__internal__/src/components/Text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","names":["React","cn","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n 'm',\n '2xs',\n 'xs',\n 's',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropView = [\n 'primary',\n 'secondary',\n 'brand',\n 'ghost',\n 'link',\n 'linkMinor',\n 'system',\n 'normal',\n 'success',\n 'warning',\n 'alert',\n 'caution',\n 'critical',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n 'thin',\n 'extralight',\n 'light',\n 'regular',\n 'medium',\n 'semibold',\n 'bold',\n 'extrabold',\n 'black',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n align?: TextPropAlign;\n cursor?: TextPropCursor;\n decoration?: TextPropDecoration;\n display?: TextPropDisplay;\n font?: TextPropFont;\n lineHeight?: TextPropLineHeight;\n size?: TextPropSize;\n spacing?: TextPropSpacing;\n fontStyle?: TextPropFontStyle;\n transform?: TextPropTransform;\n view?: TextPropView;\n weight?: TextPropWeight;\n width?: TextPropWidth;\n truncate?: boolean;\n};\n\nexport const cnText = cn('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n const {\n as = 'div',\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight,\n size,\n spacing,\n fontStyle,\n transform,\n view,\n weight,\n width,\n className,\n children,\n truncate,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n\n return (\n <Tag\n {...otherProps}\n className={cnText(\n {\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight,\n size,\n spacing,\n fontStyle,\n transform,\n view,\n weight,\n width,\n truncate,\n },\n [className],\n )}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"Text.js","names":["React","cn","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = (typeof textPropAlign)[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = (typeof textPropDisplay)[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = (typeof textPropFont)[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = (typeof textPropCursor)[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = (typeof textPropDecoration)[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = (typeof textPropLineHeight)[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n 'm',\n '2xs',\n 'xs',\n 's',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n '6xl',\n] as const;\nexport type TextPropSize = (typeof textPropSize)[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = (typeof textPropSpacing)[number];\n\nexport const textPropView = [\n 'primary',\n 'secondary',\n 'brand',\n 'ghost',\n 'link',\n 'linkMinor',\n 'system',\n 'normal',\n 'success',\n 'warning',\n 'alert',\n 'caution',\n 'critical',\n] as const;\nexport type TextPropView = (typeof textPropView)[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n 'thin',\n 'extralight',\n 'light',\n 'regular',\n 'medium',\n 'semibold',\n 'bold',\n 'extrabold',\n 'black',\n] as const;\nexport type TextPropWeight = (typeof textPropWeight)[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = (typeof textPropFontStyle)[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = (typeof textPropTransform)[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = (typeof textPropWidth)[number];\n\nexport type TextProps = {\n align?: TextPropAlign;\n cursor?: TextPropCursor;\n decoration?: TextPropDecoration;\n display?: TextPropDisplay;\n font?: TextPropFont;\n lineHeight?: TextPropLineHeight;\n size?: TextPropSize;\n spacing?: TextPropSpacing;\n fontStyle?: TextPropFontStyle;\n transform?: TextPropTransform;\n view?: TextPropView;\n weight?: TextPropWeight;\n width?: TextPropWidth;\n truncate?: boolean;\n};\n\nexport const cnText = cn('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n const {\n as = 'div',\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight,\n size,\n spacing,\n fontStyle,\n transform,\n view,\n weight,\n width,\n className,\n children,\n truncate,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n\n return (\n <Tag\n {...otherProps}\n className={cnText(\n {\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight,\n size,\n spacing,\n fontStyle,\n transform,\n view,\n weight,\n width,\n truncate,\n },\n [className],\n )}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n"],"mappings":"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"}

package/__internal__/src/components/TextAreaAutoSize/TextAreaAutoSize.css CHANGED Viewed

	@@ -1 +1 @@
1	- .TextAreaAutoSize{line-height:1.5;resize:none}.TextAreaAutoSize-Fake{~~word-wrap:break-word;~~height:0;left:-9999px;position:absolute;top:-9999px;visibility:hidden;white-space:pre-wrap}
1	+ .TextAreaAutoSize{line-height:1.5;resize:none}.TextAreaAutoSize-Fake{height:0;left:-9999px;overflow-wrap:break-word;position:absolute;top:-9999px;visibility:hidden;white-space:pre-wrap}

package/__internal__/src/components/TextDeprecated/TextDeprecated.d.ts CHANGED Viewed

@@ -1,33 +1,33 @@
 import './Text.css';
 export declare const textPropAlign: readonly ["left", "center", "right"];
-export type TextPropAlign = typeof textPropAlign[number];
+export type TextPropAlign = (typeof textPropAlign)[number];
 export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export type TextPropDisplay = typeof textPropDisplay[number];
+export type TextPropDisplay = (typeof textPropDisplay)[number];
 export declare const textPropFont: readonly ["primary", "mono"];
-export type TextPropFont = typeof textPropFont[number];
+export type TextPropFont = (typeof textPropFont)[number];
 export declare const textPropCursor: readonly ["pointer"];
-export type TextPropCursor = typeof textPropCursor[number];
+export type TextPropCursor = (typeof textPropCursor)[number];
 export declare const textPropDecoration: readonly ["underline"];
-export type TextPropDecoration = typeof textPropDecoration[number];
+export type TextPropDecoration = (typeof textPropDecoration)[number];
 export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export type TextPropLineHeight = typeof textPropLineHeight[number];
+export type TextPropLineHeight = (typeof textPropLineHeight)[number];
 export declare const textPropLineHeightDefault: TextPropLineHeight;
 export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export type TextPropSize = typeof textPropSize[number];
+export type TextPropSize = (typeof textPropSize)[number];
 export declare const textPropSizeDefault: TextPropSize;
 export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
-export type TextPropSpacing = typeof textPropSpacing[number];
+export type TextPropSpacing = (typeof textPropSpacing)[number];
 export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
-export type TextPropView = typeof textPropView[number];
+export type TextPropView = (typeof textPropView)[number];
 export declare const textPropViewDefault: TextPropView;
 export declare const textPropWeight: readonly ["thin", "light", "regular", "medium", "semibold", "bold", "black"];
-export type TextPropWeight = typeof textPropWeight[number];
+export type TextPropWeight = (typeof textPropWeight)[number];
 export declare const textPropFontStyle: readonly ["italic"];
-export type TextPropFontStyle = typeof textPropFontStyle[number];
+export type TextPropFontStyle = (typeof textPropFontStyle)[number];
 export declare const textPropTransform: readonly ["uppercase"];
-export type TextPropTransform = typeof textPropTransform[number];
+export type TextPropTransform = (typeof textPropTransform)[number];
 export declare const textPropWidth: readonly ["default"];
-export type TextPropWidth = typeof textPropWidth[number];
+export type TextPropWidth = (typeof textPropWidth)[number];
 export type TextProps = {
     align?: TextPropAlign;
     cursor?: TextPropCursor;

package/__internal__/src/components/TextDeprecated/TextDeprecated.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextDeprecated.js","names":["React","cnDeprecated","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/TextDeprecated/TextDeprecated.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n 'm',\n '2xs',\n 'xs',\n 's',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropView = [\n 'primary',\n 'secondary',\n 'brand',\n 'ghost',\n 'link',\n 'linkMinor',\n 'system',\n 'normal',\n 'success',\n 'warning',\n 'alert',\n 'caution',\n 'critical',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n 'thin',\n 'light',\n 'regular',\n 'medium',\n 'semibold',\n 'bold',\n 'black',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n align?: TextPropAlign;\n cursor?: TextPropCursor;\n decoration?: TextPropDecoration;\n display?: TextPropDisplay;\n font?: TextPropFont;\n lineHeight?: TextPropLineHeight;\n size?: TextPropSize;\n spacing?: TextPropSpacing;\n fontStyle?: TextPropFontStyle;\n transform?: TextPropTransform;\n view?: TextPropView;\n weight?: TextPropWeight;\n width?: TextPropWidth;\n truncate?: boolean;\n};\n\nexport const cnText = cnDeprecated('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n const {\n as = 'div',\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight = textPropLineHeightDefault,\n size = textPropSizeDefault,\n spacing,\n fontStyle,\n transform,\n view = textPropViewDefault,\n weight,\n width,\n className,\n children,\n truncate = false,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n\n return (\n <Tag\n {...otherProps}\n className={cnText(\n {\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight,\n size,\n spacing,\n fontStyle,\n transform,\n view,\n weight,\n width,\n truncate,\n },\n [className],\n )}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"TextDeprecated.js","names":["React","cnDeprecated","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/TextDeprecated/TextDeprecated.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cnDeprecated } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = (typeof textPropAlign)[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = (typeof textPropDisplay)[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = (typeof textPropFont)[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = (typeof textPropCursor)[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = (typeof textPropDecoration)[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = (typeof textPropLineHeight)[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n 'm',\n '2xs',\n 'xs',\n 's',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n '5xl',\n '6xl',\n] as const;\nexport type TextPropSize = (typeof textPropSize)[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = (typeof textPropSpacing)[number];\n\nexport const textPropView = [\n 'primary',\n 'secondary',\n 'brand',\n 'ghost',\n 'link',\n 'linkMinor',\n 'system',\n 'normal',\n 'success',\n 'warning',\n 'alert',\n 'caution',\n 'critical',\n] as const;\nexport type TextPropView = (typeof textPropView)[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n 'thin',\n 'light',\n 'regular',\n 'medium',\n 'semibold',\n 'bold',\n 'black',\n] as const;\nexport type TextPropWeight = (typeof textPropWeight)[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = (typeof textPropFontStyle)[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = (typeof textPropTransform)[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = (typeof textPropWidth)[number];\n\nexport type TextProps = {\n align?: TextPropAlign;\n cursor?: TextPropCursor;\n decoration?: TextPropDecoration;\n display?: TextPropDisplay;\n font?: TextPropFont;\n lineHeight?: TextPropLineHeight;\n size?: TextPropSize;\n spacing?: TextPropSpacing;\n fontStyle?: TextPropFontStyle;\n transform?: TextPropTransform;\n view?: TextPropView;\n weight?: TextPropWeight;\n width?: TextPropWidth;\n truncate?: boolean;\n};\n\nexport const cnText = cnDeprecated('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n const {\n as = 'div',\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight = textPropLineHeightDefault,\n size = textPropSizeDefault,\n spacing,\n fontStyle,\n transform,\n view = textPropViewDefault,\n weight,\n width,\n className,\n children,\n truncate = false,\n ...otherProps\n } = props;\n\n const Tag = as as string;\n\n return (\n <Tag\n {...otherProps}\n className={cnText(\n {\n align,\n cursor,\n decoration,\n display,\n font,\n lineHeight,\n size,\n spacing,\n fontStyle,\n transform,\n view,\n weight,\n width,\n truncate,\n },\n [className],\n )}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n"],"mappings":"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"}

package/__internal__/src/components/TextField/types.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export type TextFieldPropValue = string | null;
 export type TextFieldPropName = string;
 export type TextFieldPropId = string | number;
 export declare const textFieldPropSize: readonly ["m", "xs", "s", "l"];
-export type TextFieldPropSize = typeof textFieldPropSize[number];
+export type TextFieldPropSize = (typeof textFieldPropSize)[number];
 export declare const textFieldPropSizeDefault: TextFieldPropSize;
 export type TextFieldPropOnChange = (value: TextFieldPropValue, params: TextFieldOnChangeArguments) => void;
 export type TextFieldOnChangeArguments = {
@@ -15,13 +15,13 @@ export type TextFieldOnChangeArguments = {
     name?: TextFieldPropName;
 };
 export declare const textFieldPropView: readonly ["default", "clear"];
-export type TextFieldPropView = typeof textFieldPropView[number];
+export type TextFieldPropView = (typeof textFieldPropView)[number];
 export declare const textFieldPropViewDefault: TextFieldPropView;
 export declare const textFieldPropForm: readonly ["default", "defaultClear", "defaultBrick", "brick", "brickDefault", "brickClear", "brickRound", "round", "roundClear", "roundBrick", "clearRound", "clearDefault", "clearBrick", "clearClear"];
-export type TextFieldPropForm = typeof textFieldPropForm[number];
+export type TextFieldPropForm = (typeof textFieldPropForm)[number];
 export declare const textFieldPropFormDefault: TextFieldPropForm;
 export declare const textFieldPropStatus: readonly ["alert", "success", "warning"];
-export type TextFieldPropStatus = typeof textFieldPropStatus[number];
+export type TextFieldPropStatus = (typeof textFieldPropStatus)[number];
 export type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ? {
     minRows?: never;
     maxRows?: never;

package/__internal__/src/components/TextField/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string \| null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string \| number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (\n value: TextFieldPropValue,\n params: TextFieldOnChangeArguments,\n) => void;\nexport type TextFieldOnChangeArguments = {\n e: React.ChangeEvent \| React.MouseEvent \| React.KeyboardEvent;\n id?: TextFieldPropId;\n name?: TextFieldPropName;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n 'default',\n 'defaultClear',\n 'defaultBrick',\n 'brick',\n 'brickDefault',\n 'brickClear',\n 'brickRound',\n 'round',\n 'roundClear',\n 'roundBrick',\n 'clearRound',\n 'clearDefault',\n 'clearBrick',\n 'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n ?\n \| {\n minRows?: never;\n maxRows?: never;\n rows?: number;\n }\n \| {\n rows?: never;\n minRows?: number;\n maxRows?: number;\n }\n : {\n rows?: never;\n minRows?: never;\n maxRows?: never;\n };\n\ntype InputRef<TYPE> = TYPE extends 'textarea'\n ? { inputRef?: React.Ref<HTMLTextAreaElement> }\n : { inputRef?: React.Ref<HTMLInputElement> };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n {\n className?: string;\n value?: TextFieldPropValue;\n defaultValue?: TextFieldPropValue;\n cols?: number;\n onChange?: TextFieldPropOnChange;\n id?: TextFieldPropId;\n name?: TextFieldPropName;\n type?: TYPE;\n disabled?: boolean;\n maxLength?: number;\n size?: TextFieldPropSize;\n view?: TextFieldPropView;\n form?: TextFieldPropForm;\n state?: TextFieldPropStatus;\n status?: TextFieldPropStatus;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n incrementButtons?: boolean;\n autoFocus?: boolean;\n placeholder?: string;\n leftSide?: string \| IconComponent;\n rightSide?: string \| IconComponent;\n withClearButton?: boolean;\n autoComplete?: AutoCompete;\n max?: number \| string;\n min?: number \| string;\n readOnly?: boolean;\n required?: boolean;\n step?: number \| string \| number[];\n tabIndex?: number;\n inputContainerRef?: React.Ref<HTMLDivElement>;\n ariaLabel?: string;\n iconSize?: IconPropSize;\n children?: never;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' \| 'left';\n focused?: boolean;\n onKeyDownCapture?: React.KeyboardEventHandler;\n onKeyPress?: React.KeyboardEventHandler;\n onKeyPressCapture?: React.KeyboardEventHandler;\n onKeyUp?: React.KeyboardEventHandler;\n onKeyUpCapture?: React.KeyboardEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n onClear?: React.MouseEventHandler<HTMLButtonElement>;\n },\n HTMLDivElement\n> &\n InputRef<TYPE> &\n TextFieldPropsTextareaType<TYPE> &\n React.RefAttributes<HTMLDivElement>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n props: TextFieldProps<TYPE>,\n) => React.ReactNode \| null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAYP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B"}
1	+ {"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string \| null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string \| number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = (typeof textFieldPropSize)[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (\n value: TextFieldPropValue,\n params: TextFieldOnChangeArguments,\n) => void;\nexport type TextFieldOnChangeArguments = {\n e: React.ChangeEvent \| React.MouseEvent \| React.KeyboardEvent;\n id?: TextFieldPropId;\n name?: TextFieldPropName;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = (typeof textFieldPropView)[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n 'default',\n 'defaultClear',\n 'defaultBrick',\n 'brick',\n 'brickDefault',\n 'brickClear',\n 'brickRound',\n 'round',\n 'roundClear',\n 'roundBrick',\n 'clearRound',\n 'clearDefault',\n 'clearBrick',\n 'clearClear',\n] as const;\nexport type TextFieldPropForm = (typeof textFieldPropForm)[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = (typeof textFieldPropStatus)[number];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n ?\n \| {\n minRows?: never;\n maxRows?: never;\n rows?: number;\n }\n \| {\n rows?: never;\n minRows?: number;\n maxRows?: number;\n }\n : {\n rows?: never;\n minRows?: never;\n maxRows?: never;\n };\n\ntype InputRef<TYPE> = TYPE extends 'textarea'\n ? { inputRef?: React.Ref<HTMLTextAreaElement> }\n : { inputRef?: React.Ref<HTMLInputElement> };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n {\n className?: string;\n value?: TextFieldPropValue;\n defaultValue?: TextFieldPropValue;\n cols?: number;\n onChange?: TextFieldPropOnChange;\n id?: TextFieldPropId;\n name?: TextFieldPropName;\n type?: TYPE;\n disabled?: boolean;\n maxLength?: number;\n size?: TextFieldPropSize;\n view?: TextFieldPropView;\n form?: TextFieldPropForm;\n state?: TextFieldPropStatus;\n status?: TextFieldPropStatus;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n incrementButtons?: boolean;\n autoFocus?: boolean;\n placeholder?: string;\n leftSide?: string \| IconComponent;\n rightSide?: string \| IconComponent;\n withClearButton?: boolean;\n autoComplete?: AutoCompete;\n max?: number \| string;\n min?: number \| string;\n readOnly?: boolean;\n required?: boolean;\n step?: number \| string \| number[];\n tabIndex?: number;\n inputContainerRef?: React.Ref<HTMLDivElement>;\n ariaLabel?: string;\n iconSize?: IconPropSize;\n children?: never;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' \| 'left';\n focused?: boolean;\n onKeyDownCapture?: React.KeyboardEventHandler;\n onKeyPress?: React.KeyboardEventHandler;\n onKeyPressCapture?: React.KeyboardEventHandler;\n onKeyUp?: React.KeyboardEventHandler;\n onKeyUpCapture?: React.KeyboardEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n onClear?: React.MouseEventHandler<HTMLButtonElement>;\n },\n HTMLDivElement\n> &\n InputRef<TYPE> &\n TextFieldPropsTextareaType<TYPE> &\n React.RefAttributes<HTMLDivElement>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n props: TextFieldProps<TYPE>,\n) => React.ReactNode \| null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAYP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B"}

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

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

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

	@@ -1 +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","minLength","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 minLength,\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 minLength={minLength}\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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"}
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","minLength","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 minLength,\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 renderSide(rightSide, size, iconSize),\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 minLength={minLength}\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/TextFieldTypeTextArea/TextFieldTypeTextArea.css CHANGED Viewed

@@ -1,3 +1,3 @@
 .TextFieldTypeTextArea{--text-field-textarea-padding-right:calc((var(--field-control-layout-right-slots-length))*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width) + var(--field-control-layout-padding-right));--text-field-textarea-vertical-padding:calc((var(--field-control-layout-slot-height) - var(--field-control-layout-text-line-height))/2);--text-field-textarea-control-height:var(
-      --text-field-height,var(--field-control-layout-height)
-    );--text-field-textarea-height-calc:calc(var(--text-field-textarea-control-height) - var(--field-control-layout-border-width)*2);--text-field-textarea-min-height:var(--text-field-textarea-height-calc);overflow:hidden}.TextFieldTypeTextArea_resize{--text-field-textarea-resize:vertical}.TextFieldTypeTextArea-TextArea{height:auto;min-height:var(--text-field-textarea-min-height);padding-bottom:var(--text-field-textarea-vertical-padding);padding-right:var(--text-field-textarea-padding-right,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding-right))}.TextFieldTypeTextArea-TextArea,.TextFieldTypeTextArea-TextArea.TextAreaAutoSize{line-height:var(--field-control-layout-text-line-height)}
+    --text-field-height,var(--field-control-layout-height)
+  );--text-field-textarea-height-calc:calc(var(--text-field-textarea-control-height) - var(--field-control-layout-border-width)*2);--text-field-textarea-min-height:var(--text-field-textarea-height-calc);overflow:hidden}.TextFieldTypeTextArea_resize{--text-field-textarea-resize:vertical}.TextFieldTypeTextArea-TextArea{height:auto;min-height:var(--text-field-textarea-min-height);padding-bottom:var(--text-field-textarea-vertical-padding);padding-right:var(--text-field-textarea-padding-right,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding-right))}.TextFieldTypeTextArea-TextArea,.TextFieldTypeTextArea-TextArea.TextAreaAutoSize{line-height:var(--field-control-layout-text-line-height)}