@consta/uikit 4.6.2 → 4.6.4

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","useRef","useForkRef","cnMixFocus","cn","getByMap","forwardRefWithAs","usePropsHandler","Loader","buttonPropSize","buttonPropSizeDefault","buttonPropView","buttonPropViewDefault","buttonPropWidth","buttonPropWidthDefault","buttonPropForm","mapStableForm","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clearClear","buttonPropFormDefault","COMPONENT_NAME","cnButton","sizeMap","xs","s","m","l","sizeMapOnlyIcon","Button","props","ref","buttonRef","size","view","width","form","iconLeft","iconRight","label","className","onClick","disabled","loading","tabIndex","as","onlyIcon","iconSizeProp","iconSize","otherProps","Tag","IconOnly","IconLeft","IconRight","title","handleClick","e","withIcon","position"],"sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import './Button.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Loader } from '../Loader/Loader';\n\nexport const buttonPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ButtonPropSize = typeof buttonPropSize[number];\nexport const buttonPropSizeDefault: ButtonPropSize = buttonPropSize[0];\n\nexport const buttonPropView = [\n  'primary',\n  'clear',\n  'ghost',\n  'secondary',\n] as const;\nexport type ButtonPropView = typeof buttonPropView[number];\nexport const buttonPropViewDefault: ButtonPropView = buttonPropView[0];\n\nexport const buttonPropWidth = ['default', 'full'] as const;\nexport type ButtonPropWidth = typeof buttonPropWidth[number];\nexport const buttonPropWidthDefault: ButtonPropWidth = buttonPropWidth[0];\n\nexport const buttonPropForm = [\n  'default',\n  'brick',\n  'round',\n  'brickRound',\n  'roundBrick',\n  'brickDefault',\n  'defaultBrick',\n] as const;\n\nexport type ButtonPropForm = typeof buttonPropForm[number];\n\ntype GlobalForm =\n  | 'default'\n  | 'brick'\n  | 'round'\n  | 'brickRound'\n  | 'roundBrick'\n  | 'brickDefault'\n  | 'defaultBrick'\n  | 'defaultClear'\n  | 'brickClear'\n  | 'roundClear'\n  | 'clearRound'\n  | 'clearDefault'\n  | 'clearBrick'\n  | 'clearClear';\n\nconst mapStableForm: Record<GlobalForm, ButtonPropForm> = {\n  default: 'default',\n  defaultClear: 'defaultBrick',\n  defaultBrick: 'defaultBrick',\n  brick: 'brick',\n  brickDefault: 'brickDefault',\n  brickClear: 'brick',\n  brickRound: 'brickRound',\n  round: 'round',\n  roundClear: 'roundBrick',\n  roundBrick: 'roundBrick',\n  clearRound: 'brickRound',\n  clearDefault: 'brickDefault',\n  clearBrick: 'brick',\n  clearClear: 'brick',\n};\n\nexport const buttonPropFormDefault = buttonPropForm[0];\n\nexport type Props = {\n  size?: ButtonPropSize;\n  view?: ButtonPropView;\n  width?: ButtonPropWidth;\n  form?: ButtonPropForm;\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  label?: string | number;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  title?: string;\n  children?: never;\n};\n\nexport const COMPONENT_NAME = 'Button' as const;\nexport const cnButton = cn(COMPONENT_NAME);\n\nconst sizeMap: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nconst sizeMapOnlyIcon: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n\nexport const Button = forwardRefWithAs<Props, 'button'>((props, ref) => {\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const {\n    size = buttonPropSizeDefault,\n    view = buttonPropViewDefault,\n    width = buttonPropWidthDefault,\n    form = buttonPropFormDefault,\n    iconLeft,\n    iconRight,\n    label,\n    className,\n    onClick,\n    disabled,\n    loading,\n    tabIndex,\n    as = 'button',\n    onlyIcon,\n    iconSize: iconSizeProp,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, buttonRef);\n\n  const Tag = as as string;\n  const IconOnly = (!label || onlyIcon) && (iconLeft || iconRight);\n  const IconLeft = iconLeft;\n  const IconRight = iconRight;\n  const withIcon = !!iconLeft || !!iconRight;\n  const title = props.title || (!!IconOnly && label) || undefined;\n  const iconSize = IconOnly\n    ? getByMap(sizeMapOnlyIcon, size, iconSizeProp)\n    : getByMap(sizeMap, size, iconSizeProp);\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (!disabled && !loading && onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick ? handleClick : undefined}\n      className={cnButton(\n        {\n          size,\n          view,\n          width,\n          form: mapStableForm[form],\n          disabled,\n          loading,\n          withIcon,\n          onlyIcon: !!IconOnly,\n        },\n        [cnMixFocus(), className],\n      )}\n      tabIndex={tabIndex}\n      title={title}\n      ref={useForkRef([ref, buttonRef])}\n      {...(Tag === 'button' ? { disabled: disabled || loading } : {})}\n    >\n      {IconOnly && <IconOnly className={cnButton('Icon')} size={iconSize} />}\n      {!IconOnly &&\n        ((IconLeft || IconRight) && label ? (\n          <>\n            {IconLeft && (\n              <IconLeft\n                className={cnButton('Icon', { position: 'left' })}\n                size={iconSize}\n              />\n            )}\n            <span className={cnButton('Label')}>{label}</span>\n            {IconRight && (\n              <IconRight\n                className={cnButton('Icon', { position: 'right' })}\n                size={iconSize}\n              />\n            )}\n          </>\n        ) : (\n          label\n        ))}\n      {loading && <Loader className={cnButton('Loader')} size=\"s\" />}\n    </Tag>\n  );\n});\n"],"mappings":"kPAAA,qBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCAEA,OAASC,UAAT,oCACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,gBAAT,+CACA,OAASC,eAAT,2CACA,OAASC,MAAT,wBAEA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAC5B,SAD4B,CAE5B,OAF4B,CAG5B,OAH4B,CAI5B,WAJ4B,CAAvB,CAOP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAxB,CAEP,MAAO,IAAMC,uBAAuC,CAAGD,eAAe,CAAC,CAAD,CAA/D,CAEP,MAAO,IAAME,eAAc,CAAG,CAC5B,SAD4B,CAE5B,OAF4B,CAG5B,OAH4B,CAI5B,YAJ4B,CAK5B,YAL4B,CAM5B,cAN4B,CAO5B,cAP4B,CAAvB,CA4BP,GAAMC,cAAiD,CAAG,CACxD,QAAS,SAD+C,CAExDC,YAAY,CAAE,cAF0C,CAGxDC,YAAY,CAAE,cAH0C,CAIxDC,KAAK,CAAE,OAJiD,CAKxDC,YAAY,CAAE,cAL0C,CAMxDC,UAAU,CAAE,OAN4C,CAOxDC,UAAU,CAAE,YAP4C,CAQxDC,KAAK,CAAE,OARiD,CASxDC,UAAU,CAAE,YAT4C,CAUxDC,UAAU,CAAE,YAV4C,CAWxDC,UAAU,CAAE,YAX4C,CAYxDC,YAAY,CAAE,cAZ0C,CAaxDC,UAAU,CAAE,OAb4C,CAcxDC,UAAU,CAAE,OAd4C,CAA1D,CAiBA,MAAO,IAAMC,sBAAqB,CAAGf,cAAc,CAAC,CAAD,CAA5C,CAoBP,MAAO,IAAMgB,eAAc,CAAG,QAAvB,CACP,MAAO,IAAMC,SAAQ,CAAG5B,EAAE,UAAnB,C,GAED6B,QAA6C,CAAG,CACpDC,EAAE,CAAE,IADgD,CAEpDC,CAAC,CAAE,IAFiD,CAGpDC,CAAC,CAAE,GAHiD,CAIpDC,CAAC,CAAE,GAJiD,C,CAOhDC,eAAqD,CAAG,CAC5DJ,EAAE,CAAE,IADwD,CAE5DC,CAAC,CAAE,GAFyD,CAG5DC,CAAC,CAAE,GAHyD,CAI5DC,CAAC,CAAE,GAJyD,C,CAO9D,MAAO,IAAME,OAAM,CAAGjC,gBAAgB,CAAkB,SAACkC,CAAD,CAAQC,CAAR,CAAgB,IAChEC,EAAS,CAAGzC,MAAM,CAA2B,IAA3B,CAD8C,GAoBlEM,eAAe,CAACwB,cAAD,CAAiBS,CAAjB,CAAwBE,CAAxB,CApBmD,KAIpEC,IAJoE,CAIpEA,CAJoE,YAI7DjC,qBAJ6D,OAKpEkC,IALoE,CAKpEA,CALoE,YAK7DhC,qBAL6D,OAMpEiC,KANoE,CAMpEA,CANoE,YAM5D/B,sBAN4D,OAOpEgC,IAPoE,CAOpEA,CAPoE,YAO7DhB,qBAP6D,GAQpEiB,CARoE,GAQpEA,QARoE,CASpEC,CAToE,GASpEA,SAToE,CAUpEC,CAVoE,GAUpEA,KAVoE,CAWpEC,CAXoE,GAWpEA,SAXoE,CAYpEC,CAZoE,GAYpEA,OAZoE,CAapEC,CAboE,GAapEA,QAboE,CAcpEC,CAdoE,GAcpEA,OAdoE,CAepEC,CAfoE,GAepEA,QAfoE,KAgBpEC,EAhBoE,CAgBpEA,CAhBoE,YAgB/D,QAhB+D,GAiBpEC,CAjBoE,GAiBpEA,QAjBoE,CAkB1DC,CAlB0D,GAkBpEC,QAlBoE,CAmBjEC,CAnBiE,uCAsBhEC,CAAG,CAAGL,CAtB0D,CAuBhEM,CAAQ,CAAG,CAAC,CAACZ,CAAD,EAAUO,CAAX,IAAyBT,CAAQ,EAAIC,CAArC,CAvBqD,CAwBhEc,CAAQ,CAAGf,CAxBqD,CAyBhEgB,CAAS,CAAGf,CAzBoD,CA2BhEgB,CAAK,CAAGxB,CAAK,CAACwB,KAAN,EAAgB,CAAC,CAACH,CAAF,EAAcZ,CAA9B,QA3BwD,CA4BhES,CAAQ,CAAGG,CAAQ,CACrBxD,QAAQ,CAACiC,eAAD,CAAkBK,CAAlB,CAAwBc,CAAxB,CADa,CAErBpD,QAAQ,CAAC4B,OAAD,CAAUU,CAAV,CAAgBc,CAAhB,CA9B0D,CAsCtE,MACE,qBAAC,CAAD,kBACME,CADN,EAEE,OAAO,CAAER,CAAO,CATA,QAAdc,YAAc,CAACC,CAAD,CAAsC,CACnDd,CAAD,EAAcC,CAAd,GAAyBF,CAD2B,EAEtDA,CAAO,CAACe,CAAD,CAEV,CAKmB,OAFlB,CAGE,SAAS,CAAElC,QAAQ,CACjB,CACEW,IAAI,CAAJA,CADF,CAEEC,IAAI,CAAJA,CAFF,CAGEC,KAAK,CAALA,CAHF,CAIEC,IAAI,CAAE9B,aAAa,CAAC8B,CAAD,CAJrB,CAKEM,QAAQ,CAARA,CALF,CAMEC,OAAO,CAAPA,CANF,CAOEc,QAAQ,CAxBC,CAAC,CAACpB,CAAF,EAAc,CAAC,CAACC,CAiB3B,CAQEQ,QAAQ,CAAE,CAAC,CAACK,CARd,CADiB,CAWjB,CAAC1D,UAAU,EAAX,CAAe+C,CAAf,CAXiB,CAHrB,CAgBE,QAAQ,CAAEI,CAhBZ,CAiBE,KAAK,CAAEU,CAjBT,CAkBE,GAAG,CAAE9D,UAAU,CAAC,CAACuC,CAAD,CAAMC,CAAN,CAAD,CAlBjB,EAmBe,QAAR,GAAAkB,CAAG,CAAgB,CAAER,QAAQ,CAAEA,CAAQ,EAAIC,CAAxB,CAAhB,CAAoD,EAnB9D,EAqBGQ,CAAQ,EAAI,oBAAC,CAAD,EAAU,SAAS,CAAE7B,QAAQ,CAAC,MAAD,CAA7B,CAAuC,IAAI,CAAE0B,CAA7C,EArBf,CAsBG,CAACG,CAAD,GACE,CAACC,CAAQ,EAAIC,CAAb,GAA2Bd,CAA3B,CACC,wCACGa,CAAQ,EACP,oBAAC,CAAD,EACE,SAAS,CAAE9B,QAAQ,CAAC,MAAD,CAAS,CAAEoC,QAAQ,CAAE,MAAZ,CAAT,CADrB,CAEE,IAAI,CAAEV,CAFR,EAFJ,CAOE,4BAAM,SAAS,CAAE1B,QAAQ,CAAC,OAAD,CAAzB,EAAqCiB,CAArC,CAPF,CAQGc,CAAS,EACR,oBAAC,CAAD,EACE,SAAS,CAAE/B,QAAQ,CAAC,MAAD,CAAS,CAAEoC,QAAQ,CAAE,OAAZ,CAAT,CADrB,CAEE,IAAI,CAAEV,CAFR,EATJ,CADD,CAiBCT,CAlBH,CAtBH,CA0CGI,CAAO,EAAI,oBAAC,MAAD,EAAQ,SAAS,CAAErB,QAAQ,CAAC,QAAD,CAA3B,CAAuC,IAAI,CAAC,GAA5C,EA1Cd,CA6CH,CApFqC,CAA/B"}
+{"version":3,"file":"Button.js","names":["React","useRef","useForkRef","cnMixFocus","cn","getByMap","forwardRefWithAs","usePropsHandler","Loader","buttonPropSize","buttonPropSizeDefault","buttonPropView","buttonPropViewDefault","buttonPropWidth","buttonPropWidthDefault","buttonPropForm","mapStableForm","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clearClear","buttonPropFormDefault","COMPONENT_NAME","cnButton","sizeMap","xs","s","m","l","sizeMapOnlyIcon","Button","props","ref","buttonRef","size","view","width","form","iconLeft","iconRight","label","className","onClick","disabled","loading","tabIndex","as","onlyIcon","iconSizeProp","iconSize","otherProps","Tag","IconOnly","IconLeft","IconRight","title","handleClick","e","withIcon","position"],"sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import './Button.css';\n\nimport { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Loader } from '../Loader/Loader';\n\nexport const buttonPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type ButtonPropSize = typeof buttonPropSize[number];\nexport const buttonPropSizeDefault: ButtonPropSize = buttonPropSize[0];\n\nexport const buttonPropView = [\n  'primary',\n  'clear',\n  'ghost',\n  'secondary',\n] as const;\nexport type ButtonPropView = typeof buttonPropView[number];\nexport const buttonPropViewDefault: ButtonPropView = buttonPropView[0];\n\nexport const buttonPropWidth = ['default', 'full'] as const;\nexport type ButtonPropWidth = typeof buttonPropWidth[number];\nexport const buttonPropWidthDefault: ButtonPropWidth = buttonPropWidth[0];\n\nexport const buttonPropForm = [\n  'default',\n  'brick',\n  'round',\n  'brickRound',\n  'roundBrick',\n  'brickDefault',\n  'defaultBrick',\n] as const;\n\nexport type ButtonPropForm = typeof buttonPropForm[number];\n\ntype GlobalForm =\n  | 'default'\n  | 'brick'\n  | 'round'\n  | 'brickRound'\n  | 'roundBrick'\n  | 'brickDefault'\n  | 'defaultBrick'\n  | 'defaultClear'\n  | 'brickClear'\n  | 'roundClear'\n  | 'clearRound'\n  | 'clearDefault'\n  | 'clearBrick'\n  | 'clearClear';\n\nconst mapStableForm: Record<GlobalForm, ButtonPropForm> = {\n  default: 'default',\n  defaultClear: 'defaultBrick',\n  defaultBrick: 'defaultBrick',\n  brick: 'brick',\n  brickDefault: 'brickDefault',\n  brickClear: 'brick',\n  brickRound: 'brickRound',\n  round: 'round',\n  roundClear: 'roundBrick',\n  roundBrick: 'roundBrick',\n  clearRound: 'brickRound',\n  clearDefault: 'brickDefault',\n  clearBrick: 'brick',\n  clearClear: 'brick',\n};\n\nexport const buttonPropFormDefault = buttonPropForm[0];\n\nexport type Props = {\n  size?: ButtonPropSize;\n  view?: ButtonPropView;\n  width?: ButtonPropWidth;\n  form?: ButtonPropForm;\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  label?: string | number;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  title?: string;\n  children?: never;\n};\n\nexport const COMPONENT_NAME = 'Button' as const;\nexport const cnButton = cn(COMPONENT_NAME);\n\nconst sizeMap: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nconst sizeMapOnlyIcon: Record<ButtonPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n\nexport const Button = forwardRefWithAs<Props, 'button'>((props, ref) => {\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const {\n    size = buttonPropSizeDefault,\n    view = buttonPropViewDefault,\n    width = buttonPropWidthDefault,\n    form = buttonPropFormDefault,\n    iconLeft,\n    iconRight,\n    label,\n    className,\n    onClick,\n    disabled,\n    loading,\n    tabIndex,\n    as = 'button',\n    onlyIcon,\n    iconSize: iconSizeProp,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, buttonRef);\n\n  const Tag = as as string;\n  const IconOnly = (!label || onlyIcon) && (iconLeft || iconRight);\n  const IconLeft = iconLeft;\n  const IconRight = iconRight;\n  const withIcon = !!iconLeft || !!iconRight;\n  const title = props.title || (!!IconOnly && label) || undefined;\n  const iconSize = IconOnly\n    ? getByMap(sizeMapOnlyIcon, size, iconSizeProp)\n    : getByMap(sizeMap, size, iconSizeProp);\n\n  const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (!disabled && !loading && onClick) {\n      onClick(e);\n    }\n  };\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick ? handleClick : undefined}\n      className={cnButton(\n        {\n          size,\n          view,\n          width,\n          form: mapStableForm[form],\n          disabled,\n          loading,\n          withIcon,\n          onlyIcon: !!IconOnly,\n        },\n        [cnMixFocus(), className],\n      )}\n      tabIndex={tabIndex}\n      title={title}\n      ref={useForkRef([ref, buttonRef])}\n      {...(Tag === 'button' ? { disabled: disabled || loading } : {})}\n    >\n      {IconOnly && <IconOnly className={cnButton('Icon')} size={iconSize} />}\n      {!IconOnly &&\n        ((IconLeft || IconRight) && label ? (\n          <>\n            {IconLeft && (\n              <IconLeft\n                className={cnButton('Icon', { position: 'left' })}\n                size={iconSize}\n              />\n            )}\n            <span className={cnButton('Label')}>{label}</span>\n            {IconRight && (\n              <IconRight\n                className={cnButton('Icon', { position: 'right' })}\n                size={iconSize}\n              />\n            )}\n          </>\n        ) : (\n          label\n        ))}\n      {loading && <Loader className={cnButton('Loader')} size=\"s\" />}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/CalendarDeprecated/CalendarDay/CalendarDay.d.ts

@@ -11,4 +11,4 @@ export declare type CalendarDayProps = PropsWithJsxAttributes<{
     children?: never;
 }, 'div'>;
 export declare const cnCalendarDay: import("@bem-react/classname").ClassNameFormatter;
-export declare const CalendarDay: React.ForwardRefExoticComponent<Pick<CalendarDayProps, "number" | "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" | "disabled" | "key" | "selected" | "today" | "event"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CalendarDay: React.ForwardRefExoticComponent<Pick<CalendarDayProps, "number" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "selected" | "today" | "event"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick"];import"./CalendarMonthToggler.css";import React from"react";import{IconForward}from"../../../icons/IconForward/IconForward";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CalendarMonthLabel}from"../CalendarMonthLabel/CalendarMonthLabel";export var cnCalendarMonthToggler=cn("CalendarMonthToggler");export var CalendarMonthToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{className:cnCalendarMonthToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}),React.createElement(CalendarMonthLabel,{className:cnCalendarMonthToggler("Label"),label:b}),e&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}))};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","className","prevOnClick","nextOnClick"];import"./CalendarMonthToggler.css";import{IconForward}from"@consta/icons/IconForward";import React from"react";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{CalendarMonthLabel}from"../CalendarMonthLabel/CalendarMonthLabel";export var cnCalendarMonthToggler=cn("CalendarMonthToggler");export var CalendarMonthToggler=function(a){var b=a.label,c=a.className,d=a.prevOnClick,e=a.nextOnClick,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{className:cnCalendarMonthToggler({withPrevButton:!!d,withNextButton:!!e},[c])}),d&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"prev"}),onClick:d,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}),React.createElement(CalendarMonthLabel,{className:cnCalendarMonthToggler("Label"),label:b}),e&&React.createElement(Button,{className:cnCalendarMonthToggler("Button",{direction:"next"}),onClick:e,iconLeft:IconForward,size:"s",view:"clear",iconSize:"s"}))};
 //# sourceMappingURL=CalendarMonthToggler.js.map

