@consta/uikit 5.21.0 → 5.22.0

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

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

@@ -58,7 +58,7 @@ type PropsWithModeInfo = CommonProps & {
     cancelButtonTabIndex?: never;
 };
 type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
-type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactNode | null;
 export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
     view?: TagBaseProps['view'];
     onClick?: TagBaseProps['onClick'];

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

@@ -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.ReactElement | null;\n\ntype TagComponent = <ROLE extends TagPropMode>(\n  props: Props<ROLE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function getParams(\n  mode: TagPropMode,\n  checked?: PropsWithModeCheck['checked'],\n  onClick?: React.MouseEventHandler,\n  onChange?: PropsWithModeCheck['onChange'],\n  onCancel?: PropsWithModeCancel['onCancel'],\n): {\n  view?: TagBaseProps['view'];\n  onClick?: TagBaseProps['onClick'];\n  onCancel?: TagBaseProps['onCancel'];\n  withAction?: TagBaseProps['withAction'];\n  as: 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"}
+{"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"}

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

@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
 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" | 1 | 4 | 2 | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
+export declare const tagBasePropGroup: (1 | 4 | 2 | "1" | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
 export type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";

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

@@ -3,6 +3,6 @@ import React from 'react';
 import { TextFieldComponent, TextFieldProps } from './types';
 export declare const COMPONENT_NAME: "TextField";
 export declare const cnTextField: import("@bem-react/classname").ClassNameFormatter;
-export declare const TextFieldRender: <TYPE extends string>(props: TextFieldProps<TYPE>, ref: React.Ref<HTMLDivElement>) => JSX.Element;
+export declare const TextFieldRender: <TYPE extends string>(props: TextFieldProps<TYPE>, ref: React.Ref<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const TextField: TextFieldComponent;
 export * from './types';

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

@@ -88,5 +88,5 @@ export type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
     onKeyDown?: React.KeyboardEventHandler;
     onClear?: React.MouseEventHandler<HTMLButtonElement>;
 }, HTMLDivElement> & InputRef<TYPE> & TextFieldPropsTextareaType<TYPE> & React.RefAttributes<HTMLDivElement>;
-export type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
+export type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactNode | null;
 export {};

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

@@ -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.ReactElement | 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"}
+{"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/TextFieldTypeTextArray/TextFieldTypeTextArray.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","getStyleProps","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","target","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","controlSize","stylesRoot","height","items","map"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys, UseKeysPropKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { getStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { TextFieldPropRenderValueItem, TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeTextArray } from './cnTextFieldTypeTextArray';\n\nconst defaultRenderValueItem: TextFieldPropRenderValueItem = ({\n  item,\n  index,\n  size,\n  disabled,\n  onRemove,\n}) => (\n  <FieldArrayValueItem\n    key={index}\n    size={size}\n    label={item}\n    disabled={disabled}\n    onRemove={onRemove}\n  />\n);\n\nexport const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      style,\n      inputValue,\n      renderValueItem = defaultRenderValueItem,\n      onInputChange,\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: inputHandleClear,\n      handleFocus,\n      focused,\n      withValue: withInputValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange: onInputChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear: undefined,\n    });\n\n    const withValue = withInputValue || !!value?.length;\n\n    const controlRef = useRef<HTMLDivElement>(null);\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const mutableRefs = useMutableRef([\n      onChange,\n      inputHandleClear,\n      value,\n    ] as const);\n\n    const getRemoveItem = (index: number) => (e: React.MouseEvent) => {\n      if (value?.length) {\n        const newValue = [...value];\n        newValue.splice(index, 1);\n        onChange?.(newValue.length ? newValue : null, { e });\n      }\n    };\n\n    const handleClear = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        mutableRefs.current[1](e);\n        if (mutableRefs.current[2]?.length) {\n          mutableRefs.current[0]?.(null, { e });\n        }\n      },\n      [],\n    );\n\n    const keys: UseKeysPropKeys<HTMLInputElement> = useMemo(\n      () => ({\n        Enter: (e) => {\n          const stringValue = e.target.value;\n          if (stringValue) {\n            mutableRefs.current[0]?.(\n              [...(mutableRefs.current[2] || []), stringValue],\n              {\n                e,\n              },\n            );\n\n            if (\n              controlRef.current &&\n              typeof controlRef.current.scrollTo === 'function'\n            ) {\n              controlRef.current.scrollTo({\n                top: controlRef.current.scrollHeight,\n              });\n            }\n          }\n        },\n        Backspace: (e) => {\n          const stringValue = e.target.value;\n          const currentValue = mutableRefs.current[2];\n\n          if (!stringValue && currentValue?.length) {\n            e.preventDefault();\n            const newValue = [...currentValue];\n            newValue.pop();\n            mutableRefs.current[0]?.(newValue, {\n              e,\n            });\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<HTMLInputElement>({\n      isActive: !!onChange,\n      keys,\n      onEvent: onKeyDown,\n    });\n\n    const controlSize = useComponentSize(controlRef);\n\n    const stylesRoot: Record<'max-height' | 'height', string> | undefined =\n      ref.current\n        ? getStyleProps(ref.current, ['max-height', 'height'])\n        : undefined;\n\n    useEffect(() => {\n      if (controlRef.current && scrollWrapperRef.current && focused) {\n        scrollWrapperRef.current.scrollTo({\n          top: controlSize.height,\n        });\n      }\n    }, [controlSize.height]);\n\n    useEffect(() => {\n      if (inputRef.current && inputRef.current.value !== inputValue) {\n        inputRef.current.value = inputValue || '';\n      }\n    }, [inputValue, inputRef.current]);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArray({ withValue }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={onClear || handleClear}\n              icon={iconClear}\n            />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ...style,\n          ['--text-field-textarray-max-height' as string]:\n            stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\n        }}\n      >\n        <div\n          ref={scrollWrapperRef}\n          className={cnTextFieldTypeTextArray('ScrollWrapper', [\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n        >\n          <FieldArrayValueInlineControl\n            size={size}\n            inputRef={useForkRef([inputRef, inputRefProp])}\n            value={value ?? undefined}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            autoFocus={autoFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef}\n            placeholder={placeholder}\n            renderValue={(items) =>\n              items.map((item, index) =>\n                renderValueItem({\n                  item,\n                  index,\n                  size,\n                  disabled,\n                  onRemove: getRemoveItem(index),\n                }),\n              )\n            }\n            onCopy={onCopy}\n            onCopyCapture={onCopyCapture}\n            onCut={onCut}\n            onCutCapture={onCutCapture}\n            onPaste={onPaste}\n            onPasteCapture={onPasteCapture}\n            inputTabIndex={tabIndex}\n            onKeyDownCapture={onKeyDownCapture}\n            onKeyUp={onKeyUp}\n            onKeyUpCapture={onKeyUpCapture}\n            onWheel={onWheel}\n            disabled={disabled}\n            inputDefaultValue={inputValue || ''}\n          />\n        </div>\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","getStyleProps","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","controlSize","stylesRoot","height","items","map"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys, UseKeysPropKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { getStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { TextFieldPropRenderValueItem, TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeTextArray } from './cnTextFieldTypeTextArray';\n\nconst defaultRenderValueItem: TextFieldPropRenderValueItem = ({\n  item,\n  index,\n  size,\n  disabled,\n  onRemove,\n}) => (\n  <FieldArrayValueItem\n    key={index}\n    size={size}\n    label={item}\n    disabled={disabled}\n    onRemove={onRemove}\n  />\n);\n\nexport const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      style,\n      inputValue,\n      renderValueItem = defaultRenderValueItem,\n      onInputChange,\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: inputHandleClear,\n      handleFocus,\n      focused,\n      withValue: withInputValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange: onInputChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear: undefined,\n    });\n\n    const withValue = withInputValue || !!value?.length;\n\n    const controlRef = useRef<HTMLDivElement>(null);\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const mutableRefs = useMutableRef([\n      onChange,\n      inputHandleClear,\n      value,\n    ] as const);\n\n    const getRemoveItem = (index: number) => (e: React.MouseEvent) => {\n      if (value?.length) {\n        const newValue = [...value];\n        newValue.splice(index, 1);\n        onChange?.(newValue.length ? newValue : null, { e });\n      }\n    };\n\n    const handleClear = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        mutableRefs.current[1](e);\n        if (mutableRefs.current[2]?.length) {\n          mutableRefs.current[0]?.(null, { e });\n        }\n      },\n      [],\n    );\n\n    const keys: UseKeysPropKeys<HTMLInputElement> = useMemo(\n      () => ({\n        Enter: (e) => {\n          const stringValue = inputRef.current?.value;\n\n          if (stringValue) {\n            mutableRefs.current[0]?.(\n              [...(mutableRefs.current[2] || []), stringValue],\n              {\n                e,\n              },\n            );\n\n            if (\n              controlRef.current &&\n              typeof controlRef.current.scrollTo === 'function'\n            ) {\n              controlRef.current.scrollTo({\n                top: controlRef.current.scrollHeight,\n              });\n            }\n          }\n        },\n        Backspace: (e) => {\n          const stringValue = inputRef.current?.value;\n          const currentValue = mutableRefs.current[2];\n\n          if (!stringValue && currentValue?.length) {\n            e.preventDefault();\n            const newValue = [...currentValue];\n            newValue.pop();\n            mutableRefs.current[0]?.(newValue, {\n              e,\n            });\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<HTMLInputElement>({\n      isActive: !!onChange,\n      keys,\n      onEvent: onKeyDown,\n    });\n\n    const controlSize = useComponentSize(controlRef);\n\n    const stylesRoot: Record<'max-height' | 'height', string> | undefined =\n      ref.current\n        ? getStyleProps(ref.current, ['max-height', 'height'])\n        : undefined;\n\n    useEffect(() => {\n      if (controlRef.current && scrollWrapperRef.current && focused) {\n        scrollWrapperRef.current.scrollTo({\n          top: controlSize.height,\n        });\n      }\n    }, [controlSize.height]);\n\n    useEffect(() => {\n      if (inputRef.current && inputRef.current.value !== inputValue) {\n        inputRef.current.value = inputValue || '';\n      }\n    }, [inputValue, inputRef.current]);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArray({ withValue }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={onClear || handleClear}\n              icon={iconClear}\n            />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ...style,\n          ['--text-field-textarray-max-height' as string]:\n            stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\n        }}\n      >\n        <div\n          ref={scrollWrapperRef}\n          className={cnTextFieldTypeTextArray('ScrollWrapper', [\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n        >\n          <FieldArrayValueInlineControl\n            size={size}\n            inputRef={useForkRef([inputRef, inputRefProp])}\n            value={value ?? undefined}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            autoFocus={autoFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef}\n            placeholder={placeholder}\n            renderValue={(items) =>\n              items.map((item, index) =>\n                renderValueItem({\n                  item,\n                  index,\n                  size,\n                  disabled,\n                  onRemove: getRemoveItem(index),\n                }),\n              )\n            }\n            onCopy={onCopy}\n            onCopyCapture={onCopyCapture}\n            onCut={onCut}\n            onCutCapture={onCutCapture}\n            onPaste={onPaste}\n            onPasteCapture={onPasteCapture}\n            inputTabIndex={tabIndex}\n            onKeyDownCapture={onKeyDownCapture}\n            onKeyUp={onKeyUp}\n            onKeyUpCapture={onKeyUpCapture}\n            onWheel={onWheel}\n            disabled={disabled}\n            inputDefaultValue={inputValue || ''}\n          />\n        </div>\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/types.d.ts

@@ -86,6 +86,6 @@ export type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<
     onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;
     onWheel?: React.WheelEventHandler<InputType<TYPE>>;
 }, HTMLDivElement> & TextFieldPropsTypeTextArea<TYPE> & TextFieldPropsTypeTextArray<TYPE> & TextFieldPropsTypeNumber<TYPE> & TextFieldPropsTypePassword<TYPE>;
-export type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
-export type TextFieldTypeComponent<TYPE extends string> = (props: TextFieldProps<TYPE>) => React.ReactElement | null;
+export type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactNode | null;
+export type TextFieldTypeComponent<TYPE extends string> = (props: TextFieldProps<TYPE>) => React.ReactNode | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { AutoCompete } from '##/utils/types/AutoComplete';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue<TYPE> = TYPE extends 'textarray'\n  ? string[] | null\n  : string | null;\n\nexport type TextFieldPropDefaultValue<TYPE> = TYPE extends 'textarray'\n  ? never\n  : string | null;\n\nexport type TextFieldPropSize = FieldPropSize;\n\nexport type TextFieldPropOnChange<TYPE> = (\n  value: TextFieldPropValue<TYPE>,\n  params: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\ntype InputType<TYPE extends string> = TYPE extends 'textarea'\n  ? HTMLTextAreaElement\n  : HTMLInputElement;\n\ntype TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea'\n  ? {\n      resize?: boolean | 'auto';\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  : {};\n\nexport type TextFieldPropRenderValueItem = (props: {\n  item: string;\n  index: number;\n  onRemove: (e: React.MouseEvent) => void;\n  size: FieldPropSize;\n  disabled: boolean | undefined;\n}) => React.ReactNode;\n\ntype TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray'\n  ? {\n      renderValueItem?: TextFieldPropRenderValueItem;\n      inputValue?: string | null;\n      onInputChange?: TextFieldPropOnChange<string>;\n    }\n  : {};\n\ntype TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number'\n  ? {\n      max?: number | string;\n      min?: number | string;\n      step?: number | string | number[];\n      incrementButtons?: boolean;\n    }\n  : {};\n\ntype TextFieldPropsTypePassword<TYPE> = TYPE extends 'password'\n  ? {\n      iconShowPassword?: IconComponent;\n      iconHidePassword?: IconComponent;\n    }\n  : {};\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<\n  {\n    className?: string;\n    value?: TextFieldPropValue<TYPE>;\n    defaultValue?: TextFieldPropDefaultValue<TYPE>;\n    onChange?: TextFieldPropOnChange<TYPE>;\n    id?: string;\n    name?: string;\n    type?: TYPE;\n    disabled?: boolean;\n    mixLength?: number;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: FieldPropView;\n    form?: FieldPropForm;\n    status?: FieldPropStatus;\n    onFocus?: React.FocusEventHandler<InputType<TYPE>>;\n    onBlur?: React.FocusEventHandler<InputType<TYPE>>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    clearButton?: boolean;\n    iconClear?: IconComponent;\n    autoComplete?: AutoCompete;\n    readOnly?: boolean;\n    tabIndex?: number;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    onClear?: React.MouseEventHandler<HTMLButtonElement>;\n    inputRef?: React.Ref<InputType<TYPE>>;\n    onKeyUp?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyUpCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDown?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDownCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onCopy?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCopyCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCut?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCutCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPaste?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onWheel?: React.WheelEventHandler<InputType<TYPE>>;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTypeTextArea<TYPE> &\n  TextFieldPropsTypeTextArray<TYPE> &\n  TextFieldPropsTypeNumber<TYPE> &\n  TextFieldPropsTypePassword<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type TextFieldTypeComponent<TYPE extends string> = (\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { AutoCompete } from '##/utils/types/AutoComplete';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue<TYPE> = TYPE extends 'textarray'\n  ? string[] | null\n  : string | null;\n\nexport type TextFieldPropDefaultValue<TYPE> = TYPE extends 'textarray'\n  ? never\n  : string | null;\n\nexport type TextFieldPropSize = FieldPropSize;\n\nexport type TextFieldPropOnChange<TYPE> = (\n  value: TextFieldPropValue<TYPE>,\n  params: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\ntype InputType<TYPE extends string> = TYPE extends 'textarea'\n  ? HTMLTextAreaElement\n  : HTMLInputElement;\n\ntype TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea'\n  ? {\n      resize?: boolean | 'auto';\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  : {};\n\nexport type TextFieldPropRenderValueItem = (props: {\n  item: string;\n  index: number;\n  onRemove: (e: React.MouseEvent) => void;\n  size: FieldPropSize;\n  disabled: boolean | undefined;\n}) => React.ReactNode;\n\ntype TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray'\n  ? {\n      renderValueItem?: TextFieldPropRenderValueItem;\n      inputValue?: string | null;\n      onInputChange?: TextFieldPropOnChange<string>;\n    }\n  : {};\n\ntype TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number'\n  ? {\n      max?: number | string;\n      min?: number | string;\n      step?: number | string | number[];\n      incrementButtons?: boolean;\n    }\n  : {};\n\ntype TextFieldPropsTypePassword<TYPE> = TYPE extends 'password'\n  ? {\n      iconShowPassword?: IconComponent;\n      iconHidePassword?: IconComponent;\n    }\n  : {};\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<\n  {\n    className?: string;\n    value?: TextFieldPropValue<TYPE>;\n    defaultValue?: TextFieldPropDefaultValue<TYPE>;\n    onChange?: TextFieldPropOnChange<TYPE>;\n    id?: string;\n    name?: string;\n    type?: TYPE;\n    disabled?: boolean;\n    mixLength?: number;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: FieldPropView;\n    form?: FieldPropForm;\n    status?: FieldPropStatus;\n    onFocus?: React.FocusEventHandler<InputType<TYPE>>;\n    onBlur?: React.FocusEventHandler<InputType<TYPE>>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    clearButton?: boolean;\n    iconClear?: IconComponent;\n    autoComplete?: AutoCompete;\n    readOnly?: boolean;\n    tabIndex?: number;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    onClear?: React.MouseEventHandler<HTMLButtonElement>;\n    inputRef?: React.Ref<InputType<TYPE>>;\n    onKeyUp?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyUpCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDown?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDownCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onCopy?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCopyCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCut?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCutCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPaste?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onWheel?: React.WheelEventHandler<InputType<TYPE>>;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTypeTextArea<TYPE> &\n  TextFieldPropsTypeTextArray<TYPE> &\n  TextFieldPropsTypeNumber<TYPE> &\n  TextFieldPropsTypePassword<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type TextFieldTypeComponent<TYPE extends string> = (\n  props: TextFieldProps<TYPE>,\n) => React.ReactNode | null;\n"],"mappings":""}

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

@@ -19,14 +19,17 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -36,14 +39,16 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
-    autoCapitalize?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
     color?: string | undefined | undefined;
@@ -57,56 +62,63 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-colcount'?: number | undefined | undefined;
-    'aria-colindex'?: number | undefined | undefined;
-    'aria-colspan'?: number | undefined | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: number | undefined | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: number | undefined | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: number | undefined | undefined;
-    'aria-rowindex'?: number | undefined | undefined;
-    'aria-rowspan'?: number | undefined | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: number | undefined | undefined;
-    'aria-valuemin'?: number | undefined | undefined;
-    'aria-valuenow'?: number | undefined | undefined;
-    'aria-valuetext'?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -125,7 +137,7 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -244,9 +256,7 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
@@ -267,7 +277,7 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    ref?: import("react").Ref<HTMLButtonElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
 };
 export declare const iconSizeMap: Record<ThemeTogglerPropSize, IconPropSize>;

package/__internal__/src/components/ThemeToggler/types.d.ts

@@ -42,4 +42,4 @@ export type ThemeTogglerProps<ITEM = ThemeTogglerItemDefault> = PropsWithHTMLAtt
 } ? {} : {
     getItemIcon: ThemeTogglerPropGetItemIcon<ITEM>;
 });
-export type ThemeTogglerComponent = <ITEM>(props: ThemeTogglerProps<ITEM>) => React.ReactElement | null;
+export type ThemeTogglerComponent = <ITEM>(props: ThemeTogglerProps<ITEM>) => React.ReactNode | null;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["themeTogglerPropSize","themeTogglerPropSizeDefault"],"sources":["../../../../../src/components/ThemeToggler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { ButtonPropView } from '##/components/Button';\nimport { Direction } from '##/components/Popover';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const themeTogglerPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type ThemeTogglerPropSize = typeof themeTogglerPropSize[number];\nexport const themeTogglerPropSizeDefault: ThemeTogglerPropSize =\n  themeTogglerPropSize[0];\n\nexport type ThemeTogglerPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\nexport type ThemeTogglerPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ThemeTogglerPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ThemeTogglerPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent;\n\nexport type ThemeTogglerItemDefault = {\n  key: string;\n  label: string;\n  icon: IconComponent;\n};\n\nexport type ThemeTogglerProps<ITEM = ThemeTogglerItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: ThemeTogglerPropSize;\n      className?: string;\n      items: ITEM[];\n      value: ITEM;\n      onChange: ThemeTogglerPropOnChange<ITEM>;\n      getItemKey?: ThemeTogglerPropGetItemKey<ITEM>;\n      getItemLabel?: ThemeTogglerPropGetItemLabel<ITEM>;\n      getItemIcon?: ThemeTogglerPropGetItemIcon<ITEM>;\n      direction?: Direction;\n      possibleDirections?: readonly Direction[];\n      children?: never;\n      view?: ButtonPropView;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { key: ThemeTogglerItemDefault['key'] }\n      ? {}\n      : { getItemKey: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { label: ThemeTogglerItemDefault['label'] }\n      ? {}\n      : { getItemLabel: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { icon: ThemeTogglerItemDefault['icon'] }\n      ? {}\n      : { getItemIcon: ThemeTogglerPropGetItemIcon<ITEM> });\n\nexport type ThemeTogglerComponent = <ITEM>(\n  props: ThemeTogglerProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAMA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}
+{"version":3,"file":"types.js","names":["themeTogglerPropSize","themeTogglerPropSizeDefault"],"sources":["../../../../../src/components/ThemeToggler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { ButtonPropView } from '##/components/Button';\nimport { Direction } from '##/components/Popover';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const themeTogglerPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type ThemeTogglerPropSize = typeof themeTogglerPropSize[number];\nexport const themeTogglerPropSizeDefault: ThemeTogglerPropSize =\n  themeTogglerPropSize[0];\n\nexport type ThemeTogglerPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\nexport type ThemeTogglerPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ThemeTogglerPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ThemeTogglerPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent;\n\nexport type ThemeTogglerItemDefault = {\n  key: string;\n  label: string;\n  icon: IconComponent;\n};\n\nexport type ThemeTogglerProps<ITEM = ThemeTogglerItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: ThemeTogglerPropSize;\n      className?: string;\n      items: ITEM[];\n      value: ITEM;\n      onChange: ThemeTogglerPropOnChange<ITEM>;\n      getItemKey?: ThemeTogglerPropGetItemKey<ITEM>;\n      getItemLabel?: ThemeTogglerPropGetItemLabel<ITEM>;\n      getItemIcon?: ThemeTogglerPropGetItemIcon<ITEM>;\n      direction?: Direction;\n      possibleDirections?: readonly Direction[];\n      children?: never;\n      view?: ButtonPropView;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { key: ThemeTogglerItemDefault['key'] }\n      ? {}\n      : { getItemKey: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { label: ThemeTogglerItemDefault['label'] }\n      ? {}\n      : { getItemLabel: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { icon: ThemeTogglerItemDefault['icon'] }\n      ? {}\n      : { getItemIcon: ThemeTogglerPropGetItemIcon<ITEM> });\n\nexport type ThemeTogglerComponent = <ITEM>(\n  props: ThemeTogglerProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAMA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}

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

@@ -12,4 +12,4 @@ export type TimerProps = PropsWithJsxAttributes<{
     children?: never;
 }>;
 export declare const cnTimer: import("@bem-react/classname").ClassNameFormatter;
-export declare const Timer: React.ForwardRefExoticComponent<Pick<TimerProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "progress" | "key" | "animation" | "seconds"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Timer: React.ForwardRefExoticComponent<Omit<TimerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
 import './Tooltip.css';
 import React from 'react';
 import { TooltipProps } from './types';
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "status" | "key" | "position" | "direction" | "container" | "offset" | "possibleDirections" | "spareDirection" | "isInteractive" | "onClickOutside" | "onSetDirection" | "viewportRef" | "anchorRef" | "equalAnchorWidth" | "isOpen"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;