package/__internal__/src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonthToggler.js","names":["React","IconForward","cn","Button","CalendarMonthLabel","cnCalendarMonthToggler","CalendarMonthToggler","props","label","className","prevOnClick","nextOnClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.tsx"],"sourcesContent":["import './CalendarMonthToggler.css';\n\nimport React from 'react';\n\nimport { IconForward } from '../../../icons/IconForward/IconForward';\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { CalendarMonthLabel } from '../CalendarMonthLabel/CalendarMonthLabel';\n\nexport type CalendarMonthTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnCalendarMonthToggler = cn('CalendarMonthToggler');\n\nexport const CalendarMonthToggler: React.FC<CalendarMonthTogglerProps> = (\n  props,\n) => {\n  const { label, className, prevOnClick, nextOnClick, ...otherProps } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnCalendarMonthToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <CalendarMonthLabel\n        className={cnCalendarMonthToggler('Label')}\n        label={label}\n      />\n      {nextOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"qJAAA,mCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,WAAT,8CACA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,kBAAT,gDAYA,MAAO,IAAMC,uBAAsB,CAAGH,EAAE,CAAC,sBAAD,CAAjC,CAEP,MAAO,IAAMI,qBAAyD,CAAG,SACvEC,CADuE,CAEpE,CACH,GAAQC,EAAR,CAAsED,CAAtE,CAAQC,KAAR,CAAeC,CAAf,CAAsEF,CAAtE,CAAeE,SAAf,CAA0BC,CAA1B,CAAsEH,CAAtE,CAA0BG,WAA1B,CAAuCC,CAAvC,CAAsEJ,CAAtE,CAAuCI,WAAvC,CAAuDC,CAAvD,0BAAsEL,CAAtE,YAEA,MACE,4CACMK,CADN,EAEE,SAAS,CAAEP,sBAAsB,CAC/B,CACEQ,cAAc,GAAUH,CAD1B,CAEEI,cAAc,GAAUH,CAF1B,CAD+B,CAK/B,CAACF,CAAD,CAL+B,CAFnC,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAET,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAXJ,CAoBE,oBAAC,kBAAD,EACE,SAAS,CAAEI,sBAAsB,CAAC,OAAD,CADnC,CAEE,KAAK,CAAEG,CAFT,EApBF,CAwBGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEJ,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAzBJ,CAoCH,CA1CM"}
+{"version":3,"file":"CalendarMonthToggler.js","names":["IconForward","React","cn","Button","CalendarMonthLabel","cnCalendarMonthToggler","CalendarMonthToggler","props","label","className","prevOnClick","nextOnClick","otherProps","withPrevButton","withNextButton","direction"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarMonthToggler/CalendarMonthToggler.tsx"],"sourcesContent":["import './CalendarMonthToggler.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';\nimport { Button } from '../../Button/Button';\nimport { CalendarMonthLabel } from '../CalendarMonthLabel/CalendarMonthLabel';\n\nexport type CalendarMonthTogglerProps = PropsWithJsxAttributes<\n  {\n    prevOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    nextOnClick?: React.EventHandler<React.MouseEvent<HTMLDivElement>>;\n    label: string;\n    children?: never;\n  },\n  'div'\n>;\n\nexport const cnCalendarMonthToggler = cn('CalendarMonthToggler');\n\nexport const CalendarMonthToggler: React.FC<CalendarMonthTogglerProps> = (\n  props,\n) => {\n  const { label, className, prevOnClick, nextOnClick, ...otherProps } = props;\n\n  return (\n    <div\n      {...otherProps}\n      className={cnCalendarMonthToggler(\n        {\n          withPrevButton: Boolean(prevOnClick),\n          withNextButton: Boolean(nextOnClick),\n        },\n        [className],\n      )}\n    >\n      {prevOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'prev' })}\n          onClick={prevOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n      <CalendarMonthLabel\n        className={cnCalendarMonthToggler('Label')}\n        label={label}\n      />\n      {nextOnClick && (\n        <Button\n          className={cnCalendarMonthToggler('Button', { direction: 'next' })}\n          onClick={nextOnClick}\n          iconLeft={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          iconSize=\"s\"\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"qJAAA,mCAEA,OAASA,WAAT,KAA4B,2BAA5B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,MAAT,2BACA,OAASC,kBAAT,gDAYA,MAAO,IAAMC,uBAAsB,CAAGH,EAAE,CAAC,sBAAD,CAAjC,CAEP,MAAO,IAAMI,qBAAyD,CAAG,SACvEC,CADuE,CAEpE,CACH,GAAQC,EAAR,CAAsED,CAAtE,CAAQC,KAAR,CAAeC,CAAf,CAAsEF,CAAtE,CAAeE,SAAf,CAA0BC,CAA1B,CAAsEH,CAAtE,CAA0BG,WAA1B,CAAuCC,CAAvC,CAAsEJ,CAAtE,CAAuCI,WAAvC,CAAuDC,CAAvD,0BAAsEL,CAAtE,YAEA,MACE,4CACMK,CADN,EAEE,SAAS,CAAEP,sBAAsB,CAC/B,CACEQ,cAAc,GAAUH,CAD1B,CAEEI,cAAc,GAAUH,CAF1B,CAD+B,CAK/B,CAACF,CAAD,CAL+B,CAFnC,GAUGC,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEL,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEL,CAFX,CAGE,QAAQ,CAAEV,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAXJ,CAoBE,oBAAC,kBAAD,EACE,SAAS,CAAEK,sBAAsB,CAAC,OAAD,CADnC,CAEE,KAAK,CAAEG,CAFT,EApBF,CAwBGG,CAAW,EACV,oBAAC,MAAD,EACE,SAAS,CAAEN,sBAAsB,CAAC,QAAD,CAAW,CAAEU,SAAS,CAAE,MAAb,CAAX,CADnC,CAEE,OAAO,CAAEJ,CAFX,CAGE,QAAQ,CAAEX,WAHZ,CAIE,IAAI,CAAC,GAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAC,GANX,EAzBJ,CAoCH,CA1CM"}

package/__internal__/src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentVisibleDate","className","onChange","value","locale"];import"./CalendarSlider.css";import{addMonths,addYears,endOfYear,format,getMonth,getYear,startOfYear}from"date-fns";import ruLocale from"date-fns/locale/ru";import React,{useEffect,useRef}from"react";import{IconForward}from"../../../icons/IconForward/IconForward";import{range}from"../../../utils/array";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnCalendarSlider=cn("CalendarSlider");var isCurrentVisibleYear=function(a,b){return getYear(a)===getYear(b)},isCurrentVisibleMonth=function(a,b){return isCurrentVisibleYear(a,b)&&getMonth(a)===getMonth(b)},getValueRange=function(a,b){if(Array.isArray(b)&&b[0]&&b[1]){var c=startOfYear(a).getTime(),d=endOfYear(a).getTime(),e=b[0].getTime(),f=b[1].getTime();if(!(e>d||f<c)){if(e<=c&&f>=d)return[0,100];var g=d-c,h=function(a){return 100*(a/g)},i=Math.floor(h(e<=c?0:e-c)),j=function(a){if(a>g){return j(a-g)}return a},k=Math.ceil(f>=d?100-i:h(j(f-e)));return[i,k]}}},getMonthsData=function(a,b){return range(12).map(function(c){var d=addMonths(a,c);return{date:d,label:format(d,"MMM",{locale:b})}})},getYearDate=function(a){return new Date(getYear(a),0,1,0,0,0,0)},getSliderData=function(a,b,c){var d=getYearDate(a);return[addYears(d,-1),d,addYears(d,1),addYears(d,2)].map(function(a,d){return{label:format(a,"yyyy",{locale:c}),date:a,months:getMonthsData(a,c),positon:"".concat(d),valueRange:getValueRange(a,b)}})};export var CalendarSlider=function(a){var b=a.currentVisibleDate,c=a.className,d=a.onChange,e=a.value,f=a.locale,g=void 0===f?ruLocale:f,h=_objectWithoutProperties(a,_excluded),i=useRef(null),j=useRef(null);useEffect(function(){i.current&&j.current&&j.current.style.setProperty("--selector-offset","".concat(i.current.offsetLeft,"px"))},[b]);var k=getSliderData(b,e,g);return React.createElement("div",Object.assign({},h,{className:cnCalendarSlider(null,[c])}),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"prev"}),view:"ghost",iconLeft:IconForward,onClick:function handlePrev(){return d(addYears(b,-1))}}),React.createElement("div",{className:cnCalendarSlider("Slider"),ref:j},React.createElement("div",{className:cnCalendarSlider("SliderBody")},React.createElement("div",{className:cnCalendarSlider("Selector")}),k.map(function(a){return React.createElement(Text,{className:cnCalendarSlider("YearLabel",{position:a.positon}),weight:"bold",size:"s",key:a.label,view:isCurrentVisibleYear(b,a.date)?void 0:"ghost"},a.label)}),k.map(function(a){var c;return React.createElement("div",{key:a.label,className:cnCalendarSlider("Year",{position:a.positon,selected:!!a.valueRange}),style:a.valueRange&&(c={},_defineProperty(c,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(c,"--value-width","".concat(a.valueRange[1],"%")),c)},a.months.map(function(a,c){return React.createElement("button",{className:cnCalendarSlider("Month"),key:c,onClick:function onClick(){return d(a.date)},onKeyDown:function onKeyDown(){return d(addMonths(a.date,1))},ref:isCurrentVisibleMonth(b,a.date)?i:null,type:"button"},React.createElement(Text,{className:cnCalendarSlider("MonthLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"next"}),view:"ghost",iconLeft:IconForward,onClick:function handleNext(){return d(addYears(b,1))}}))};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["currentVisibleDate","className","onChange","value","locale"];import"./CalendarSlider.css";import{IconForward}from"@consta/icons/IconForward";import{addMonths,addYears,endOfYear,format,getMonth,getYear,startOfYear}from"date-fns";import ruLocale from"date-fns/locale/ru";import React,{useEffect,useRef}from"react";import{range}from"../../../utils/array";import{cn}from"../../../utils/bem";import{Button}from"../../Button/Button";import{Text}from"../../Text/Text";export var cnCalendarSlider=cn("CalendarSlider");var isCurrentVisibleYear=function(a,b){return getYear(a)===getYear(b)},isCurrentVisibleMonth=function(a,b){return isCurrentVisibleYear(a,b)&&getMonth(a)===getMonth(b)},getValueRange=function(a,b){if(Array.isArray(b)&&b[0]&&b[1]){var c=startOfYear(a).getTime(),d=endOfYear(a).getTime(),e=b[0].getTime(),f=b[1].getTime();if(!(e>d||f<c)){if(e<=c&&f>=d)return[0,100];var g=d-c,h=function(a){return 100*(a/g)},i=Math.floor(h(e<=c?0:e-c)),j=function(a){if(a>g){return j(a-g)}return a},k=Math.ceil(f>=d?100-i:h(j(f-e)));return[i,k]}}},getMonthsData=function(a,b){return range(12).map(function(c){var d=addMonths(a,c);return{date:d,label:format(d,"MMM",{locale:b})}})},getYearDate=function(a){return new Date(getYear(a),0,1,0,0,0,0)},getSliderData=function(a,b,c){var d=getYearDate(a);return[addYears(d,-1),d,addYears(d,1),addYears(d,2)].map(function(a,d){return{label:format(a,"yyyy",{locale:c}),date:a,months:getMonthsData(a,c),positon:"".concat(d),valueRange:getValueRange(a,b)}})};export var CalendarSlider=function(a){var b=a.currentVisibleDate,c=a.className,d=a.onChange,e=a.value,f=a.locale,g=void 0===f?ruLocale:f,h=_objectWithoutProperties(a,_excluded),i=useRef(null),j=useRef(null);useEffect(function(){i.current&&j.current&&j.current.style.setProperty("--selector-offset","".concat(i.current.offsetLeft,"px"))},[b]);var k=getSliderData(b,e,g);return React.createElement("div",Object.assign({},h,{className:cnCalendarSlider(null,[c])}),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"prev"}),view:"ghost",iconLeft:IconForward,onClick:function handlePrev(){return d(addYears(b,-1))}}),React.createElement("div",{className:cnCalendarSlider("Slider"),ref:j},React.createElement("div",{className:cnCalendarSlider("SliderBody")},React.createElement("div",{className:cnCalendarSlider("Selector")}),k.map(function(a){return React.createElement(Text,{className:cnCalendarSlider("YearLabel",{position:a.positon}),weight:"bold",size:"s",key:a.label,view:isCurrentVisibleYear(b,a.date)?void 0:"ghost"},a.label)}),k.map(function(a){var c;return React.createElement("div",{key:a.label,className:cnCalendarSlider("Year",{position:a.positon,selected:!!a.valueRange}),style:a.valueRange&&(c={},_defineProperty(c,"--value-offset","".concat(a.valueRange[0],"%")),_defineProperty(c,"--value-width","".concat(a.valueRange[1],"%")),c)},a.months.map(function(a,c){return React.createElement("button",{className:cnCalendarSlider("Month"),key:c,onClick:function onClick(){return d(a.date)},onKeyDown:function onKeyDown(){return d(addMonths(a.date,1))},ref:isCurrentVisibleMonth(b,a.date)?i:null,type:"button"},React.createElement(Text,{className:cnCalendarSlider("MonthLabel"),size:"2xs",view:"ghost",align:"center"},a.label))}))}))),React.createElement(Button,{className:cnCalendarSlider("Button",{direction:"next"}),view:"ghost",iconLeft:IconForward,onClick:function handleNext(){return d(addYears(b,1))}}))};
 //# sourceMappingURL=CalendarSlider.js.map

package/__internal__/src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarSlider.js","names":["addMonths","addYears","endOfYear","format","getMonth","getYear","startOfYear","ruLocale","React","useEffect","useRef","IconForward","range","cn","Button","Text","cnCalendarSlider","isCurrentVisibleYear","currentDate","month","isCurrentVisibleMonth","getValueRange","yearDate","value","Array","isArray","yearStartDateTime","getTime","yearEndDateTime","valueStartDateTime","valueEndDateTime","msInYear","inProcent","number","offset","Math","floor","minusYears","n","width","ceil","getMonthsData","date","locale","map","monthDate","label","getYearDate","Date","getSliderData","currentYear","index","months","positon","valueRange","CalendarSlider","props","currentVisibleDate","className","onChange","otherProps","currentMonthRef","sliderRef","current","style","setProperty","offsetLeft","data","direction","handlePrev","year","position","selected","handleNext"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.tsx"],"sourcesContent":["import './CalendarSlider.css';\n\nimport {\n  addMonths,\n  addYears,\n  endOfYear,\n  format,\n  getMonth,\n  getYear,\n  Locale,\n  startOfYear,\n} from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React, { useEffect, useRef } from 'react';\n\nimport { IconForward } from '../../../icons/IconForward/IconForward';\nimport { range } from '../../../utils/array';\nimport { cn } from '../../../utils/bem';\nimport { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\nexport type CalendarSliderProps = PropsWithHTMLAttributes<\n  {\n    currentVisibleDate: Date;\n    onChange: (date: Date) => void;\n    children?: never;\n    value?: Date | DateRange;\n    locale?: Locale;\n  },\n  HTMLDivElement\n>;\n\nexport const cnCalendarSlider = cn('CalendarSlider');\n\nconst isCurrentVisibleYear = (currentDate: Date, month: Date) =>\n  getYear(currentDate) === getYear(month);\n\nconst isCurrentVisibleMonth = (currentDate: Date, month: Date) =>\n  isCurrentVisibleYear(currentDate, month) &&\n  getMonth(currentDate) === getMonth(month);\n\nconst getValueRange = (yearDate: Date, value?: Date | DateRange) => {\n  if (!Array.isArray(value)) {\n    return undefined;\n  }\n\n  if (!value[0] || !value[1]) {\n    return undefined;\n  }\n\n  const yearStartDateTime = startOfYear(yearDate).getTime();\n  const yearEndDateTime = endOfYear(yearDate).getTime();\n  const valueStartDateTime = value[0].getTime();\n  const valueEndDateTime = value[1].getTime();\n\n  if (\n    valueStartDateTime > yearEndDateTime ||\n    valueEndDateTime < yearStartDateTime\n  ) {\n    return undefined;\n  }\n\n  if (\n    valueStartDateTime <= yearStartDateTime &&\n    valueEndDateTime >= yearEndDateTime\n  ) {\n    return [0, 100];\n  }\n\n  const msInYear = yearEndDateTime - yearStartDateTime;\n  const inProcent = (number: number) => (number / msInYear) * 100;\n  const offset = Math.floor(\n    inProcent(\n      valueStartDateTime <= yearStartDateTime\n        ? 0\n        : valueStartDateTime - yearStartDateTime,\n    ),\n  );\n\n  const minusYears = (n: number): number => {\n    if (n > msInYear) {\n      const newNumber = n - msInYear;\n      return minusYears(newNumber);\n    }\n\n    return n;\n  };\n\n  const width = Math.ceil(\n    valueEndDateTime >= yearEndDateTime\n      ? 100 - offset\n      : inProcent(minusYears(valueEndDateTime - valueStartDateTime)),\n  );\n\n  return [offset, width];\n};\n\nconst getMonthsData = (date: Date, locale: Locale) =>\n  range(12).map((month) => {\n    const monthDate = addMonths(date, month);\n    return {\n      date: monthDate,\n      label: format(monthDate, 'MMM', { locale }),\n    };\n  });\n\nconst getYearDate = (date: Date) => new Date(getYear(date), 0, 1, 0, 0, 0, 0);\n\nconst getSliderData = (\n  date: Date,\n  value: Date | DateRange | undefined,\n  locale: Locale,\n) => {\n  const currentYear = getYearDate(date);\n\n  return [\n    addYears(currentYear, -1),\n    currentYear,\n    addYears(currentYear, 1),\n    addYears(currentYear, 2),\n  ].map((date, index) => ({\n    label: format(date, 'yyyy', { locale }),\n    date,\n    months: getMonthsData(date, locale),\n    positon: `${index}`,\n    valueRange: getValueRange(date, value),\n  }));\n};\n\nexport const CalendarSlider: React.FC<CalendarSliderProps> = (props) => {\n  const {\n    currentVisibleDate,\n    className,\n    onChange,\n    value,\n    locale = ruLocale,\n    ...otherProps\n  } = props;\n\n  const currentMonthRef = useRef<HTMLButtonElement>(null);\n  const sliderRef = useRef<HTMLDivElement>(null);\n\n  const handlePrev = () => onChange(addYears(currentVisibleDate, -1));\n  const handleNext = () => onChange(addYears(currentVisibleDate, 1));\n\n  useEffect(() => {\n    if (currentMonthRef.current && sliderRef.current) {\n      sliderRef.current.style.setProperty(\n        '--selector-offset',\n        `${currentMonthRef.current.offsetLeft}px`,\n      );\n    }\n  }, [currentVisibleDate]);\n\n  const data = getSliderData(currentVisibleDate, value, locale);\n\n  return (\n    <div {...otherProps} className={cnCalendarSlider(null, [className])}>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={handlePrev}\n      />\n      <div className={cnCalendarSlider('Slider')} ref={sliderRef}>\n        <div className={cnCalendarSlider('SliderBody')}>\n          <div className={cnCalendarSlider('Selector')} />\n          {data.map((year) => (\n            <Text\n              className={cnCalendarSlider('YearLabel', {\n                position: year.positon,\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={\n                isCurrentVisibleYear(currentVisibleDate, year.date)\n                  ? undefined\n                  : 'ghost'\n              }\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year) => (\n            <div\n              key={year.label}\n              className={cnCalendarSlider('Year', {\n                position: year.positon,\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.months.map((month, index) => (\n                <button\n                  className={cnCalendarSlider('Month')}\n                  key={index}\n                  onClick={() => onChange(month.date)}\n                  onKeyDown={() => onChange(addMonths(month.date, 1))}\n                  ref={\n                    isCurrentVisibleMonth(currentVisibleDate, month.date)\n                      ? currentMonthRef\n                      : null\n                  }\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnCalendarSlider('MonthLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {month.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={handleNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CalendarSlider.js","names":["IconForward","addMonths","addYears","endOfYear","format","getMonth","getYear","startOfYear","ruLocale","React","useEffect","useRef","range","cn","Button","Text","cnCalendarSlider","isCurrentVisibleYear","currentDate","month","isCurrentVisibleMonth","getValueRange","yearDate","value","Array","isArray","yearStartDateTime","getTime","yearEndDateTime","valueStartDateTime","valueEndDateTime","msInYear","inProcent","number","offset","Math","floor","minusYears","n","width","ceil","getMonthsData","date","locale","map","monthDate","label","getYearDate","Date","getSliderData","currentYear","index","months","positon","valueRange","CalendarSlider","props","currentVisibleDate","className","onChange","otherProps","currentMonthRef","sliderRef","current","style","setProperty","offsetLeft","data","direction","handlePrev","year","position","selected","handleNext"],"sources":["../../../../../../src/components/CalendarDeprecated/CalendarSlider/CalendarSlider.tsx"],"sourcesContent":["import './CalendarSlider.css';\n\nimport { IconForward } from '@consta/icons/IconForward';\nimport {\n  addMonths,\n  addYears,\n  endOfYear,\n  format,\n  getMonth,\n  getYear,\n  Locale,\n  startOfYear,\n} from 'date-fns';\nimport ruLocale from 'date-fns/locale/ru';\nimport React, { useEffect, useRef } from 'react';\n\nimport { range } from '../../../utils/array';\nimport { cn } from '../../../utils/bem';\nimport { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Button } from '../../Button/Button';\nimport { Text } from '../../Text/Text';\n\nexport type CalendarSliderProps = PropsWithHTMLAttributes<\n  {\n    currentVisibleDate: Date;\n    onChange: (date: Date) => void;\n    children?: never;\n    value?: Date | DateRange;\n    locale?: Locale;\n  },\n  HTMLDivElement\n>;\n\nexport const cnCalendarSlider = cn('CalendarSlider');\n\nconst isCurrentVisibleYear = (currentDate: Date, month: Date) =>\n  getYear(currentDate) === getYear(month);\n\nconst isCurrentVisibleMonth = (currentDate: Date, month: Date) =>\n  isCurrentVisibleYear(currentDate, month) &&\n  getMonth(currentDate) === getMonth(month);\n\nconst getValueRange = (yearDate: Date, value?: Date | DateRange) => {\n  if (!Array.isArray(value)) {\n    return undefined;\n  }\n\n  if (!value[0] || !value[1]) {\n    return undefined;\n  }\n\n  const yearStartDateTime = startOfYear(yearDate).getTime();\n  const yearEndDateTime = endOfYear(yearDate).getTime();\n  const valueStartDateTime = value[0].getTime();\n  const valueEndDateTime = value[1].getTime();\n\n  if (\n    valueStartDateTime > yearEndDateTime ||\n    valueEndDateTime < yearStartDateTime\n  ) {\n    return undefined;\n  }\n\n  if (\n    valueStartDateTime <= yearStartDateTime &&\n    valueEndDateTime >= yearEndDateTime\n  ) {\n    return [0, 100];\n  }\n\n  const msInYear = yearEndDateTime - yearStartDateTime;\n  const inProcent = (number: number) => (number / msInYear) * 100;\n  const offset = Math.floor(\n    inProcent(\n      valueStartDateTime <= yearStartDateTime\n        ? 0\n        : valueStartDateTime - yearStartDateTime,\n    ),\n  );\n\n  const minusYears = (n: number): number => {\n    if (n > msInYear) {\n      const newNumber = n - msInYear;\n      return minusYears(newNumber);\n    }\n\n    return n;\n  };\n\n  const width = Math.ceil(\n    valueEndDateTime >= yearEndDateTime\n      ? 100 - offset\n      : inProcent(minusYears(valueEndDateTime - valueStartDateTime)),\n  );\n\n  return [offset, width];\n};\n\nconst getMonthsData = (date: Date, locale: Locale) =>\n  range(12).map((month) => {\n    const monthDate = addMonths(date, month);\n    return {\n      date: monthDate,\n      label: format(monthDate, 'MMM', { locale }),\n    };\n  });\n\nconst getYearDate = (date: Date) => new Date(getYear(date), 0, 1, 0, 0, 0, 0);\n\nconst getSliderData = (\n  date: Date,\n  value: Date | DateRange | undefined,\n  locale: Locale,\n) => {\n  const currentYear = getYearDate(date);\n\n  return [\n    addYears(currentYear, -1),\n    currentYear,\n    addYears(currentYear, 1),\n    addYears(currentYear, 2),\n  ].map((date, index) => ({\n    label: format(date, 'yyyy', { locale }),\n    date,\n    months: getMonthsData(date, locale),\n    positon: `${index}`,\n    valueRange: getValueRange(date, value),\n  }));\n};\n\nexport const CalendarSlider: React.FC<CalendarSliderProps> = (props) => {\n  const {\n    currentVisibleDate,\n    className,\n    onChange,\n    value,\n    locale = ruLocale,\n    ...otherProps\n  } = props;\n\n  const currentMonthRef = useRef<HTMLButtonElement>(null);\n  const sliderRef = useRef<HTMLDivElement>(null);\n\n  const handlePrev = () => onChange(addYears(currentVisibleDate, -1));\n  const handleNext = () => onChange(addYears(currentVisibleDate, 1));\n\n  useEffect(() => {\n    if (currentMonthRef.current && sliderRef.current) {\n      sliderRef.current.style.setProperty(\n        '--selector-offset',\n        `${currentMonthRef.current.offsetLeft}px`,\n      );\n    }\n  }, [currentVisibleDate]);\n\n  const data = getSliderData(currentVisibleDate, value, locale);\n\n  return (\n    <div {...otherProps} className={cnCalendarSlider(null, [className])}>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'prev' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={handlePrev}\n      />\n      <div className={cnCalendarSlider('Slider')} ref={sliderRef}>\n        <div className={cnCalendarSlider('SliderBody')}>\n          <div className={cnCalendarSlider('Selector')} />\n          {data.map((year) => (\n            <Text\n              className={cnCalendarSlider('YearLabel', {\n                position: year.positon,\n              })}\n              weight=\"bold\"\n              size=\"s\"\n              key={year.label}\n              view={\n                isCurrentVisibleYear(currentVisibleDate, year.date)\n                  ? undefined\n                  : 'ghost'\n              }\n            >\n              {year.label}\n            </Text>\n          ))}\n          {data.map((year) => (\n            <div\n              key={year.label}\n              className={cnCalendarSlider('Year', {\n                position: year.positon,\n                selected: !!year.valueRange,\n              })}\n              style={\n                year.valueRange && {\n                  ['--value-offset' as string]: `${year.valueRange[0]}%`,\n                  ['--value-width' as string]: `${year.valueRange[1]}%`,\n                }\n              }\n            >\n              {year.months.map((month, index) => (\n                <button\n                  className={cnCalendarSlider('Month')}\n                  key={index}\n                  onClick={() => onChange(month.date)}\n                  onKeyDown={() => onChange(addMonths(month.date, 1))}\n                  ref={\n                    isCurrentVisibleMonth(currentVisibleDate, month.date)\n                      ? currentMonthRef\n                      : null\n                  }\n                  type=\"button\"\n                >\n                  <Text\n                    className={cnCalendarSlider('MonthLabel')}\n                    size=\"2xs\"\n                    view=\"ghost\"\n                    align=\"center\"\n                  >\n                    {month.label}\n                  </Text>\n                </button>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n      <Button\n        className={cnCalendarSlider('Button', { direction: 'next' })}\n        view=\"ghost\"\n        iconLeft={IconForward}\n        onClick={handleNext}\n      />\n    </div>\n  );\n};\n"],"mappings":"qOAAA,6BAEA,OAASA,WAAT,KAA4B,2BAA5B,CACA,OACEC,SADF,CAEEC,QAFF,CAGEC,SAHF,CAIEC,MAJF,CAKEC,QALF,CAMEC,OANF,CAQEC,WARF,KASO,UATP,CAUA,MAAOC,SAAP,KAAqB,oBAArB,CACA,MAAOC,MAAP,EAAgBC,SAAhB,CAA2BC,MAA3B,KAAyC,OAAzC,CAEA,OAASC,KAAT,4BACA,OAASC,EAAT,0BAGA,OAASC,MAAT,2BACA,OAASC,IAAT,uBAaA,MAAO,IAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,C,GAEDI,qBAAoB,CAAG,SAACC,CAAD,CAAoBC,CAApB,QAC3Bb,QAAO,CAACY,CAAD,CAAP,GAAyBZ,OAAO,CAACa,CAAD,CADL,C,CAGvBC,qBAAqB,CAAG,SAACF,CAAD,CAAoBC,CAApB,QAC5BF,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAApB,EACAd,QAAQ,CAACa,CAAD,CAAR,GAA0Bb,QAAQ,CAACc,CAAD,CAFN,C,CAIxBE,aAAa,CAAG,SAACC,CAAD,CAAiBC,CAAjB,CAA8C,CAClE,GAAKC,KAAK,CAACC,OAAN,CAAcF,CAAd,CAAL,EAIKA,CAAK,CAAC,CAAD,CAAN,EAAcA,CAAK,CAAC,CAAD,CAJvB,KAQMG,EAAiB,CAAGnB,WAAW,CAACe,CAAD,CAAX,CAAsBK,OAAtB,EAR1B,CASMC,CAAe,CAAGzB,SAAS,CAACmB,CAAD,CAAT,CAAoBK,OAApB,EATxB,CAUME,CAAkB,CAAGN,CAAK,CAAC,CAAD,CAAL,CAASI,OAAT,EAV3B,CAWMG,CAAgB,CAAGP,CAAK,CAAC,CAAD,CAAL,CAASI,OAAT,EAXzB,CAaA,KACEE,CAAkB,CAAGD,CAArB,EACAE,CAAgB,CAAGJ,CAFrB,GAOA,GACEG,CAAkB,EAAIH,CAAtB,EACAI,CAAgB,EAAIF,CAFtB,CAIE,MAAO,CAAC,CAAD,CAAI,GAAJ,CAAP,CAXF,GAcMG,EAAQ,CAAGH,CAAe,CAAGF,CAdnC,CAeMM,CAAS,CAAG,SAACC,CAAD,QAA0C,IAAtB,EAACA,CAAM,CAAGF,CAAV,CAApB,CAflB,CAgBMG,CAAM,CAAGC,IAAI,CAACC,KAAL,CACbJ,CAAS,CACPH,CAAkB,EAAIH,CAAtB,CACI,CADJ,CAEIG,CAAkB,CAAGH,CAHlB,CADI,CAhBf,CAwBMW,CAAU,CAAG,SAACC,CAAD,CAAuB,CACxC,GAAIA,CAAC,CAAGP,CAAR,CAAkB,CAEhB,MAAOM,EAAU,CADCC,CAAC,CAAGP,CACL,CAClB,CAED,MAAOO,EACR,CA/BD,CAiCMC,CAAK,CAAGJ,IAAI,CAACK,IAAL,CACZV,CAAgB,EAAIF,CAApB,CACI,IAAMM,CADV,CAEIF,CAAS,CAACK,CAAU,CAACP,CAAgB,CAAGD,CAApB,CAAX,CAHD,CAjCd,CAuCA,MAAO,CAACK,CAAD,CAASK,CAAT,CAvCP,CAbA,CAqDD,C,CAEKE,aAAa,CAAG,SAACC,CAAD,CAAaC,CAAb,QACpB/B,MAAK,CAAC,EAAD,CAAL,CAAUgC,GAAV,CAAc,SAACzB,CAAD,CAAW,CACvB,GAAM0B,EAAS,CAAG5C,SAAS,CAACyC,CAAD,CAAOvB,CAAP,CAA3B,CACA,MAAO,CACLuB,IAAI,CAAEG,CADD,CAELC,KAAK,CAAE1C,MAAM,CAACyC,CAAD,CAAY,KAAZ,CAAmB,CAAEF,MAAM,CAANA,CAAF,CAAnB,CAFR,CAIR,CAND,CADoB,C,CAShBI,WAAW,CAAG,SAACL,CAAD,QAAgB,IAAIM,KAAJ,CAAS1C,OAAO,CAACoC,CAAD,CAAhB,CAAwB,CAAxB,CAA2B,CAA3B,CAA8B,CAA9B,CAAiC,CAAjC,CAAoC,CAApC,CAAuC,CAAvC,CAAhB,C,CAEdO,aAAa,CAAG,SACpBP,CADoB,CAEpBnB,CAFoB,CAGpBoB,CAHoB,CAIjB,CACH,GAAMO,EAAW,CAAGH,WAAW,CAACL,CAAD,CAA/B,CAEA,MAAO,CACLxC,QAAQ,CAACgD,CAAD,CAAc,CAAC,CAAf,CADH,CAELA,CAFK,CAGLhD,QAAQ,CAACgD,CAAD,CAAc,CAAd,CAHH,CAILhD,QAAQ,CAACgD,CAAD,CAAc,CAAd,CAJH,EAKLN,GALK,CAKD,SAACF,CAAD,CAAOS,CAAP,QAAkB,CACtBL,KAAK,CAAE1C,MAAM,CAACsC,CAAD,CAAO,MAAP,CAAe,CAAEC,MAAM,CAANA,CAAF,CAAf,CADS,CAEtBD,IAAI,CAAJA,CAFsB,CAGtBU,MAAM,CAAEX,aAAa,CAACC,CAAD,CAAOC,CAAP,CAHC,CAItBU,OAAO,WAAKF,CAAL,CAJe,CAKtBG,UAAU,CAAEjC,aAAa,CAACqB,CAAD,CAAOnB,CAAP,CALH,CAAlB,CALC,CAYR,C,CAED,MAAO,IAAMgC,eAA6C,CAAG,SAACC,CAAD,CAAW,IAEpEC,EAFoE,CAQlED,CARkE,CAEpEC,kBAFoE,CAGpEC,CAHoE,CAQlEF,CARkE,CAGpEE,SAHoE,CAIpEC,CAJoE,CAQlEH,CARkE,CAIpEG,QAJoE,CAKpEpC,CALoE,CAQlEiC,CARkE,CAKpEjC,KALoE,GAQlEiC,CARkE,CAMpEb,MANoE,CAMpEA,CANoE,YAM3DnC,QAN2D,GAOjEoD,CAPiE,0BAQlEJ,CARkE,YAUhEK,CAAe,CAAGlD,MAAM,CAAoB,IAApB,CAVwC,CAWhEmD,CAAS,CAAGnD,MAAM,CAAiB,IAAjB,CAX8C,CAgBtED,SAAS,CAAC,UAAM,CACVmD,CAAe,CAACE,OAAhB,EAA2BD,CAAS,CAACC,OAD3B,EAEZD,CAAS,CAACC,OAAV,CAAkBC,KAAlB,CAAwBC,WAAxB,CACE,mBADF,WAEKJ,CAAe,CAACE,OAAhB,CAAwBG,UAF7B,OAKH,CAPQ,CAON,CAACT,CAAD,CAPM,CAhB6D,CAyBtE,GAAMU,EAAI,CAAGlB,aAAa,CAACQ,CAAD,CAAqBlC,CAArB,CAA4BoB,CAA5B,CAA1B,CAEA,MACE,4CAASiB,CAAT,EAAqB,SAAS,CAAE5C,gBAAgB,CAAC,IAAD,CAAO,CAAC0C,CAAD,CAAP,CAAhD,GACE,oBAAC,MAAD,EACE,SAAS,CAAE1C,gBAAgB,CAAC,QAAD,CAAW,CAAEoD,SAAS,CAAE,MAAb,CAAX,CAD7B,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,CAAEpE,WAHZ,CAIE,OAAO,CApBM,QAAbqE,WAAa,SAAMV,EAAQ,CAACzD,QAAQ,CAACuD,CAAD,CAAqB,CAAC,CAAtB,CAAT,CAAd,CAgBf,EADF,CAOE,2BAAK,SAAS,CAAEzC,gBAAgB,CAAC,QAAD,CAAhC,CAA4C,GAAG,CAAE8C,CAAjD,EACE,2BAAK,SAAS,CAAE9C,gBAAgB,CAAC,YAAD,CAAhC,EACE,2BAAK,SAAS,CAAEA,gBAAgB,CAAC,UAAD,CAAhC,EADF,CAEGmD,CAAI,CAACvB,GAAL,CAAS,SAAC0B,CAAD,QACR,qBAAC,IAAD,EACE,SAAS,CAAEtD,gBAAgB,CAAC,WAAD,CAAc,CACvCuD,QAAQ,CAAED,CAAI,CAACjB,OADwB,CAAd,CAD7B,CAIE,MAAM,CAAC,MAJT,CAKE,IAAI,CAAC,GALP,CAME,GAAG,CAAEiB,CAAI,CAACxB,KANZ,CAOE,IAAI,CACF7B,oBAAoB,CAACwC,CAAD,CAAqBa,CAAI,CAAC5B,IAA1B,CAApB,QAEI,OAVR,EAaG4B,CAAI,CAACxB,KAbR,CADQ,CAAT,CAFH,CAmBGqB,CAAI,CAACvB,GAAL,CAAS,SAAC0B,CAAD,cACR,4BACE,GAAG,CAAEA,CAAI,CAACxB,KADZ,CAEE,SAAS,CAAE9B,gBAAgB,CAAC,MAAD,CAAS,CAClCuD,QAAQ,CAAED,CAAI,CAACjB,OADmB,CAElCmB,QAAQ,CAAE,CAAC,CAACF,CAAI,CAAChB,UAFiB,CAAT,CAF7B,CAME,KAAK,CACHgB,CAAI,CAAChB,UAAL,0BACG,gBADH,WACmCgB,CAAI,CAAChB,UAAL,CAAgB,CAAhB,CADnC,yBAEG,eAFH,WAEkCgB,CAAI,CAAChB,UAAL,CAAgB,CAAhB,CAFlC,SAPJ,EAaGgB,CAAI,CAAClB,MAAL,CAAYR,GAAZ,CAAgB,SAACzB,CAAD,CAAQgC,CAAR,QACf,+BACE,SAAS,CAAEnC,gBAAgB,CAAC,OAAD,CAD7B,CAEE,GAAG,CAAEmC,CAFP,CAGE,OAAO,CAAE,yBAAMQ,EAAQ,CAACxC,CAAK,CAACuB,IAAP,CAAd,CAHX,CAIE,SAAS,CAAE,2BAAMiB,EAAQ,CAAC1D,SAAS,CAACkB,CAAK,CAACuB,IAAP,CAAa,CAAb,CAAV,CAAd,CAJb,CAKE,GAAG,CACDtB,qBAAqB,CAACqC,CAAD,CAAqBtC,CAAK,CAACuB,IAA3B,CAArB,CACImB,CADJ,CAEI,IARR,CAUE,IAAI,CAAC,QAVP,EAYE,oBAAC,IAAD,EACE,SAAS,CAAE7C,gBAAgB,CAAC,YAAD,CAD7B,CAEE,IAAI,CAAC,KAFP,CAGE,IAAI,CAAC,OAHP,CAIE,KAAK,CAAC,QAJR,EAMGG,CAAK,CAAC2B,KANT,CAZF,CADe,CAAhB,CAbH,CADQ,CAAT,CAnBH,CADF,CAPF,CAoEE,oBAAC,MAAD,EACE,SAAS,CAAE9B,gBAAgB,CAAC,QAAD,CAAW,CAAEoD,SAAS,CAAE,MAAb,CAAX,CAD7B,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,CAAEpE,WAHZ,CAIE,OAAO,CAtFM,QAAbyE,WAAa,SAAMd,EAAQ,CAACzD,QAAQ,CAACuD,CAAD,CAAqB,CAArB,CAAT,CAAd,CAkFf,EApEF,CA4EH,CAxGM"}

package/__internal__/src/components/CheckboxGroup/helper.d.ts

@@ -11,53 +11,18 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     }) => void;
     name?: string | undefined;
     direction?: "row" | "column" | undefined;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     disabled?: boolean | undefined;
     className?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
     color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    tabIndex?: number | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -67,7 +32,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -76,7 +41,7 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -269,6 +234,41 @@ export declare const withDefaultGetters: (props: CheckboxGroupProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup.js","names":["React","forwardRef","useChoiceGroup","cn","getByMap","withDefaultGetters","ChoiceGroupItem","choiceGroupDefaultForm","choiceGroupDefaultSize","choiceGroupDefaultView","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroupRender","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","name","className","disabled","getItemDisabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","idx","itemChecked","itemDisabled","checked","toString","ChoiceGroup"],"sources":["../../../../../src/components/ChoiceGroup/ChoiceGroup.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { IconPropSize } from '../../icons/Icon/Icon';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { withDefaultGetters } from './helper';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\nimport {\n  ChoiceGroupComponent,\n  choiceGroupDefaultForm,\n  choiceGroupDefaultSize,\n  choiceGroupDefaultView,\n  ChoiceGroupPropOnChange,\n  ChoiceGroupProps,\n  ChoiceGroupPropSize,\n  choiceGroupWidthDefault,\n} from './types';\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nconst ChoiceGroupRender = (\n  props: ChoiceGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = choiceGroupDefaultSize,\n    form = choiceGroupDefaultForm,\n    view = choiceGroupDefaultView,\n    width = choiceGroupWidthDefault,\n    onlyIcon,\n    iconSize: iconSizeProp,\n    value = null,\n    multiple = false,\n    items,\n    getItemLabel,\n    onChange,\n    getItemIcon,\n    name,\n    className,\n    disabled = false,\n    getItemDisabled,\n    truncate,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const { getOnChange, getChecked } = useChoiceGroup<\n    Item,\n    React.ChangeEvent<HTMLInputElement>\n  >({\n    value: value as Item,\n    getKey: getItemLabel,\n    callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n    multiple: multiple as false,\n    // привел к типам из-за того что\n    // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n  });\n\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnChoiceGroup(\n        { size, form, view, width, onlyIcon, disabled, truncate },\n        [className],\n      )}\n    >\n      {items.map((item, idx) => {\n        const itemChecked = getChecked(item);\n        const itemDisabled = !!getItemDisabled && getItemDisabled(item);\n        return (\n          <React.Fragment key={getItemLabel(item)}>\n            {idx > 0 && (\n              <div\n                className={cnChoiceGroup('Divider', {\n                  checked: itemChecked,\n                  disabled: itemDisabled,\n                })}\n              />\n            )}\n            <ChoiceGroupItem\n              onChange={getOnChange(item)}\n              checked={itemChecked}\n              label={getItemLabel(item).toString()}\n              icon={getItemIcon && getItemIcon(item)}\n              iconSize={iconSize}\n              multiple={multiple}\n              onlyIcon={onlyIcon}\n              name={name}\n              disabled={disabled || itemDisabled}\n            />\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const ChoiceGroup = forwardRef(\n  ChoiceGroupRender,\n) as ChoiceGroupComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"ChoiceGroup.js","names":["React","forwardRef","useChoiceGroup","cn","getByMap","withDefaultGetters","ChoiceGroupItem","choiceGroupDefaultForm","choiceGroupDefaultSize","choiceGroupDefaultView","choiceGroupWidthDefault","sizeMap","xs","s","m","l","cnChoiceGroup","ChoiceGroupRender","props","ref","size","form","view","width","onlyIcon","iconSizeProp","iconSize","value","multiple","items","getItemLabel","onChange","getItemIcon","name","className","disabled","getItemDisabled","truncate","otherProps","getKey","callBack","getOnChange","getChecked","map","item","idx","itemChecked","itemDisabled","checked","toString","ChoiceGroup"],"sources":["../../../../../src/components/ChoiceGroup/ChoiceGroup.tsx"],"sourcesContent":["import './ChoiceGroup.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport React, { forwardRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { withDefaultGetters } from './helper';\nimport { ChoiceGroupItem } from './Item/ChoiceGroup-Item';\nimport {\n  ChoiceGroupComponent,\n  choiceGroupDefaultForm,\n  choiceGroupDefaultSize,\n  choiceGroupDefaultView,\n  ChoiceGroupPropOnChange,\n  ChoiceGroupProps,\n  ChoiceGroupPropSize,\n  choiceGroupWidthDefault,\n} from './types';\n\nconst sizeMap: Record<ChoiceGroupPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nexport const cnChoiceGroup = cn('ChoiceGroup');\n\nconst ChoiceGroupRender = (\n  props: ChoiceGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    size = choiceGroupDefaultSize,\n    form = choiceGroupDefaultForm,\n    view = choiceGroupDefaultView,\n    width = choiceGroupWidthDefault,\n    onlyIcon,\n    iconSize: iconSizeProp,\n    value = null,\n    multiple = false,\n    items,\n    getItemLabel,\n    onChange,\n    getItemIcon,\n    name,\n    className,\n    disabled = false,\n    getItemDisabled,\n    truncate,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const { getOnChange, getChecked } = useChoiceGroup<\n    Item,\n    React.ChangeEvent<HTMLInputElement>\n  >({\n    value: value as Item,\n    getKey: getItemLabel,\n    callBack: onChange as ChoiceGroupPropOnChange<Item, false>,\n    multiple: multiple as false,\n    // привел к типам из-за того что\n    // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n  });\n\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnChoiceGroup(\n        { size, form, view, width, onlyIcon, disabled, truncate },\n        [className],\n      )}\n    >\n      {items.map((item, idx) => {\n        const itemChecked = getChecked(item);\n        const itemDisabled = !!getItemDisabled && getItemDisabled(item);\n        return (\n          <React.Fragment key={getItemLabel(item)}>\n            {idx > 0 && (\n              <div\n                className={cnChoiceGroup('Divider', {\n                  checked: itemChecked,\n                  disabled: itemDisabled,\n                })}\n              />\n            )}\n            <ChoiceGroupItem\n              onChange={getOnChange(item)}\n              checked={itemChecked}\n              label={getItemLabel(item).toString()}\n              icon={getItemIcon && getItemIcon(item)}\n              iconSize={iconSize}\n              multiple={multiple}\n              onlyIcon={onlyIcon}\n              name={name}\n              disabled={disabled || itemDisabled}\n            />\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const ChoiceGroup = forwardRef(\n  ChoiceGroupRender,\n) as ChoiceGroupComponent;\n\nexport * from './types';\n"],"mappings":"sRAAA,0BAGA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,kBAAT,gBACA,OAASC,eAAT,+BACA,OAEEC,sBAFF,CAGEC,sBAHF,CAIEC,sBAJF,CAQEC,uBARF,eAWA,GAAMC,QAAkD,CAAG,CACzDC,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,IAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAA3D,CAOA,MAAO,IAAMC,cAAa,CAAGb,EAAE,CAAC,aAAD,CAAxB,CAEP,GAAMc,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OAoBCd,kBAAkB,CAACa,CAAD,CApBnB,KAEDE,IAFC,CAEDA,CAFC,YAEMZ,sBAFN,OAGDa,IAHC,CAGDA,CAHC,YAGMd,sBAHN,OAIDe,IAJC,CAIDA,CAJC,YAIMb,sBAJN,OAKDc,KALC,CAKDA,CALC,YAKOb,uBALP,GAMDc,CANC,GAMDA,QANC,CAOSC,CAPT,GAODC,QAPC,KAQDC,KARC,CAQDA,CARC,YAQO,IARP,OASDC,QATC,CASDA,CATC,eAUDC,CAVC,GAUDA,KAVC,CAWDC,CAXC,GAWDA,YAXC,CAYDC,CAZC,GAYDA,QAZC,CAaDC,CAbC,GAaDA,WAbC,CAcDC,CAdC,GAcDA,IAdC,CAeDC,CAfC,GAeDA,SAfC,KAgBDC,QAhBC,CAgBDA,CAhBC,eAiBDC,CAjBC,GAiBDA,eAjBC,CAkBDC,CAlBC,GAkBDA,QAlBC,CAmBEC,CAnBF,yCAwBiCpC,cAAc,CAGhD,CACAyB,KAAK,CAAEA,CADP,CAEAY,MAAM,CAAET,CAFR,CAGAU,QAAQ,CAAET,CAHV,CAIAH,QAAQ,CAAEA,CAJV,CAHgD,CAxB/C,CAwBKa,CAxBL,GAwBKA,WAxBL,CAwBkBC,CAxBlB,GAwBkBA,UAxBlB,CAoCGhB,CAAQ,CAAGtB,QAAQ,CAACO,OAAD,CAAUS,CAAV,CAAgBK,CAAhB,CApCtB,CAsCH,MACE,4CACMa,CADN,EAEE,GAAG,CAAEnB,CAFP,CAGE,SAAS,CAAEH,aAAa,CACtB,CAAEI,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcC,IAAI,CAAJA,CAAd,CAAoBC,KAAK,CAALA,CAApB,CAA2BC,QAAQ,CAARA,CAA3B,CAAqCW,QAAQ,CAARA,CAArC,CAA+CE,QAAQ,CAARA,CAA/C,CADsB,CAEtB,CAACH,CAAD,CAFsB,CAH1B,GAQGL,CAAK,CAACc,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAe,IAClBC,EAAW,CAAGJ,CAAU,CAACE,CAAD,CADN,CAElBG,CAAY,CAAG,CAAC,CAACX,CAAF,EAAqBA,CAAe,CAACQ,CAAD,CAFjC,CAGxB,MACE,qBAAC,KAAD,CAAO,QAAP,EAAgB,GAAG,CAAEd,CAAY,CAACc,CAAD,CAAjC,EACS,CAAN,CAAAC,CAAG,EACF,2BACE,SAAS,CAAE7B,aAAa,CAAC,SAAD,CAAY,CAClCgC,OAAO,CAAEF,CADyB,CAElCX,QAAQ,CAAEY,CAFwB,CAAZ,CAD1B,EAFJ,CASE,oBAAC,eAAD,EACE,QAAQ,CAAEN,CAAW,CAACG,CAAD,CADvB,CAEE,OAAO,CAAEE,CAFX,CAGE,KAAK,CAAEhB,CAAY,CAACc,CAAD,CAAZ,CAAmBK,QAAnB,EAHT,CAIE,IAAI,CAAEjB,CAAW,EAAIA,CAAW,CAACY,CAAD,CAJlC,CAKE,QAAQ,CAAElB,CALZ,CAME,QAAQ,CAAEE,CANZ,CAOE,QAAQ,CAAEJ,CAPZ,CAQE,IAAI,CAAES,CARR,CASE,QAAQ,CAAEE,CAAQ,EAAIY,CATxB,EATF,CAsBH,CA1BA,CARH,CAqCH,CA/ED,CAiFA,MAAO,IAAMG,YAAW,CAAGjD,UAAU,CACnCgB,iBADmC,CAA9B,CAIP"}

package/__internal__/src/components/ChoiceGroup/Item/ChoiceGroup-Item.d.ts

@@ -1,5 +1,5 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';
 declare type Props = {
     icon?: IconComponent;
     onlyIcon?: boolean;

package/__internal__/src/components/ChoiceGroup/Item/ChoiceGroup-Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceGroup-Item.js","names":["React","useState","cnMixFocus","cnChoiceGroup","ChoiceGroupItem","props","label","onChange","checked","multiple","Icon","icon","onlyIcon","name","iconSize","disabled","focus","setFocus","handleFocus","handleBlur"],"sources":["../../../../../../src/components/ChoiceGroup/Item/ChoiceGroup-Item.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { IconComponent, IconPropSize } from '../../../icons/Icon/Icon';\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cnChoiceGroup } from '../ChoiceGroup';\n\ntype Props = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport const ChoiceGroupItem: React.FC<Props> = (props) => {\n  const {\n    label,\n    onChange,\n    checked,\n    multiple,\n    icon: Icon,\n    onlyIcon,\n    name,\n    iconSize,\n    disabled = false,\n  } = props;\n  const [focus, setFocus] = useState<boolean>(false);\n\n  const handleBlur = () => setFocus(false);\n  const handleFocus = () => setFocus(true);\n\n  return (\n    <label\n      className={cnChoiceGroup('Label', { focus, checked, disabled }, [\n        cnMixFocus(),\n      ])}\n      title={onlyIcon ? label : undefined}\n    >\n      <input\n        type={multiple ? 'checkbox' : 'radio'}\n        className={cnChoiceGroup('Input')}\n        checked={checked}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        value={`${name}-${label}`}\n        onChange={onChange}\n        name={name}\n        disabled={disabled}\n      />\n      {Icon && <Icon className={cnChoiceGroup('Icon')} size={iconSize} />}\n      {!onlyIcon && <span className={cnChoiceGroup('Text')}>{label}</span>}\n    </label>\n  );\n};\n"],"mappings":"iEAAA,MAAOA,MAAP,EAAgBC,QAAhB,KAAgC,OAAhC,CAGA,OAASC,UAAT,uCACA,OAASC,aAAT,sBAcA,MAAO,IAAMC,gBAAgC,CAAG,SAACC,CAAD,CAAW,IAEvDC,EAFuD,CAWrDD,CAXqD,CAEvDC,KAFuD,CAGvDC,CAHuD,CAWrDF,CAXqD,CAGvDE,QAHuD,CAIvDC,CAJuD,CAWrDH,CAXqD,CAIvDG,OAJuD,CAKvDC,CALuD,CAWrDJ,CAXqD,CAKvDI,QALuD,CAMjDC,CANiD,CAWrDL,CAXqD,CAMvDM,IANuD,CAOvDC,CAPuD,CAWrDP,CAXqD,CAOvDO,QAPuD,CAQvDC,CARuD,CAWrDR,CAXqD,CAQvDQ,IARuD,CASvDC,CATuD,CAWrDT,CAXqD,CASvDS,QATuD,GAWrDT,CAXqD,CAUvDU,QAVuD,CAUvDA,CAVuD,iBAY/Bd,QAAQ,IAZuB,uBAYlDe,CAZkD,MAY3CC,CAZ2C,MAiBzD,MACE,8BACE,SAAS,CAAEd,aAAa,CAAC,OAAD,CAAU,CAAEa,KAAK,CAALA,CAAF,CAASR,OAAO,CAAPA,CAAT,CAAkBO,QAAQ,CAARA,CAAlB,CAAV,CAAwC,CAC9Db,UAAU,EADoD,CAAxC,CAD1B,CAIE,KAAK,CAAEU,CAAQ,CAAGN,CAAH,OAJjB,EAME,6BACE,IAAI,CAAEG,CAAQ,CAAG,UAAH,CAAgB,OADhC,CAEE,SAAS,CAAEN,aAAa,CAAC,OAAD,CAF1B,CAGE,OAAO,CAAEK,CAHX,CAIE,OAAO,CAbO,QAAdU,YAAc,SAAMD,EAAQ,IAAd,CAShB,CAKE,MAAM,CAfO,QAAbE,WAAa,SAAMF,EAAQ,IAAd,CAUf,CAME,KAAK,WAAKJ,CAAL,aAAaP,CAAb,CANP,CAOE,QAAQ,CAAEC,CAPZ,CAQE,IAAI,CAAEM,CARR,CASE,QAAQ,CAAEE,CATZ,EANF,CAiBGL,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEP,aAAa,CAAC,MAAD,CAA9B,CAAwC,IAAI,CAAEW,CAA9C,EAjBX,CAkBG,CAACF,CAAD,EAAa,4BAAM,SAAS,CAAET,aAAa,CAAC,MAAD,CAA9B,EAAyCG,CAAzC,CAlBhB,CAqBH,CAvCM"}
+{"version":3,"file":"ChoiceGroup-Item.js","names":["React","useState","cnMixFocus","cnChoiceGroup","ChoiceGroupItem","props","label","onChange","checked","multiple","Icon","icon","onlyIcon","name","iconSize","disabled","focus","setFocus","handleFocus","handleBlur"],"sources":["../../../../../../src/components/ChoiceGroup/Item/ChoiceGroup-Item.tsx"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React, { useState } from 'react';\n\nimport { cnMixFocus } from '../../../mixs/MixFocus/MixFocus';\nimport { cnChoiceGroup } from '../ChoiceGroup';\n\ntype Props = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport const ChoiceGroupItem: React.FC<Props> = (props) => {\n  const {\n    label,\n    onChange,\n    checked,\n    multiple,\n    icon: Icon,\n    onlyIcon,\n    name,\n    iconSize,\n    disabled = false,\n  } = props;\n  const [focus, setFocus] = useState<boolean>(false);\n\n  const handleBlur = () => setFocus(false);\n  const handleFocus = () => setFocus(true);\n\n  return (\n    <label\n      className={cnChoiceGroup('Label', { focus, checked, disabled }, [\n        cnMixFocus(),\n      ])}\n      title={onlyIcon ? label : undefined}\n    >\n      <input\n        type={multiple ? 'checkbox' : 'radio'}\n        className={cnChoiceGroup('Input')}\n        checked={checked}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        value={`${name}-${label}`}\n        onChange={onChange}\n        name={name}\n        disabled={disabled}\n      />\n      {Icon && <Icon className={cnChoiceGroup('Icon')} size={iconSize} />}\n      {!onlyIcon && <span className={cnChoiceGroup('Text')}>{label}</span>}\n    </label>\n  );\n};\n"],"mappings":"iEACA,MAAOA,MAAP,EAAgBC,QAAhB,KAAgC,OAAhC,CAEA,OAASC,UAAT,uCACA,OAASC,aAAT,sBAcA,MAAO,IAAMC,gBAAgC,CAAG,SAACC,CAAD,CAAW,IAEvDC,EAFuD,CAWrDD,CAXqD,CAEvDC,KAFuD,CAGvDC,CAHuD,CAWrDF,CAXqD,CAGvDE,QAHuD,CAIvDC,CAJuD,CAWrDH,CAXqD,CAIvDG,OAJuD,CAKvDC,CALuD,CAWrDJ,CAXqD,CAKvDI,QALuD,CAMjDC,CANiD,CAWrDL,CAXqD,CAMvDM,IANuD,CAOvDC,CAPuD,CAWrDP,CAXqD,CAOvDO,QAPuD,CAQvDC,CARuD,CAWrDR,CAXqD,CAQvDQ,IARuD,CASvDC,CATuD,CAWrDT,CAXqD,CASvDS,QATuD,GAWrDT,CAXqD,CAUvDU,QAVuD,CAUvDA,CAVuD,iBAY/Bd,QAAQ,IAZuB,uBAYlDe,CAZkD,MAY3CC,CAZ2C,MAiBzD,MACE,8BACE,SAAS,CAAEd,aAAa,CAAC,OAAD,CAAU,CAAEa,KAAK,CAALA,CAAF,CAASR,OAAO,CAAPA,CAAT,CAAkBO,QAAQ,CAARA,CAAlB,CAAV,CAAwC,CAC9Db,UAAU,EADoD,CAAxC,CAD1B,CAIE,KAAK,CAAEU,CAAQ,CAAGN,CAAH,OAJjB,EAME,6BACE,IAAI,CAAEG,CAAQ,CAAG,UAAH,CAAgB,OADhC,CAEE,SAAS,CAAEN,aAAa,CAAC,OAAD,CAF1B,CAGE,OAAO,CAAEK,CAHX,CAIE,OAAO,CAbO,QAAdU,YAAc,SAAMD,EAAQ,IAAd,CAShB,CAKE,MAAM,CAfO,QAAbE,WAAa,SAAMF,EAAQ,IAAd,CAUf,CAME,KAAK,WAAKJ,CAAL,aAAaP,CAAb,CANP,CAOE,QAAQ,CAAEC,CAPZ,CAQE,IAAI,CAAEM,CARR,CASE,QAAQ,CAAEE,CATZ,EANF,CAiBGL,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEP,aAAa,CAAC,MAAD,CAA9B,CAAwC,IAAI,CAAEW,CAA9C,EAjBX,CAkBG,CAACF,CAAD,EAAa,4BAAM,SAAS,CAAET,aAAa,CAAC,MAAD,CAA9B,EAAyCG,CAAzC,CAlBhB,CAqBH,CAvCM"}

package/__internal__/src/components/ChoiceGroup/helper.d.ts

@@ -4,12 +4,12 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     getItemLabel: ChoiceGroupPropGetItemLabel<ChoiceGroupDefaultItem>;
     getItemIcon: ChoiceGroupPropGetItemIcon<ChoiceGroupDefaultItem>;
     getItemDisabled: ChoiceGroupPropGetItemDisabled<ChoiceGroupDefaultItem>;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
     view?: "primary" | "ghost" | "secondary" | undefined;
     width?: "default" | "full" | undefined;
     onlyIcon?: boolean | undefined;
-    iconSize?: "m" | "s" | "xs" | "l" | undefined;
+    iconSize?: "s" | "m" | "xs" | "l" | undefined;
     items: ChoiceGroupDefaultItem[];
     name: string;
     disabled?: boolean | undefined;
@@ -18,50 +18,15 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     multiple?: false | undefined;
     truncate?: boolean | undefined;
     children?: undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
+    className?: string | undefined;
     color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    tabIndex?: number | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -71,7 +36,7 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -80,7 +45,7 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -272,6 +237,41 @@ export declare const withDefaultGetters: (props: ChoiceGroupProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare type ChoiceGroupDefaultItem = {
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault"],"sources":["../../../../../src/components/ChoiceGroup/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type ChoiceGroupDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  disabled?: boolean;\n};\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: СhoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ChoiceGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\nexport type ChoiceGroupProps<\n  ITEM = ChoiceGroupDefaultItem,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: СhoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getItemLabel?: ChoiceGroupPropGetItemLabel<ITEM>;\n    getItemIcon?: ChoiceGroupPropGetItemIcon<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getItemDisabled?: ChoiceGroupPropGetItemDisabled<ITEM>;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: ChoiceGroupDefaultItem['label'] }\n    ? {}\n    : {\n        getItemLabel: ChoiceGroupPropGetItemLabel<ITEM>;\n      });\n\nexport type ChoiceGroupItemProps = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: ChoiceGroupProps<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n"],"mappings":"AASA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,GAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,WAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAA6C,CACxDD,gBAAgB,CAAC,CAAD,CADX"}
+{"version":3,"file":"types.js","names":["choiceGroupForms","choiceGroupDefaultForm","choiceGroupSizes","choiceGroupDefaultSize","choiceGroupViews","choiceGroupDefaultView","choiceGroupWidth","choiceGroupWidthDefault"],"sources":["../../../../../src/components/ChoiceGroup/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type ChoiceGroupDefaultItem = {\n  label: string;\n  icon?: IconComponent;\n  disabled?: boolean;\n};\n\nexport const choiceGroupForms = ['default', 'brick', 'round'] as const;\nexport type ChoiceGroupPropForm = typeof choiceGroupForms[number];\nexport const choiceGroupDefaultForm: ChoiceGroupPropForm = 'default';\n\nexport const choiceGroupSizes = ['xs', 's', 'm', 'l'] as const;\nexport type ChoiceGroupPropSize = typeof choiceGroupSizes[number];\nexport const choiceGroupDefaultSize: ChoiceGroupPropSize = 'm';\n\nexport const choiceGroupViews = ['primary', 'ghost', 'secondary'] as const;\nexport type ChoiceGroupPropView = typeof choiceGroupViews[number];\nexport const choiceGroupDefaultView: ChoiceGroupPropView = 'primary';\n\nexport const choiceGroupWidth = ['default', 'full'] as const;\nexport type СhoiceGroupPropWidth = typeof choiceGroupWidth[number];\nexport const choiceGroupWidthDefault: СhoiceGroupPropWidth =\n  choiceGroupWidth[0];\n\nexport type ChoiceGroupPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ChoiceGroupPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ChoiceGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type ChoiceGroupPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null;\n\nexport type ChoiceGroupPropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  e: React.ChangeEvent<HTMLInputElement>;\n  value: MULTIPLE extends true ? ITEM[] | null : ITEM;\n}) => void;\n\nexport type ChoiceGroupProps<\n  ITEM = ChoiceGroupDefaultItem,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    size?: ChoiceGroupPropSize;\n    form?: ChoiceGroupPropForm;\n    view?: ChoiceGroupPropView;\n    width?: СhoiceGroupPropWidth;\n    onlyIcon?: boolean;\n    iconSize?: IconPropSize;\n    items: ITEM[];\n    getItemLabel?: ChoiceGroupPropGetItemLabel<ITEM>;\n    getItemIcon?: ChoiceGroupPropGetItemIcon<ITEM>;\n    name: string;\n    disabled?: boolean;\n    getItemDisabled?: ChoiceGroupPropGetItemDisabled<ITEM>;\n    value?: ChoiceGroupPropValue<ITEM, MULTIPLE>;\n    onChange?: ChoiceGroupPropOnChange<ITEM, MULTIPLE>;\n    multiple?: MULTIPLE;\n    truncate?: boolean;\n    children?: never;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: ChoiceGroupDefaultItem['label'] }\n    ? {}\n    : {\n        getItemLabel: ChoiceGroupPropGetItemLabel<ITEM>;\n      });\n\nexport type ChoiceGroupItemProps = {\n  icon?: IconComponent;\n  onlyIcon?: boolean;\n  iconSize?: IconPropSize;\n  label: string;\n  name: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  checked: boolean;\n  multiple: boolean;\n  disabled?: boolean;\n};\n\nexport type ChoiceGroupComponent = <ITEM, MULTIPLE extends boolean = false>(\n  props: ChoiceGroupProps<ITEM, MULTIPLE>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,GAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,WAArB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAG,SAApD,CAEP,MAAO,IAAMC,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAA6C,CACxDD,gBAAgB,CAAC,CAAD,CADX"}

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

@@ -1,6 +1,6 @@
 import './ChoiceGroup.css';
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const choiceGroupForms: readonly ["default", "brick", "round"];
 export declare type ChoiceGroupPropForm = typeof choiceGroupForms[number];