@consta/uikit 5.31.0 → 5.32.0

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["cn","progressStepBarPropSize","progressStepBarPropSizeDefault","progressStepBarPropDirection","progressStepBarPropDirectionDefault","progressStepBarPropStatus","progressStepBarPropStatusDefault","progressStepBarPointNumbersMap","progressStepBarPropPosition","progressStepBarPropPositionDefault","cnProgressStepBar","defaultGetItemLabel","item","label","defaultGetItemTooltipContent","tooltipContent","defaultGetItemPoint","point","defaultGetItemLineStatus","lineStatus","defaultGetItemProgress","progress","defaultGetItemContent","content","defaultGetItemStatus","status","defaultGetItemOnClick","onClick","withDefaultGetters","props","getItemLabel","getItemTooltipContent","getItemPoint","getItemProgress","getItemContent","getItemStatus","getItemLineStatus","getItemOnClick","getItemPosition","index","length","position","getRefSize","ref","current","getBoundingClientRect","width","height","calculateLines","refs","direction","sizes","i","width1","height1","width2","size","first","second","push","validateVisibleIndex","Math","min"],"sources":["../../../../../src/components/ProgressStepBar/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const progressStepBarPropSize = ['s', 'xs', 'm'] as const;\nexport type ProgressStepBarPropSize = typeof progressStepBarPropSize[number];\nexport const progressStepBarPropSizeDefault = progressStepBarPropSize[0];\n\nexport const progressStepBarPropDirection = ['horizontal', 'vertical'] as const;\nexport type ProgressStepBarPropDirection =\n  typeof progressStepBarPropDirection[number];\nexport const progressStepBarPropDirectionDefault =\n  progressStepBarPropDirection[0];\n\nexport const progressStepBarPropStatus = [\n  'normal',\n  'success',\n  'warning',\n  'alert',\n] as const;\nexport type ProgressStepBarPropStatus =\n  typeof progressStepBarPropStatus[number];\nexport const progressStepBarPropStatusDefault = progressStepBarPropStatus[0];\n\nexport const progressStepBarPointNumbersMap = [\n  0, 1, 2, 3, 4, 5, 6, 7, 8, 9,\n] as const;\nexport type ProgressStepBarPointNumbersMap =\n  typeof progressStepBarPointNumbersMap[number];\n\nexport const progressStepBarPropPosition = ['center', 'start', 'end'] as const;\nexport type ProgressStepBarPropPosition =\n  typeof progressStepBarPropPosition[number];\nexport const progressStepBarPropPositionDefault: ProgressStepBarPropPosition =\n  progressStepBarPropPosition[0];\n\nexport type ProgressStepBarPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type ProgressStepBarPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number;\nexport type ProgressStepBarPropGetItemTooltipContent<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type ProgressStepBarPropGetItemLineStatus<ITEM> = (\n  item: ITEM,\n) => ProgressStepBarPropStatus | undefined;\nexport type ProgressStepBarPropGetItemPoint<ITEM> = (\n  item: ITEM,\n) => ProgressStepBarPointNumbersMap | IconComponent | undefined;\nexport type ProgressStepBarPropGetItemProgress<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ProgressStepBarPropGetItemContent<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ProgressStepBarPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ProgressStepBarPropStatus | undefined;\nexport type ProgressStepBarPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type ProgressStepBarItemDefault = {\n  label?: string;\n  tooltipContent?: string;\n  lineStatus?: ProgressStepBarPropStatus;\n  point?: ProgressStepBarPointNumbersMap | IconComponent;\n  status?: ProgressStepBarPropStatus;\n  progress?: boolean;\n  content?: React.ReactNode;\n  onClick?: React.EventHandler<React.MouseEvent>;\n};\n\nexport type Line = {\n  status: ProgressStepBarPropStatus;\n  size: number;\n};\n\nexport type ProgressStepBarPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n    index: number;\n  },\n) => void;\n\nexport type ProgressStepBarProps<ITEM = ProgressStepBarItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      steps: ITEM[];\n      direction?: ProgressStepBarPropDirection;\n      size?: ProgressStepBarPropSize;\n      activeStepIndex?: number;\n      onItemClick?: ProgressStepBarPropOnItemClick<ITEM>;\n      getItemLabel?: ProgressStepBarPropGetItemLabel<ITEM>;\n      getItemLineStatus?: ProgressStepBarPropGetItemLineStatus<ITEM>;\n      getItemTooltipContent?: ProgressStepBarPropGetItemTooltipContent<ITEM>;\n      getItemPoint?: ProgressStepBarPropGetItemPoint<ITEM>;\n      getItemProgress?: ProgressStepBarPropGetItemProgress<ITEM>;\n      getItemContent?: ProgressStepBarPropGetItemContent<ITEM>;\n      getItemStatus?: ProgressStepBarPropGetItemStatus<ITEM>;\n      getItemOnClick?: ProgressStepBarPropGetItemOnClick<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: ProgressStepBarItemDefault['label'] }\n      ? {}\n      : { getItemLabel: ProgressStepBarPropGetItemLabel<ITEM> });\n\nexport type ProgressStepBarItemProps = {\n  content?: React.ReactNode;\n  label?: string;\n  point?: ProgressStepBarPointNumbersMap | IconComponent;\n  progress?: boolean;\n  status?: ProgressStepBarPropStatus | 'system';\n  tooltipContent?: string;\n  tooltipZIndex?: number;\n  position?: ProgressStepBarPropPosition;\n  direction: ProgressStepBarPropDirection;\n  size: ProgressStepBarPropSize;\n  onClick?: (e: React.MouseEvent) => void;\n  pointRef?: React.RefObject<HTMLButtonElement>;\n  className?: string;\n};\n\nexport const cnProgressStepBar = cn('ProgressStepBar');\n\nexport const defaultGetItemLabel: ProgressStepBarPropGetItemLabel<\n  ProgressStepBarItemDefault\n> = (item) => item.label;\nexport const defaultGetItemTooltipContent: ProgressStepBarPropGetItemTooltipContent<\n  ProgressStepBarItemDefault\n> = (item) => item.tooltipContent;\nexport const defaultGetItemPoint: ProgressStepBarPropGetItemPoint<\n  ProgressStepBarItemDefault\n> = (item) => item.point;\nexport const defaultGetItemLineStatus: ProgressStepBarPropGetItemLineStatus<\n  ProgressStepBarItemDefault\n> = (item) => item.lineStatus;\nexport const defaultGetItemProgress: ProgressStepBarPropGetItemProgress<\n  ProgressStepBarItemDefault\n> = (item) => item.progress;\nexport const defaultGetItemContent: ProgressStepBarPropGetItemContent<\n  ProgressStepBarItemDefault\n> = (item) => item.content;\nexport const defaultGetItemStatus: ProgressStepBarPropGetItemStatus<\n  ProgressStepBarItemDefault\n> = (item) => item.status;\nexport const defaultGetItemOnClick: ProgressStepBarPropGetItemOnClick<\n  ProgressStepBarItemDefault\n> = (item) => item.onClick;\n\nexport type ProgressStepBarComponent = <ITEM = ProgressStepBarItemDefault>(\n  props: ProgressStepBarProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type ProgressStepBarItemComponent = (\n  props: PropsWithHTMLAttributesAndRef<\n    ProgressStepBarItemProps,\n    HTMLDivElement\n  >,\n) => React.ReactNode | null;\n\nexport function withDefaultGetters<ITEM>(props: ProgressStepBarProps<ITEM>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemTooltipContent:\n      props.getItemTooltipContent || defaultGetItemTooltipContent,\n    getItemPoint: props.getItemPoint || defaultGetItemPoint,\n    getItemProgress: props.getItemProgress || defaultGetItemProgress,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemLineStatus: props.getItemLineStatus || defaultGetItemLineStatus,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  };\n}\n\nexport const getItemPosition = (index: number, length: number) => {\n  let position: ProgressStepBarPropPosition = 'center';\n  if (index === length - 1) position = 'end';\n  if (index === 0) position = 'start';\n\n  return position;\n};\n\nconst getRefSize = (ref: React.RefObject<HTMLElement>) => {\n  if (ref.current) {\n    const { width, height } = ref.current.getBoundingClientRect();\n    return [width, height];\n  }\n  return [0, 0];\n};\n\nexport const calculateLines = (\n  refs: React.RefObject<HTMLElement>[],\n  direction: ProgressStepBarPropDirection,\n) => {\n  const sizes: number[] = [];\n  const { length } = refs;\n\n  if (length < 2) {\n    return sizes;\n  }\n\n  for (let i = 0; i < length - 1; i++) {\n    const [width1, height1] = getRefSize(refs[i]);\n    const [width2] = getRefSize(refs[i + 1]);\n\n    let size = 0;\n    if (direction === 'horizontal') {\n      const first = i === 0 ? width1 : width1 / 2;\n      const second = i === length - 2 ? width2 : width2 / 2;\n      size = first + second;\n    } else {\n      size = height1;\n      if (i === length - 2) {\n        size += 2;\n      }\n    }\n    sizes.push(size);\n  }\n\n  return sizes;\n};\n\nexport const validateVisibleIndex = (\n  length: number,\n  index: number | undefined,\n) => {\n  if (!index) {\n    return index;\n  }\n\n  if (index < 0) {\n    return undefined;\n  }\n\n  return Math.min(index, length - 1);\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["cn","progressStepBarPropSize","progressStepBarPropSizeDefault","progressStepBarPropDirection","progressStepBarPropDirectionDefault","progressStepBarPropStatus","progressStepBarPropStatusDefault","progressStepBarPointNumbersMap","progressStepBarPropPosition","progressStepBarPropPositionDefault","cnProgressStepBar","defaultGetItemLabel","item","label","defaultGetItemTooltipContent","tooltipContent","defaultGetItemPoint","point","defaultGetItemLineStatus","lineStatus","defaultGetItemProgress","progress","defaultGetItemContent","content","defaultGetItemStatus","status","defaultGetItemOnClick","onClick","withDefaultGetters","props","getItemLabel","getItemTooltipContent","getItemPoint","getItemProgress","getItemContent","getItemStatus","getItemLineStatus","getItemOnClick","getItemPosition","index","length","position","getRefSize","ref","current","getBoundingClientRect","width","height","calculateLines","refs","direction","sizes","i","width1","height1","width2","size","first","second","push","validateVisibleIndex","Math","min"],"sources":["../../../../../src/components/ProgressStepBar/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const progressStepBarPropSize = ['s', 'xs', 'm'] as const;\nexport type ProgressStepBarPropSize = (typeof progressStepBarPropSize)[number];\nexport const progressStepBarPropSizeDefault = progressStepBarPropSize[0];\n\nexport const progressStepBarPropDirection = ['horizontal', 'vertical'] as const;\nexport type ProgressStepBarPropDirection =\n  (typeof progressStepBarPropDirection)[number];\nexport const progressStepBarPropDirectionDefault =\n  progressStepBarPropDirection[0];\n\nexport const progressStepBarPropStatus = [\n  'normal',\n  'success',\n  'warning',\n  'alert',\n] as const;\nexport type ProgressStepBarPropStatus =\n  (typeof progressStepBarPropStatus)[number];\nexport const progressStepBarPropStatusDefault = progressStepBarPropStatus[0];\n\nexport const progressStepBarPointNumbersMap = [\n  0, 1, 2, 3, 4, 5, 6, 7, 8, 9,\n] as const;\nexport type ProgressStepBarPointNumbersMap =\n  (typeof progressStepBarPointNumbersMap)[number];\n\nexport const progressStepBarPropPosition = ['center', 'start', 'end'] as const;\nexport type ProgressStepBarPropPosition =\n  (typeof progressStepBarPropPosition)[number];\nexport const progressStepBarPropPositionDefault: ProgressStepBarPropPosition =\n  progressStepBarPropPosition[0];\n\nexport type ProgressStepBarPropGetItemLabel<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type ProgressStepBarPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number;\nexport type ProgressStepBarPropGetItemTooltipContent<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type ProgressStepBarPropGetItemLineStatus<ITEM> = (\n  item: ITEM,\n) => ProgressStepBarPropStatus | undefined;\nexport type ProgressStepBarPropGetItemPoint<ITEM> = (\n  item: ITEM,\n) => ProgressStepBarPointNumbersMap | IconComponent | undefined;\nexport type ProgressStepBarPropGetItemProgress<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ProgressStepBarPropGetItemContent<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ProgressStepBarPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ProgressStepBarPropStatus | undefined;\nexport type ProgressStepBarPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type ProgressStepBarItemDefault = {\n  label?: string;\n  tooltipContent?: string;\n  lineStatus?: ProgressStepBarPropStatus;\n  point?: ProgressStepBarPointNumbersMap | IconComponent;\n  status?: ProgressStepBarPropStatus;\n  progress?: boolean;\n  content?: React.ReactNode;\n  onClick?: React.EventHandler<React.MouseEvent>;\n};\n\nexport type Line = {\n  status: ProgressStepBarPropStatus;\n  size: number;\n};\n\nexport type ProgressStepBarPropOnItemClick<ITEM> = (\n  item: ITEM,\n  props: {\n    e: React.MouseEvent;\n    index: number;\n  },\n) => void;\n\nexport type ProgressStepBarProps<ITEM = ProgressStepBarItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      steps: ITEM[];\n      direction?: ProgressStepBarPropDirection;\n      size?: ProgressStepBarPropSize;\n      activeStepIndex?: number;\n      onItemClick?: ProgressStepBarPropOnItemClick<ITEM>;\n      getItemLabel?: ProgressStepBarPropGetItemLabel<ITEM>;\n      getItemLineStatus?: ProgressStepBarPropGetItemLineStatus<ITEM>;\n      getItemTooltipContent?: ProgressStepBarPropGetItemTooltipContent<ITEM>;\n      getItemPoint?: ProgressStepBarPropGetItemPoint<ITEM>;\n      getItemProgress?: ProgressStepBarPropGetItemProgress<ITEM>;\n      getItemContent?: ProgressStepBarPropGetItemContent<ITEM>;\n      getItemStatus?: ProgressStepBarPropGetItemStatus<ITEM>;\n      getItemOnClick?: ProgressStepBarPropGetItemOnClick<ITEM>;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: ProgressStepBarItemDefault['label'] }\n      ? {}\n      : { getItemLabel: ProgressStepBarPropGetItemLabel<ITEM> });\n\nexport type ProgressStepBarItemProps = {\n  content?: React.ReactNode;\n  label?: string;\n  point?: ProgressStepBarPointNumbersMap | IconComponent;\n  progress?: boolean;\n  status?: ProgressStepBarPropStatus | 'system';\n  tooltipContent?: string;\n  tooltipZIndex?: number;\n  position?: ProgressStepBarPropPosition;\n  direction: ProgressStepBarPropDirection;\n  size: ProgressStepBarPropSize;\n  onClick?: (e: React.MouseEvent) => void;\n  pointRef?: React.RefObject<HTMLButtonElement>;\n  className?: string;\n};\n\nexport const cnProgressStepBar = cn('ProgressStepBar');\n\nexport const defaultGetItemLabel: ProgressStepBarPropGetItemLabel<\n  ProgressStepBarItemDefault\n> = (item) => item.label;\nexport const defaultGetItemTooltipContent: ProgressStepBarPropGetItemTooltipContent<\n  ProgressStepBarItemDefault\n> = (item) => item.tooltipContent;\nexport const defaultGetItemPoint: ProgressStepBarPropGetItemPoint<\n  ProgressStepBarItemDefault\n> = (item) => item.point;\nexport const defaultGetItemLineStatus: ProgressStepBarPropGetItemLineStatus<\n  ProgressStepBarItemDefault\n> = (item) => item.lineStatus;\nexport const defaultGetItemProgress: ProgressStepBarPropGetItemProgress<\n  ProgressStepBarItemDefault\n> = (item) => item.progress;\nexport const defaultGetItemContent: ProgressStepBarPropGetItemContent<\n  ProgressStepBarItemDefault\n> = (item) => item.content;\nexport const defaultGetItemStatus: ProgressStepBarPropGetItemStatus<\n  ProgressStepBarItemDefault\n> = (item) => item.status;\nexport const defaultGetItemOnClick: ProgressStepBarPropGetItemOnClick<\n  ProgressStepBarItemDefault\n> = (item) => item.onClick;\n\nexport type ProgressStepBarComponent = <ITEM = ProgressStepBarItemDefault>(\n  props: ProgressStepBarProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type ProgressStepBarItemComponent = (\n  props: PropsWithHTMLAttributesAndRef<\n    ProgressStepBarItemProps,\n    HTMLDivElement\n  >,\n) => React.ReactNode | null;\n\nexport function withDefaultGetters<ITEM>(props: ProgressStepBarProps<ITEM>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemTooltipContent:\n      props.getItemTooltipContent || defaultGetItemTooltipContent,\n    getItemPoint: props.getItemPoint || defaultGetItemPoint,\n    getItemProgress: props.getItemProgress || defaultGetItemProgress,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemLineStatus: props.getItemLineStatus || defaultGetItemLineStatus,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  };\n}\n\nexport const getItemPosition = (index: number, length: number) => {\n  let position: ProgressStepBarPropPosition = 'center';\n  if (index === length - 1) position = 'end';\n  if (index === 0) position = 'start';\n\n  return position;\n};\n\nconst getRefSize = (ref: React.RefObject<HTMLElement>) => {\n  if (ref.current) {\n    const { width, height } = ref.current.getBoundingClientRect();\n    return [width, height];\n  }\n  return [0, 0];\n};\n\nexport const calculateLines = (\n  refs: React.RefObject<HTMLElement>[],\n  direction: ProgressStepBarPropDirection,\n) => {\n  const sizes: number[] = [];\n  const { length } = refs;\n\n  if (length < 2) {\n    return sizes;\n  }\n\n  for (let i = 0; i < length - 1; i++) {\n    const [width1, height1] = getRefSize(refs[i]);\n    const [width2] = getRefSize(refs[i + 1]);\n\n    let size = 0;\n    if (direction === 'horizontal') {\n      const first = i === 0 ? width1 : width1 / 2;\n      const second = i === length - 2 ? width2 : width2 / 2;\n      size = first + second;\n    } else {\n      size = height1;\n      if (i === length - 2) {\n        size += 2;\n      }\n    }\n    sizes.push(size);\n  }\n\n  return sizes;\n};\n\nexport const validateVisibleIndex = (\n  length: number,\n  index: number | undefined,\n) => {\n  if (!index) {\n    return index;\n  }\n\n  if (index < 0) {\n    return undefined;\n  }\n\n  return Math.min(index, length - 1);\n};\n"],"mappings":"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"}

package/__internal__/src/components/Radio/Radio.css

@@ -1 +1 @@
-.Radio{display:inline-flex;font-family:var(--font-sans);line-height:var(--line-height-text-s)}.Radio,.Radio-Input{cursor:pointer;position:relative}.Radio-Input{-webkit-appearance:none;border:var(--control-border-width) solid;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:var(--radio-size);margin:0;transition:border-color .15s,background-color .15s;width:var(--radio-size)}.Radio-Input:before{border-radius:50%;box-sizing:border-box;content:"";height:var(--radio-size);left:calc(50% - var(--radio-size)/2);opacity:0;position:absolute;top:calc(50% - var(--radio-size)/2);transform:scale(0);transition:background-color .15s,opacity .15s,transform .15s;width:var(--radio-size)}.Radio-Label{color:var(--color-control-typo-default);font-size:var(--radio-font-size);margin-left:var(--radio-offset)}.Radio_size_xs{--radio-font-size:var(--control-text-size-xs);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs);--align-top-margin:0}.Radio_size_s{--radio-font-size:var(--control-text-size-s);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Radio_size_m{--radio-font-size:var(--control-text-size-m);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Radio_size_l{--radio-font-size:var(--control-text-size-l);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-s);--align-top-margin:var(--space-3xs)}.Radio_view_primary:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_primary .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_primary .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked{border-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary:hover .Radio-Input:checked{border-color:var(--color-control-bg-primary-hover)}.Radio_view_primary:hover .Radio-Input:checked:before{background-color:var(--color-control-bg-primary-hover)}.Radio_view_ghost:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_ghost .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_ghost .Radio-Input:checked{background-color:var(--color-control-bg-ghost);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost)}.Radio_view_ghost:hover .Radio-Input:checked{background-color:var(--color-control-bg-ghost-hover);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost:hover .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost-hover)}.Radio-Input:checked:before{opacity:1;transform:scale(.4)}.Radio_disabled{pointer-events:none}.Radio_disabled .Radio-Input:disabled{background-color:var(--color-control-bg-disable);border-color:transparent}.Radio_disabled .Radio-Input:disabled:before{background-color:var(--color-control-typo-disable)}.Radio_disabled .Radio-Input:disabled~.Radio-Label{color:var(--color-control-typo-disable)}.Radio_align_center{align-items:center}.Radio_align_top{align-items:top}.Radio_align_top .Radio-Input{margin-top:var(--align-top-margin)}
+.Radio{display:inline-flex;font-family:var(--font-sans);line-height:var(--line-height-text-s)}.Radio,.Radio-Input{cursor:pointer;position:relative}.Radio-Input{-webkit-appearance:none;border:var(--control-border-width) solid;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:var(--radio-size);margin:0;transition:border-color .15s,background-color .15s;width:var(--radio-size)}.Radio-Input:before{border-radius:50%;box-sizing:border-box;content:"";height:var(--radio-size);left:calc(50% - var(--radio-size)/2);opacity:0;position:absolute;top:calc(50% - var(--radio-size)/2);transform:scale(0);transition:background-color .15s,opacity .15s,transform .15s;width:var(--radio-size)}.Radio-Label{color:var(--color-control-typo-default);font-size:var(--radio-font-size);margin-left:var(--radio-offset)}.Radio_size_xs{--radio-font-size:var(--control-text-size-xs);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs);--align-top-margin:0}.Radio_size_s{--radio-font-size:var(--control-text-size-s);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Radio_size_m{--radio-font-size:var(--control-text-size-m);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-xs);--align-top-margin:var(--space-3xs)}.Radio_size_l{--radio-font-size:var(--control-text-size-l);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-s);--align-top-margin:var(--space-3xs)}.Radio_view_primary:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_primary .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_primary .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked{border-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary:hover .Radio-Input:checked{border-color:var(--color-control-bg-primary-hover)}.Radio_view_primary:hover .Radio-Input:checked:before{background-color:var(--color-control-bg-primary-hover)}.Radio_view_ghost:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_ghost .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_ghost .Radio-Input:checked{background-color:var(--color-control-bg-ghost);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost)}.Radio_view_ghost:hover .Radio-Input:checked{background-color:var(--color-control-bg-ghost-hover);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost:hover .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost-hover)}.Radio-Input:checked:before{opacity:1;transform:scale(.4)}.Radio_disabled{pointer-events:none}.Radio_disabled .Radio-Input:disabled{background-color:var(--color-control-bg-disable);border-color:transparent}.Radio_disabled .Radio-Input:disabled:before{background-color:var(--color-control-typo-disable)}.Radio_disabled .Radio-Input:disabled~.Radio-Label{color:var(--color-control-typo-disable)}.Radio_align_center{align-items:center}.Radio_align_top{align-items:start}.Radio_align_top .Radio-Input{margin-top:var(--align-top-margin)}

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

@@ -2,13 +2,13 @@ import './Radio.css';
 import React, { ChangeEventHandler } from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const radioPropSize: readonly ["m", "l", "s", "xs"];
-export type RadioPropSize = typeof radioPropSize[number];
+export type RadioPropSize = (typeof radioPropSize)[number];
 export declare const radioPropSizeDefault: RadioPropSize;
 export declare const radioPropView: readonly ["primary", "ghost"];
-export type RadioPropView = typeof radioPropView[number];
+export type RadioPropView = (typeof radioPropView)[number];
 export declare const radioPropViewDefault: RadioPropView;
 export declare const radioPropAlign: readonly ["center", "top"];
-export type RadioPropAlign = typeof radioPropAlign[number];
+export type RadioPropAlign = (typeof radioPropAlign)[number];
 export declare const radioPropAlignDefault: RadioPropAlign;
 export type RadioPropOnChange = (checked: boolean, params: {
     e: React.ChangeEvent<HTMLInputElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","radioPropSize","radioPropSizeDefault","radioPropView","radioPropViewDefault","radioPropAlign","radioPropAlignDefault","radioPropOnChangeDefault","cnRadio","COMPONENT_NAME","Radio","forwardRef","props","ref","radioRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef","otherProps"],"sources":["../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import './Radio.css';\n\nimport React, { ChangeEventHandler, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const radioPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type RadioPropSize = typeof radioPropSize[number];\nexport const radioPropSizeDefault: RadioPropSize = radioPropSize[0];\n\nexport const radioPropView = ['primary', 'ghost'] as const;\nexport type RadioPropView = typeof radioPropView[number];\nexport const radioPropViewDefault: RadioPropView = radioPropView[0];\n\nexport const radioPropAlign = ['center', 'top'] as const;\nexport type RadioPropAlign = typeof radioPropAlign[number];\nexport const radioPropAlignDefault: RadioPropAlign = radioPropAlign[0];\n\nconst radioPropOnChangeDefault = () => {};\n\nexport type RadioPropOnChange = (\n  checked: boolean,\n  params: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type Props = {\n  checked?: boolean;\n  size?: RadioPropSize;\n  view?: RadioPropView;\n  align?: RadioPropAlign;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  name?: string;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  step?: number | string;\n  tabIndex?: number;\n  inputRef?: React.Ref<HTMLInputElement>;\n  children?: never;\n  for?: string;\n  inputId?: string;\n};\n\nexport type RadioProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const cnRadio = cn('Radio');\n\nexport const COMPONENT_NAME = 'Radio' as const;\n\nexport const Radio = React.forwardRef<HTMLLabelElement, RadioProps>(\n  (props, ref) => {\n    const radioRef = useRef<HTMLLabelElement>(null);\n\n    const {\n      checked = false,\n      name,\n      size = radioPropSizeDefault,\n      view = radioPropViewDefault,\n      align = radioPropAlignDefault,\n      disabled,\n      className,\n      label,\n      onChange = radioPropOnChangeDefault,\n      onFocus,\n      onBlur,\n      readOnly,\n      required,\n      step,\n      tabIndex,\n      inputId,\n      inputRef,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, radioRef);\n\n    return (\n      <label\n        {...otherProps}\n        className={cnRadio({ size, view, disabled, align }, [className])}\n        ref={useForkRef([ref, radioRef])}\n      >\n        <input\n          type=\"radio\"\n          name={name}\n          className={cnRadio('Input', [cnMixFocus()])}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          readOnly={readOnly}\n          required={required}\n          step={step}\n          id={inputId}\n          tabIndex={tabIndex}\n          ref={inputRef}\n        />\n        {label && <span className={cnRadio('Label')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"sQAAA,oBAEA,MAAOA,MAAP,EAAoCC,MAApC,KAAkD,OAAlD,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,QAAD,CAAW,KAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,GAAME,yBAAwB,CAAG,UAAM,CAAE,CAAzC,CAkCA,MAAO,IAAMC,QAAO,CAAGT,EAAE,CAAC,OAAD,CAAlB,CAEP,MAAO,IAAMU,eAAc,CAAG,OAAvB,CAEP,MAAO,IAAMC,MAAK,CAAGf,KAAK,CAACgB,UAAN,CACnB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAQ,CAAGlB,MAAM,CAAmB,IAAnB,CADT,GAsBVI,eAAe,CAACS,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAtBL,KAIZC,OAJY,CAKZC,CALY,GAKZA,IALY,KAMZC,IANY,CAMZA,CANY,YAMLf,oBANK,OAOZgB,IAPY,CAOZA,CAPY,YAOLd,oBAPK,OAQZe,KARY,CAQZA,CARY,YAQJb,qBARI,GASZc,CATY,GASZA,QATY,CAUZC,CAVY,GAUZA,SAVY,CAWZC,CAXY,GAWZA,KAXY,KAYZC,QAZY,CAYZA,CAZY,YAYDhB,wBAZC,GAaZiB,CAbY,GAaZA,OAbY,CAcZC,CAdY,GAcZA,MAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,QAhBY,CAiBZC,CAjBY,GAiBZA,IAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBZC,CAnBY,GAmBZA,OAnBY,CAoBZC,CApBY,GAoBZA,QApBY,CAqBTC,CArBS,uCAwBd,MACE,8CACMA,CADN,EAEE,SAAS,CAAExB,OAAO,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFpB,CAGE,GAAG,CAAExB,UAAU,CAAC,CAACgB,CAAD,CAAMC,CAAN,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,OADP,CAEE,IAAI,CAAEE,CAFR,CAGE,SAAS,CAAER,OAAO,CAAC,OAAD,CAAU,CAACV,UAAU,EAAX,CAAV,CAHpB,CAIE,OAAO,cAJT,CAKE,QAAQ,CAAEsB,CALZ,CAME,QAAQ,CAAEG,CANZ,CAOE,OAAO,CAAEC,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,EAAE,CAAEE,CAZN,CAaE,QAAQ,CAAED,CAbZ,CAcE,GAAG,CAAEE,CAdP,EALF,CAqBGT,CAAK,EAAI,4BAAM,SAAS,CAAEd,OAAO,CAAC,OAAD,CAAxB,EAAoCc,CAApC,CArBZ,CAwBH,CAlDkB,CAAd"}
+{"version":3,"file":"Radio.js","names":["React","useRef","useForkRef","cnMixFocus","cn","usePropsHandler","radioPropSize","radioPropSizeDefault","radioPropView","radioPropViewDefault","radioPropAlign","radioPropAlignDefault","radioPropOnChangeDefault","cnRadio","COMPONENT_NAME","Radio","forwardRef","props","ref","radioRef","checked","name","size","view","align","disabled","className","label","onChange","onFocus","onBlur","readOnly","required","step","tabIndex","inputId","inputRef","otherProps"],"sources":["../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import './Radio.css';\n\nimport React, { ChangeEventHandler, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\n\nexport const radioPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type RadioPropSize = (typeof radioPropSize)[number];\nexport const radioPropSizeDefault: RadioPropSize = radioPropSize[0];\n\nexport const radioPropView = ['primary', 'ghost'] as const;\nexport type RadioPropView = (typeof radioPropView)[number];\nexport const radioPropViewDefault: RadioPropView = radioPropView[0];\n\nexport const radioPropAlign = ['center', 'top'] as const;\nexport type RadioPropAlign = (typeof radioPropAlign)[number];\nexport const radioPropAlignDefault: RadioPropAlign = radioPropAlign[0];\n\nconst radioPropOnChangeDefault = () => {};\n\nexport type RadioPropOnChange = (\n  checked: boolean,\n  params: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type Props = {\n  checked?: boolean;\n  size?: RadioPropSize;\n  view?: RadioPropView;\n  align?: RadioPropAlign;\n  disabled?: boolean;\n  className?: string;\n  label?: string;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  name?: string;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  step?: number | string;\n  tabIndex?: number;\n  inputRef?: React.Ref<HTMLInputElement>;\n  children?: never;\n  for?: string;\n  inputId?: string;\n};\n\nexport type RadioProps = PropsWithHTMLAttributes<Props, HTMLLabelElement>;\n\nexport const cnRadio = cn('Radio');\n\nexport const COMPONENT_NAME = 'Radio' as const;\n\nexport const Radio = React.forwardRef<HTMLLabelElement, RadioProps>(\n  (props, ref) => {\n    const radioRef = useRef<HTMLLabelElement>(null);\n\n    const {\n      checked = false,\n      name,\n      size = radioPropSizeDefault,\n      view = radioPropViewDefault,\n      align = radioPropAlignDefault,\n      disabled,\n      className,\n      label,\n      onChange = radioPropOnChangeDefault,\n      onFocus,\n      onBlur,\n      readOnly,\n      required,\n      step,\n      tabIndex,\n      inputId,\n      inputRef,\n      ...otherProps\n    } = usePropsHandler(COMPONENT_NAME, props, radioRef);\n\n    return (\n      <label\n        {...otherProps}\n        className={cnRadio({ size, view, disabled, align }, [className])}\n        ref={useForkRef([ref, radioRef])}\n      >\n        <input\n          type=\"radio\"\n          name={name}\n          className={cnRadio('Input', [cnMixFocus()])}\n          checked={checked}\n          disabled={disabled}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          readOnly={readOnly}\n          required={required}\n          step={step}\n          id={inputId}\n          tabIndex={tabIndex}\n          ref={inputRef}\n        />\n        {label && <span className={cnRadio('Label')}>{label}</span>}\n      </label>\n    );\n  },\n);\n"],"mappings":"sQAAA,oBAEA,MAAOA,MAAP,EAAoCC,MAApC,KAAkD,OAAlD,CAEA,OAASC,UAAT,yCACA,OAASC,UAAT,oCACA,OAASC,EAAT,uBAEA,OAASC,eAAT,2CAEA,MAAO,IAAMC,cAAa,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,cAAa,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAtB,CAEP,MAAO,IAAMC,qBAAmC,CAAGD,aAAa,CAAC,CAAD,CAAzD,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,QAAD,CAAW,KAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,GAAME,yBAAwB,CAAG,UAAM,CAAE,CAAzC,CAkCA,MAAO,IAAMC,QAAO,CAAGT,EAAE,CAAC,OAAD,CAAlB,CAEP,MAAO,IAAMU,eAAc,CAAG,OAAvB,CAEP,MAAO,IAAMC,MAAK,CAAGf,KAAK,CAACgB,UAAN,CACnB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACRC,EAAQ,CAAGlB,MAAM,CAAmB,IAAnB,CADT,GAsBVI,eAAe,CAACS,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAtBL,KAIZC,OAJY,CAKZC,CALY,GAKZA,IALY,KAMZC,IANY,CAMZA,CANY,YAMLf,oBANK,OAOZgB,IAPY,CAOZA,CAPY,YAOLd,oBAPK,OAQZe,KARY,CAQZA,CARY,YAQJb,qBARI,GASZc,CATY,GASZA,QATY,CAUZC,CAVY,GAUZA,SAVY,CAWZC,CAXY,GAWZA,KAXY,KAYZC,QAZY,CAYZA,CAZY,YAYDhB,wBAZC,GAaZiB,CAbY,GAaZA,OAbY,CAcZC,CAdY,GAcZA,MAdY,CAeZC,CAfY,GAeZA,QAfY,CAgBZC,CAhBY,GAgBZA,QAhBY,CAiBZC,CAjBY,GAiBZA,IAjBY,CAkBZC,CAlBY,GAkBZA,QAlBY,CAmBZC,CAnBY,GAmBZA,OAnBY,CAoBZC,CApBY,GAoBZA,QApBY,CAqBTC,CArBS,uCAwBd,MACE,8CACMA,CADN,EAEE,SAAS,CAAExB,OAAO,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcE,QAAQ,CAARA,CAAd,CAAwBD,KAAK,CAALA,CAAxB,CAAD,CAAkC,CAACE,CAAD,CAAlC,CAFpB,CAGE,GAAG,CAAExB,UAAU,CAAC,CAACgB,CAAD,CAAMC,CAAN,CAAD,CAHjB,GAKE,6BACE,IAAI,CAAC,OADP,CAEE,IAAI,CAAEE,CAFR,CAGE,SAAS,CAAER,OAAO,CAAC,OAAD,CAAU,CAACV,UAAU,EAAX,CAAV,CAHpB,CAIE,OAAO,cAJT,CAKE,QAAQ,CAAEsB,CALZ,CAME,QAAQ,CAAEG,CANZ,CAOE,OAAO,CAAEC,CAPX,CAQE,MAAM,CAAEC,CARV,CASE,QAAQ,CAAEC,CATZ,CAUE,QAAQ,CAAEC,CAVZ,CAWE,IAAI,CAAEC,CAXR,CAYE,EAAE,CAAEE,CAZN,CAaE,QAAQ,CAAED,CAbZ,CAcE,GAAG,CAAEE,CAdP,EALF,CAqBGT,CAAK,EAAI,4BAAM,SAAS,CAAEd,OAAO,CAAC,OAAD,CAAxB,EAAoCc,CAApC,CArBZ,CAwBH,CAlDkB,CAAd"}

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

@@ -5,16 +5,16 @@ export type RadioGroupDefaultItem = {
     disabled?: boolean;
 };
 export declare const radioGroupDirections: readonly ["column", "row"];
-export type RadioGroupDirection = typeof radioGroupDirections[number];
+export type RadioGroupDirection = (typeof radioGroupDirections)[number];
 export declare const radioGroupDefaultDirection: RadioGroupDirection;
 export declare const radioGroupSizes: readonly ["m", "l", "xs", "s"];
-export type RadioGroupPropSize = typeof radioGroupSizes[number];
+export type RadioGroupPropSize = (typeof radioGroupSizes)[number];
 export declare const radioGroupDefaultSize: RadioGroupPropSize;
 export declare const radioGroupViews: readonly ["primary", "ghost"];
-export type RadioGroupPropView = typeof radioGroupViews[number];
+export type RadioGroupPropView = (typeof radioGroupViews)[number];
 export declare const radioGroupDefaultView: RadioGroupPropView;
 export declare const radioGroupPropAlign: readonly ["center", "top"];
-export type RadioGroupPropAlign = typeof radioGroupPropAlign[number];
+export type RadioGroupPropAlign = (typeof radioGroupPropAlign)[number];
 export declare const radioGroupPropAlignDefault: RadioGroupPropAlign;
 export type RadioGroupPropGetItemKey<ITEM> = (item: ITEM) => string | number | undefined;
 export type RadioGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["radioGroupDirections","radioGroupDefaultDirection","radioGroupSizes","radioGroupDefaultSize","radioGroupViews","radioGroupDefaultView","radioGroupPropAlign","radioGroupPropAlignDefault"],"sources":["../../../../../src/components/RadioGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type RadioGroupDefaultItem = {\n  key?: string | number;\n  label: string;\n  disabled?: boolean;\n};\n\nexport const radioGroupDirections = ['column', 'row'] as const;\nexport type RadioGroupDirection = typeof radioGroupDirections[number];\nexport const radioGroupDefaultDirection: RadioGroupDirection =\n  radioGroupDirections[0];\n\nexport const radioGroupSizes = ['m', 'l', 'xs', 's'] as const;\nexport type RadioGroupPropSize = typeof radioGroupSizes[number];\nexport const radioGroupDefaultSize: RadioGroupPropSize = radioGroupSizes[0];\n\nexport const radioGroupViews = ['primary', 'ghost'] as const;\nexport type RadioGroupPropView = typeof radioGroupViews[number];\nexport const radioGroupDefaultView: RadioGroupPropView = radioGroupViews[0];\n\nexport const radioGroupPropAlign = ['center', 'top'] as const;\nexport type RadioGroupPropAlign = typeof radioGroupPropAlign[number];\nexport const radioGroupPropAlignDefault: RadioGroupPropAlign =\n  radioGroupPropAlign[0];\n\nexport type RadioGroupPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type RadioGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type RadioGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type RadioGroupPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type RadioGroupProps<ITEM = RadioGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      align?: RadioGroupPropAlign;\n      value?: ITEM | null;\n      items: ITEM[];\n      getItemKey?: RadioGroupPropGetItemKey<ITEM>;\n      getItemLabel?: RadioGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: RadioGroupPropGetItemDisabled<ITEM>;\n      onChange?: RadioGroupPropOnChange<ITEM>;\n      name?: string;\n      direction?: RadioGroupDirection;\n      size?: RadioGroupPropSize;\n      view?: RadioGroupPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: RadioGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: RadioGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type RadioGroupComponent = <ITEM = RadioGroupDefaultItem>(\n  props: RadioGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAQA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA7B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,gBAAe,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,sBAAyC,CAAGD,eAAe,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAxB,CAEP,MAAO,IAAMC,sBAAyC,CAAGD,eAAe,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd"}
+{"version":3,"file":"types.js","names":["radioGroupDirections","radioGroupDefaultDirection","radioGroupSizes","radioGroupDefaultSize","radioGroupViews","radioGroupDefaultView","radioGroupPropAlign","radioGroupPropAlignDefault"],"sources":["../../../../../src/components/RadioGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type RadioGroupDefaultItem = {\n  key?: string | number;\n  label: string;\n  disabled?: boolean;\n};\n\nexport const radioGroupDirections = ['column', 'row'] as const;\nexport type RadioGroupDirection = (typeof radioGroupDirections)[number];\nexport const radioGroupDefaultDirection: RadioGroupDirection =\n  radioGroupDirections[0];\n\nexport const radioGroupSizes = ['m', 'l', 'xs', 's'] as const;\nexport type RadioGroupPropSize = (typeof radioGroupSizes)[number];\nexport const radioGroupDefaultSize: RadioGroupPropSize = radioGroupSizes[0];\n\nexport const radioGroupViews = ['primary', 'ghost'] as const;\nexport type RadioGroupPropView = (typeof radioGroupViews)[number];\nexport const radioGroupDefaultView: RadioGroupPropView = radioGroupViews[0];\n\nexport const radioGroupPropAlign = ['center', 'top'] as const;\nexport type RadioGroupPropAlign = (typeof radioGroupPropAlign)[number];\nexport const radioGroupPropAlignDefault: RadioGroupPropAlign =\n  radioGroupPropAlign[0];\n\nexport type RadioGroupPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type RadioGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type RadioGroupPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type RadioGroupPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.ChangeEvent<HTMLInputElement>;\n  },\n) => void;\n\nexport type RadioGroupProps<ITEM = RadioGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      align?: RadioGroupPropAlign;\n      value?: ITEM | null;\n      items: ITEM[];\n      getItemKey?: RadioGroupPropGetItemKey<ITEM>;\n      getItemLabel?: RadioGroupPropGetItemLabel<ITEM>;\n      getItemDisabled?: RadioGroupPropGetItemDisabled<ITEM>;\n      onChange?: RadioGroupPropOnChange<ITEM>;\n      name?: string;\n      direction?: RadioGroupDirection;\n      size?: RadioGroupPropSize;\n      view?: RadioGroupPropView;\n      disabled?: boolean;\n      className?: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: RadioGroupDefaultItem['label'] }\n      ? {}\n      : {\n          getItemLabel: RadioGroupPropGetItemLabel<ITEM>;\n        });\n\nexport type RadioGroupComponent = <ITEM = RadioGroupDefaultItem>(\n  props: RadioGroupProps<ITEM>,\n) => React.ReactNode | null;\n"],"mappings":"AAQA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA7B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,oBAAoB,CAAC,CAAD,CADf,CAGP,MAAO,IAAME,gBAAe,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,sBAAyC,CAAGD,eAAe,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,gBAAe,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAxB,CAEP,MAAO,IAAMC,sBAAyC,CAAGD,eAAe,CAAC,CAAD,CAAjE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd"}

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { ResponsesImageProps } from '../../responsesImages/ResponsesImage/ResponsesImage';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const responsesPropSize: readonly ["l", "m"];
-export type ResponsesPropSize = typeof responsesPropSize[number];
+export type ResponsesPropSize = (typeof responsesPropSize)[number];
 export declare const responsesPropSizeDefault: ResponsesPropSize;
 export type ResponsesProps = PropsWithHTMLAttributes<{
     title?: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Responses.js","names":["React","cnMixSpace","cn","responsesPropSize","responsesPropSizeDefault","cnResponses","Responses","forwardRef","props","ref","className","title","description","size","image","actions","mT","mB"],"sources":["../../../../../src/components/Responses/Responses.tsx"],"sourcesContent":["import './Responses.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { ResponsesImageProps } from '##/responsesImages/ResponsesImage/ResponsesImage';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const responsesPropSize = ['l', 'm'] as const;\nexport type ResponsesPropSize = typeof responsesPropSize[number];\nexport const responsesPropSizeDefault: ResponsesPropSize = responsesPropSize[0];\n\nexport type ResponsesProps = PropsWithHTMLAttributes<\n  {\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    size?: ResponsesPropSize;\n    image: React.FC<ResponsesImageProps>;\n    actions?: React.ReactNode;\n    children?: never;\n  },\n  HTMLDivElement\n>;\n\nexport const cnResponses = cn('Responses');\n\nexport const Responses = React.forwardRef<HTMLDivElement, ResponsesProps>(\n  (props, ref) => {\n    const {\n      className,\n      title,\n      description,\n      size = responsesPropSizeDefault,\n      image,\n      actions,\n    } = props;\n    const Image = image;\n\n    return (\n      <div className={cnResponses({ size }, [className])} ref={ref}>\n        <Image className={cnResponses('Image')} />\n        {title && (\n          <h1\n            className={cnResponses('Title', [cnMixSpace({ mT: 'xl', mB: 0 })])}\n          >\n            {title}\n          </h1>\n        )}\n        {description && (\n          <p className={cnResponses('Description', [cnMixSpace({ mT: 'xs' })])}>\n            {description}\n          </p>\n        )}\n        {actions && (\n          <div\n            className={cnResponses('ButtonsWrapper', [\n              cnMixSpace({ mT: 'xl' }),\n            ])}\n          >\n            {actions}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBAGA,MAAO,IAAMC,kBAAiB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAcP,MAAO,IAAME,YAAW,CAAGH,EAAE,CAAC,WAAD,CAAtB,CAEP,MAAO,IAAMI,UAAS,CAAGN,KAAK,CAACO,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAQVF,CARU,CAEZE,SAFY,CAGZC,CAHY,CAQVH,CARU,CAGZG,KAHY,CAIZC,CAJY,CAQVJ,CARU,CAIZI,WAJY,GAQVJ,CARU,CAKZK,IALY,CAKZA,CALY,YAKLT,wBALK,GAMZU,CANY,CAQVN,CARU,CAMZM,KANY,CAOZC,CAPY,CAQVP,CARU,CAOZO,OAPY,CAWd,MACE,4BAAK,SAAS,CAAEV,WAAW,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACH,CAAD,CAAX,CAA3B,CAAoD,GAAG,CAAED,CAAzD,EACE,oBAJUK,CAIV,EAAO,SAAS,CAAET,WAAW,CAAC,OAAD,CAA7B,EADF,CAEGM,CAAK,EACJ,0BACE,SAAS,CAAEN,WAAW,CAAC,OAAD,CAAU,CAACJ,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAYC,EAAE,CAAE,CAAhB,CAAD,CAAX,CAAV,CADxB,EAGGN,CAHH,CAHJ,CASGC,CAAW,EACV,yBAAG,SAAS,CAAEP,WAAW,CAAC,aAAD,CAAgB,CAACJ,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAD,CAAX,CAAhB,CAAzB,EACGJ,CADH,CAVJ,CAcGG,CAAO,EACN,2BACE,SAAS,CAAEV,WAAW,CAAC,gBAAD,CAAmB,CACvCJ,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAD,CAD6B,CAAnB,CADxB,EAKGD,CALH,CAfJ,CAyBH,CAtCsB,CAAlB"}
+{"version":3,"file":"Responses.js","names":["React","cnMixSpace","cn","responsesPropSize","responsesPropSizeDefault","cnResponses","Responses","forwardRef","props","ref","className","title","description","size","image","actions","mT","mB"],"sources":["../../../../../src/components/Responses/Responses.tsx"],"sourcesContent":["import './Responses.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { ResponsesImageProps } from '##/responsesImages/ResponsesImage/ResponsesImage';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const responsesPropSize = ['l', 'm'] as const;\nexport type ResponsesPropSize = (typeof responsesPropSize)[number];\nexport const responsesPropSizeDefault: ResponsesPropSize = responsesPropSize[0];\n\nexport type ResponsesProps = PropsWithHTMLAttributes<\n  {\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    size?: ResponsesPropSize;\n    image: React.FC<ResponsesImageProps>;\n    actions?: React.ReactNode;\n    children?: never;\n  },\n  HTMLDivElement\n>;\n\nexport const cnResponses = cn('Responses');\n\nexport const Responses = React.forwardRef<HTMLDivElement, ResponsesProps>(\n  (props, ref) => {\n    const {\n      className,\n      title,\n      description,\n      size = responsesPropSizeDefault,\n      image,\n      actions,\n    } = props;\n    const Image = image;\n\n    return (\n      <div className={cnResponses({ size }, [className])} ref={ref}>\n        <Image className={cnResponses('Image')} />\n        {title && (\n          <h1\n            className={cnResponses('Title', [cnMixSpace({ mT: 'xl', mB: 0 })])}\n          >\n            {title}\n          </h1>\n        )}\n        {description && (\n          <p className={cnResponses('Description', [cnMixSpace({ mT: 'xs' })])}>\n            {description}\n          </p>\n        )}\n        {actions && (\n          <div\n            className={cnResponses('ButtonsWrapper', [\n              cnMixSpace({ mT: 'xl' }),\n            ])}\n          >\n            {actions}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBAGA,MAAO,IAAMC,kBAAiB,CAAG,CAAC,GAAD,CAAM,GAAN,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAcP,MAAO,IAAME,YAAW,CAAGH,EAAE,CAAC,WAAD,CAAtB,CAEP,MAAO,IAAMI,UAAS,CAAGN,KAAK,CAACO,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAQVF,CARU,CAEZE,SAFY,CAGZC,CAHY,CAQVH,CARU,CAGZG,KAHY,CAIZC,CAJY,CAQVJ,CARU,CAIZI,WAJY,GAQVJ,CARU,CAKZK,IALY,CAKZA,CALY,YAKLT,wBALK,GAMZU,CANY,CAQVN,CARU,CAMZM,KANY,CAOZC,CAPY,CAQVP,CARU,CAOZO,OAPY,CAWd,MACE,4BAAK,SAAS,CAAEV,WAAW,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACH,CAAD,CAAX,CAA3B,CAAoD,GAAG,CAAED,CAAzD,EACE,oBAJUK,CAIV,EAAO,SAAS,CAAET,WAAW,CAAC,OAAD,CAA7B,EADF,CAEGM,CAAK,EACJ,0BACE,SAAS,CAAEN,WAAW,CAAC,OAAD,CAAU,CAACJ,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAYC,EAAE,CAAE,CAAhB,CAAD,CAAX,CAAV,CADxB,EAGGN,CAHH,CAHJ,CASGC,CAAW,EACV,yBAAG,SAAS,CAAEP,WAAW,CAAC,aAAD,CAAgB,CAACJ,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAD,CAAX,CAAhB,CAAzB,EACGJ,CADH,CAVJ,CAcGG,CAAO,EACN,2BACE,SAAS,CAAEV,WAAW,CAAC,gBAAD,CAAmB,CACvCJ,UAAU,CAAC,CAAEe,EAAE,CAAE,IAAN,CAAD,CAD6B,CAAnB,CADxB,EAKGD,CALH,CAfJ,CAyBH,CAtCsB,CAAlB"}

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.d.ts

@@ -7,7 +7,7 @@ import { GetOptionPropsResult, OptionForCreate, OptionProps } from '../useSelect
 import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
 import { CountedGroup } from '../types';
 export declare const selectDropdownForm: readonly ["default", "brick", "round"];
-export type SelectDropdownPropForm = typeof selectDropdownForm[number];
+export type SelectDropdownPropForm = (typeof selectDropdownForm)[number];
 export declare const defaultSelectDropdownPropForm: "default";
 type RenderItemProps<ITEM> = {
     item: ITEM;

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","container","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  highlightIndex: (index: number) => void;\n  onCreate: (e: React.SyntheticEvent) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n  const {\n    controlRef,\n    size,\n    getOptionActions,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    highlightIndex,\n    onCreate,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    container,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n\n  const [hasItems] = useAtom(hasItemsAtom);\n  const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isListMount,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <SelectPopover\n      {...otherProps}\n      anchorRef={controlRef}\n      offset={offset}\n      role=\"listbox\"\n      className={cnSelectDropdown()}\n      size={size}\n      controlRef={controlRef}\n      openAtom={openAtom}\n      form={form}\n      onMount={setIsListMount}\n      style={{ zIndex }}\n      container={container}\n    >\n      {isListMount && (\n        <div\n          className={cnSelectDropdown('ScrollContainer', [\n            cnMixSpace({\n              pV: mapVerticalSpace[size],\n            }),\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n          ref={scrollContainerRef}\n        >\n          {isLoading && !isListShowed && <SelectLoader />}\n          <div\n            className={cnSelectDropdown('List')}\n            key={cnSelectDropdown('List')}\n            style={{ marginTop: spaceTop }}\n          >\n            {visibleItems.map((group) => {\n              if (isOptionForCreate(group)) {\n                const index = getIndex();\n                return (\n                  <SelectCreateButton\n                    size={size}\n                    key={cnSelectDropdown('List', { key: 'CreateButton' })}\n                    labelForCreate={labelForCreate}\n                    indent={indent}\n                    ref={itemsRefs[index]}\n                    onClick={onCreate}\n                    highlightedIndexAtom={highlightedIndexAtom}\n                    inputValueAtom={inputValueAtom}\n                    highlightIndex={highlightIndex}\n                    index={index}\n                  />\n                );\n              }\n\n              const virtualIndex =\n                visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n              return (\n                <Fragment key={group.key}>\n                  {group.group &&\n                    getGroupLabel &&\n                    isVisible(slice, virtualIndex) && (\n                      <SelectGroupLabel\n                        label={getGroupLabel(group.group)}\n                        size={size}\n                        indent={indent}\n                        ref={listRefs[virtualIndex]}\n                        key={`group-${group.key}-Label`}\n                      />\n                    )}\n                  {group.items.map((item) => {\n                    if (isOptionForSelectAll(item)) {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectItemAll\n                            label={selectAllLabel}\n                            groupId={group.key}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            groupsCounterAtom={groupsCounterAtom}\n                            key={cnSelectDropdown('SelectItemAll', {\n                              group: group.key,\n                            })}\n                            ref={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            indent={indent}\n                            size={size}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                          />\n                        );\n                      }\n                    } else {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectRenderItem\n                            key={cnSelectDropdown('SelectRenderItem', {\n                              group: group.key,\n                              item: getItemKey(item),\n                            })}\n                            getItemKeyAtom={getItemKeyAtom}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            rootRef={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            renderItem={renderItem}\n                            item={item}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                            valueAtom={valueAtom}\n                          />\n                        );\n                      }\n                    }\n                  })}\n                </Fragment>\n              );\n            })}\n            {isLoading && isListShowed && (\n              <ListLoader size={size} innerOffset={indent} />\n            )}\n          </div>\n          {!isLoading && !hasItems && labelForEmptyItems && (\n            <ListItem\n              size={size}\n              label={labelForEmptyItems}\n              innerOffset={indent}\n            >\n              {labelForEmptyItems}\n            </ListItem>\n          )}\n        </div>\n      )}\n    </SelectPopover>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","container","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = (typeof selectDropdownForm)[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  highlightIndex: (index: number) => void;\n  onCreate: (e: React.SyntheticEvent) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n  const {\n    controlRef,\n    size,\n    getOptionActions,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    highlightIndex,\n    onCreate,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    container,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n\n  const [hasItems] = useAtom(hasItemsAtom);\n  const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isListMount,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <SelectPopover\n      {...otherProps}\n      anchorRef={controlRef}\n      offset={offset}\n      role=\"listbox\"\n      className={cnSelectDropdown()}\n      size={size}\n      controlRef={controlRef}\n      openAtom={openAtom}\n      form={form}\n      onMount={setIsListMount}\n      style={{ zIndex }}\n      container={container}\n    >\n      {isListMount && (\n        <div\n          className={cnSelectDropdown('ScrollContainer', [\n            cnMixSpace({\n              pV: mapVerticalSpace[size],\n            }),\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n          ref={scrollContainerRef}\n        >\n          {isLoading && !isListShowed && <SelectLoader />}\n          <div\n            className={cnSelectDropdown('List')}\n            key={cnSelectDropdown('List')}\n            style={{ marginTop: spaceTop }}\n          >\n            {visibleItems.map((group) => {\n              if (isOptionForCreate(group)) {\n                const index = getIndex();\n                return (\n                  <SelectCreateButton\n                    size={size}\n                    key={cnSelectDropdown('List', { key: 'CreateButton' })}\n                    labelForCreate={labelForCreate}\n                    indent={indent}\n                    ref={itemsRefs[index]}\n                    onClick={onCreate}\n                    highlightedIndexAtom={highlightedIndexAtom}\n                    inputValueAtom={inputValueAtom}\n                    highlightIndex={highlightIndex}\n                    index={index}\n                  />\n                );\n              }\n\n              const virtualIndex =\n                visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n              return (\n                <Fragment key={group.key}>\n                  {group.group &&\n                    getGroupLabel &&\n                    isVisible(slice, virtualIndex) && (\n                      <SelectGroupLabel\n                        label={getGroupLabel(group.group)}\n                        size={size}\n                        indent={indent}\n                        ref={listRefs[virtualIndex]}\n                        key={`group-${group.key}-Label`}\n                      />\n                    )}\n                  {group.items.map((item) => {\n                    if (isOptionForSelectAll(item)) {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectItemAll\n                            label={selectAllLabel}\n                            groupId={group.key}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            groupsCounterAtom={groupsCounterAtom}\n                            key={cnSelectDropdown('SelectItemAll', {\n                              group: group.key,\n                            })}\n                            ref={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            indent={indent}\n                            size={size}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                          />\n                        );\n                      }\n                    } else {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectRenderItem\n                            key={cnSelectDropdown('SelectRenderItem', {\n                              group: group.key,\n                              item: getItemKey(item),\n                            })}\n                            getItemKeyAtom={getItemKeyAtom}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            rootRef={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            renderItem={renderItem}\n                            item={item}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                            valueAtom={valueAtom}\n                          />\n                        );\n                      }\n                    }\n                  })}\n                </Fragment>\n              );\n            })}\n            {isLoading && isListShowed && (\n              <ListLoader size={size} innerOffset={indent} />\n            )}\n          </div>\n          {!isLoading && !hasItems && labelForEmptyItems && (\n            <ListItem\n              size={size}\n              label={labelForEmptyItems}\n              innerOffset={indent}\n            >\n              {labelForEmptyItems}\n            </ListItem>\n          )}\n        </div>\n      )}\n    </SelectPopover>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.css

@@ -1,3 +1,3 @@
 .canary--SelectMultiple{--select-value-offset:var(--field-control-layout-space);--select-max-height-var:var(
-      --select-max-height-prop,calc(var(--field-control-layout-height)*3.7)
-    )}.canary--SelectMultiple.SelectControlLayout_clearButton{--select-value-offset:calc(var(--field-control-layout-right-slot-content-width-0) + var(--field-control-layout-space)*2)}
+    --select-max-height-prop,calc(var(--field-control-layout-height)*3.7)
+  )}.canary--SelectMultiple.SelectControlLayout_clearButton{--select-value-offset:calc(var(--field-control-layout-right-slot-content-width-0) + var(--field-control-layout-space)*2)}

package/__internal__/src/components/SelectCanary/SelectPopover/SelectPopover.d.ts

@@ -4,7 +4,7 @@ import { FieldPropSize } from '../../FieldComponents';
 import { PopoverPropOffset } from '../../Popover';
 import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttributes';
 export declare const SelectPopoverForm: readonly ["default", "brick", "round"];
-export type SelectPopoverPropForm = typeof SelectPopoverForm[number];
+export type SelectPopoverPropForm = (typeof SelectPopoverForm)[number];
 export declare const defaultSelectPopoverPropForm: "default";
 type Props = PropsWithJsxAttributes<{
     controlRef: React.MutableRefObject<HTMLDivElement | null>;

package/__internal__/src/components/SelectCanary/SelectPopover/SelectPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPopover.js","names":["classnames","reatomComponent","React","useCallback","useRef","Transition","cnListBox","Popover","animateTimeout","cnMixPopoverAnimate","SelectPopoverForm","defaultSelectPopoverPropForm","SelectPopover","props","ctx","size","className","openAtom","offset","offsetProp","controlRef","form","anchorRef","children","onMount","container","otherProps","popoverRef","spy","animate","border","shadow"],"sources":["../../../../../../src/components/SelectCanary/SelectPopover/SelectPopover.tsx"],"sourcesContent":["import { classnames } from '@bem-react/classnames';\nimport { AtomMut } from '@reatom/framework';\nimport { reatomComponent } from '@reatom/npm-react';\nimport React, { useCallback, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { cnListBox } from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nexport const SelectPopoverForm = ['default', 'brick', 'round'] as const;\nexport type SelectPopoverPropForm = typeof SelectPopoverForm[number];\nexport const defaultSelectPopoverPropForm = SelectPopoverForm[0];\n\ntype Props = PropsWithJsxAttributes<{\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  form: SelectPopoverPropForm;\n  openAtom: AtomMut<boolean>;\n  size: FieldPropSize;\n  offset?: PopoverPropOffset | 'none';\n  anchorRef: React.RefObject<HTMLElement> | undefined;\n  children: React.ReactNode;\n  onMount: (isMount: boolean) => void;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\nexport const SelectPopover = reatomComponent<Props>((props) => {\n  const {\n    ctx,\n    size,\n    className,\n    openAtom,\n    offset: offsetProp = 'none',\n    controlRef,\n    form,\n    anchorRef,\n    children,\n    onMount,\n    container,\n    ...otherProps\n  } = props;\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Transition\n      in={ctx.spy(openAtom)}\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n      unmountOnExit\n      onEntering={useCallback(() => onMount(true), [])}\n      onExited={useCallback(() => onMount(false), [])}\n    >\n      {(animate) => {\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={anchorRef}\n            container={container}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={classnames(\n              className,\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n            )}\n            equalAnchorWidth\n          >\n            {children}\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n});\n"],"mappings":"mNAAA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,OAASC,eAAT,KAAgC,mBAAhC,CACA,MAAOC,MAAP,EAAgBC,WAAhB,CAA6BC,MAA7B,KAA2C,OAA3C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAGA,OAASC,SAAT,wBACA,OAASC,OAAT,qBACA,OACEC,cADF,CAEEC,mBAFF,yDAMA,MAAO,IAAMC,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA1B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,iBAAiB,CAAC,CAAD,CAAtD,CAeP,MAAO,IAAME,cAAa,CAAGX,eAAe,CAAQ,SAACY,CAAD,CAAW,IAE3DC,EAF2D,CAczDD,CAdyD,CAE3DC,GAF2D,CAG3DC,CAH2D,CAczDF,CAdyD,CAG3DE,IAH2D,CAI3DC,CAJ2D,CAczDH,CAdyD,CAI3DG,SAJ2D,CAK3DC,CAL2D,CAczDJ,CAdyD,CAK3DI,QAL2D,GAczDJ,CAdyD,CAM3DK,MAN2D,CAMnDC,CANmD,YAMtC,MANsC,GAO3DC,CAP2D,CAczDP,CAdyD,CAO3DO,UAP2D,CAQ3DC,CAR2D,CAczDR,CAdyD,CAQ3DQ,IAR2D,CAS3DC,CAT2D,CAczDT,CAdyD,CAS3DS,SAT2D,CAU3DC,CAV2D,CAczDV,CAdyD,CAU3DU,QAV2D,CAW3DC,CAX2D,CAczDX,CAdyD,CAW3DW,OAX2D,CAY3DC,CAZ2D,CAczDZ,CAdyD,CAY3DY,SAZ2D,CAaxDC,CAbwD,0BAczDb,CAdyD,YAgBvDK,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CAhBU,CAkBvDQ,CAAU,CAAGvB,MAAM,CAAiB,IAAjB,CAlBoC,CAoB7D,MACE,qBAAC,UAAD,EACE,GAAIU,CAAG,CAACc,GAAJ,CAAQX,CAAR,CADN,CAEE,OAAO,CAAEU,CAFX,CAGE,OAAO,CAAEnB,cAHX,CAIE,aAAa,GAJf,CAKE,UAAU,CAAEL,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAsB,EAAtB,CALzB,CAME,QAAQ,CAAErB,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAuB,EAAvB,CANvB,EAQG,SAACK,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,kBACMH,CADN,EAEE,SAAS,CAAEJ,CAFb,CAGE,SAAS,CAAEG,CAHb,CAIE,SAAS,CAAC,eAJZ,CAKE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CALtB,CAWE,MAAM,CAAEP,CAXV,CAYE,GAAG,CAAES,CAZP,CAaE,IAAI,CAAC,SAbP,CAcE,SAAS,CAAE3B,UAAU,CACnBgB,CADmB,CAEnBV,SAAS,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQM,IAAI,CAAJA,CAAR,CAAcS,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CAFU,CAGnBtB,mBAAmB,CAAC,CAAEoB,OAAO,CAAPA,CAAF,CAAD,CAHA,CAdvB,CAmBE,gBAAgB,GAnBlB,GAqBGN,CArBH,CAwBH,CAlCH,CAqCH,CA1D2C,CAArC"}
+{"version":3,"file":"SelectPopover.js","names":["classnames","reatomComponent","React","useCallback","useRef","Transition","cnListBox","Popover","animateTimeout","cnMixPopoverAnimate","SelectPopoverForm","defaultSelectPopoverPropForm","SelectPopover","props","ctx","size","className","openAtom","offset","offsetProp","controlRef","form","anchorRef","children","onMount","container","otherProps","popoverRef","spy","animate","border","shadow"],"sources":["../../../../../../src/components/SelectCanary/SelectPopover/SelectPopover.tsx"],"sourcesContent":["import { classnames } from '@bem-react/classnames';\nimport { AtomMut } from '@reatom/framework';\nimport { reatomComponent } from '@reatom/npm-react';\nimport React, { useCallback, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { cnListBox } from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nexport const SelectPopoverForm = ['default', 'brick', 'round'] as const;\nexport type SelectPopoverPropForm = (typeof SelectPopoverForm)[number];\nexport const defaultSelectPopoverPropForm = SelectPopoverForm[0];\n\ntype Props = PropsWithJsxAttributes<{\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  form: SelectPopoverPropForm;\n  openAtom: AtomMut<boolean>;\n  size: FieldPropSize;\n  offset?: PopoverPropOffset | 'none';\n  anchorRef: React.RefObject<HTMLElement> | undefined;\n  children: React.ReactNode;\n  onMount: (isMount: boolean) => void;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\nexport const SelectPopover = reatomComponent<Props>((props) => {\n  const {\n    ctx,\n    size,\n    className,\n    openAtom,\n    offset: offsetProp = 'none',\n    controlRef,\n    form,\n    anchorRef,\n    children,\n    onMount,\n    container,\n    ...otherProps\n  } = props;\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Transition\n      in={ctx.spy(openAtom)}\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n      unmountOnExit\n      onEntering={useCallback(() => onMount(true), [])}\n      onExited={useCallback(() => onMount(false), [])}\n    >\n      {(animate) => {\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={anchorRef}\n            container={container}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={classnames(\n              className,\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n            )}\n            equalAnchorWidth\n          >\n            {children}\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n});\n"],"mappings":"mNAAA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,OAASC,eAAT,KAAgC,mBAAhC,CACA,MAAOC,MAAP,EAAgBC,WAAhB,CAA6BC,MAA7B,KAA2C,OAA3C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAGA,OAASC,SAAT,wBACA,OAASC,OAAT,qBACA,OACEC,cADF,CAEEC,mBAFF,yDAMA,MAAO,IAAMC,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA1B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,iBAAiB,CAAC,CAAD,CAAtD,CAeP,MAAO,IAAME,cAAa,CAAGX,eAAe,CAAQ,SAACY,CAAD,CAAW,IAE3DC,EAF2D,CAczDD,CAdyD,CAE3DC,GAF2D,CAG3DC,CAH2D,CAczDF,CAdyD,CAG3DE,IAH2D,CAI3DC,CAJ2D,CAczDH,CAdyD,CAI3DG,SAJ2D,CAK3DC,CAL2D,CAczDJ,CAdyD,CAK3DI,QAL2D,GAczDJ,CAdyD,CAM3DK,MAN2D,CAMnDC,CANmD,YAMtC,MANsC,GAO3DC,CAP2D,CAczDP,CAdyD,CAO3DO,UAP2D,CAQ3DC,CAR2D,CAczDR,CAdyD,CAQ3DQ,IAR2D,CAS3DC,CAT2D,CAczDT,CAdyD,CAS3DS,SAT2D,CAU3DC,CAV2D,CAczDV,CAdyD,CAU3DU,QAV2D,CAW3DC,CAX2D,CAczDX,CAdyD,CAW3DW,OAX2D,CAY3DC,CAZ2D,CAczDZ,CAdyD,CAY3DY,SAZ2D,CAaxDC,CAbwD,0BAczDb,CAdyD,YAgBvDK,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CAhBU,CAkBvDQ,CAAU,CAAGvB,MAAM,CAAiB,IAAjB,CAlBoC,CAoB7D,MACE,qBAAC,UAAD,EACE,GAAIU,CAAG,CAACc,GAAJ,CAAQX,CAAR,CADN,CAEE,OAAO,CAAEU,CAFX,CAGE,OAAO,CAAEnB,cAHX,CAIE,aAAa,GAJf,CAKE,UAAU,CAAEL,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAsB,EAAtB,CALzB,CAME,QAAQ,CAAErB,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAuB,EAAvB,CANvB,EAQG,SAACK,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,kBACMH,CADN,EAEE,SAAS,CAAEJ,CAFb,CAGE,SAAS,CAAEG,CAHb,CAIE,SAAS,CAAC,eAJZ,CAKE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CALtB,CAWE,MAAM,CAAEP,CAXV,CAYE,GAAG,CAAES,CAZP,CAaE,IAAI,CAAC,SAbP,CAcE,SAAS,CAAE3B,UAAU,CACnBgB,CADmB,CAEnBV,SAAS,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQM,IAAI,CAAJA,CAAR,CAAcS,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CAFU,CAGnBtB,mBAAmB,CAAC,CAAEoB,OAAO,CAAPA,CAAF,CAAD,CAHA,CAdvB,CAmBE,gBAAgB,GAnBlB,GAqBGN,CArBH,CAwBH,CAlCH,CAqCH,CA1D2C,CAArC"}

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

@@ -55,7 +55,7 @@ export declare function withDefaultGetters<ITEM = SelectItemDefault, GROUP = Sel
     iconClear?: import("@consta/icons/Icon").IconComponent;
     selectAll?: (MULTIPLE extends true ? boolean : never) | undefined;
     selectAllLabel?: string;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "onInput" | "size" | "view" | "form" | "status" | "input" | "disabled" | "value" | "multiple" | "placeholder" | "inputRef" | "items" | "dropdownForm" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "onScrollToBottom" | "labelForCreate" | "inputValue" | "selectAll" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "dropdownViewportRef" | "dropdownContainer" | "inputDefaultValue" | "clearButton" | "iconClear" | "onCreate" | "selectAllLabel" | "aria-Label"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "onInput" | "size" | "view" | "form" | "status" | "input" | "disabled" | "value" | "multiple" | "placeholder" | "inputRef" | "items" | "dropdownForm" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "onScrollToBottom" | "labelForCreate" | "inputValue" | "selectAll" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "dropdownViewportRef" | "dropdownContainer" | "inputDefaultValue" | "clearButton" | "iconClear" | "onCreate" | "aria-Label" | "selectAllLabel"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: SelectItemDefault["label"];
 } ? {} : {
     getItemLabel: SelectPropGetItemLabel<ITEM>;

package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.d.ts

@@ -6,7 +6,7 @@ import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttribu
 import { PropSize, RenderItemProps } from '../types';
 import { GetOptionPropsResult, OptionForCreate, OptionProps } from '../useSelect';
 export declare const selectDropdownForm: readonly ["default", "brick", "round"];
-export type SelectDropdownPropForm = typeof selectDropdownForm[number];
+export type SelectDropdownPropForm = (typeof selectDropdownForm)[number];
 export declare const defaultSelectDropdownPropForm: "default";
 type Props<ITEM, GROUP> = PropsWithJsxAttributes<{
     size: PropSize;

package/__internal__/src/components/SelectComponents/SelectDropdown/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpace","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","element","length","index","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","viewportRef","container","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","popoverRef","scrolled","setScrolled","setScrolledOffDebounce","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","groupIndex","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element.items.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    viewportRef,\n    container,\n    ...otherProps\n  } = props;\n\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScrolled] = useFlag();\n  const setScrolledOffDebounce = useDebounce(setScrolled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScrolled.on();\n      setScrolledOffDebounce();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n            viewportRef={viewportRef}\n            container={container}\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\n                style={{ marginTop: spaceTop }}\n              >\n                {visibleItems.map((group, groupIndex) => {\n                  if (isOptionForCreate(group)) {\n                    const index = getIndex();\n                    return (\n                      <SelectCreateButton\n                        size={size}\n                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: groupIndex,\n                        })}\n                      />\n                    );\n                  }\n\n                  const virtualIndex =\n                    visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n                  return (\n                    <Fragment key={group.key}>\n                      {group.group &&\n                        getGroupLabel &&\n                        isVisible(slice, virtualIndex) && (\n                          <SelectGroupLabel\n                            label={getGroupLabel(group.group)}\n                            size={size}\n                            indent={indent}\n                            ref={listRefs[virtualIndex]}\n                            key={`group-${group.key}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: i,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: i,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpace","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","element","length","index","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","viewportRef","container","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","popoverRef","scrolled","setScrolled","setScrolledOffDebounce","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","groupIndex","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = (typeof selectDropdownForm)[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element.items.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    viewportRef,\n    container,\n    ...otherProps\n  } = props;\n\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScrolled] = useFlag();\n  const setScrolledOffDebounce = useDebounce(setScrolled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScrolled.on();\n      setScrolledOffDebounce();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n            viewportRef={viewportRef}\n            container={container}\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\n                style={{ marginTop: spaceTop }}\n              >\n                {visibleItems.map((group, groupIndex) => {\n                  if (isOptionForCreate(group)) {\n                    const index = getIndex();\n                    return (\n                      <SelectCreateButton\n                        size={size}\n                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: groupIndex,\n                        })}\n                      />\n                    );\n                  }\n\n                  const virtualIndex =\n                    visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n                  return (\n                    <Fragment key={group.key}>\n                      {group.group &&\n                        getGroupLabel &&\n                        isVisible(slice, virtualIndex) && (\n                          <SelectGroupLabel\n                            label={getGroupLabel(group.group)}\n                            size={size}\n                            indent={indent}\n                            ref={listRefs[virtualIndex]}\n                            key={`group-${group.key}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: i,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: i,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/SelectComponents/SelectValueTag/SelectValueTag.css

@@ -1 +1 @@
-.TagBase.SelectValueTag{margin:0 var(--tag-space) var(--tag-space) 0}.TagBase.SelectValueTag.TagBase_size_l,.TagBase.SelectValueTag.TagBase_size_m,.TagBase.SelectValueTag.TagBase_size_s{height:calc(var(--tag-base-height) - var(--space-3xs));line-height:calc(var(--tag-base-height) - var(--space-3xs))}.TagBase.SelectValueTag .TagBase-Label{word-break:break-word}.TagBase.SelectValueTag_disabled{background-color:var(--color-control-bg-disable);pointer-events:none}.TagBase.SelectValueTag_disabled>*{color:var(--color-control-typo-disable)}
+.TagBase.SelectValueTag{margin:0 var(--tag-space) var(--tag-space) 0}.TagBase.SelectValueTag.TagBase_size_l,.TagBase.SelectValueTag.TagBase_size_m,.TagBase.SelectValueTag.TagBase_size_s{height:calc(var(--tag-base-height) - var(--space-3xs));line-height:calc(var(--tag-base-height) - var(--space-3xs))}.TagBase.SelectValueTag .TagBase-Label{overflow-wrap:break-word}.TagBase.SelectValueTag_disabled{background-color:var(--color-control-bg-disable);pointer-events:none}.TagBase.SelectValueTag_disabled>*{color:var(--color-control-typo-disable)}

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

@@ -1,15 +1,15 @@
 import { RefObject } from 'react';
 export declare const propSize: readonly ["m", "xs", "s", "l"];
-export type PropSize = typeof propSize[number];
+export type PropSize = (typeof propSize)[number];
 export declare const defaultPropSize: "m";
 export declare const propForm: readonly ["default", "defaultClear", "defaultBrick", "brick", "brickDefault", "brickClear", "brickRound", "round", "roundClear", "roundBrick", "clearRound", "clearDefault", "clearBrick", "clearClear"];
-export type PropForm = typeof propForm[number];
+export type PropForm = (typeof propForm)[number];
 export declare const defaultPropForm: "default";
 export declare const propView: readonly ["default", "clear"];
-export type PropView = typeof propView[number];
+export type PropView = (typeof propView)[number];
 export declare const defaultPropView: "default";
 export declare const propStatus: readonly ["alert", "warning", "success"];
-export type PropStatus = typeof propStatus[number];
+export type PropStatus = (typeof propStatus)[number];
 export type CommonSelectProps<ITEM> = {
     options: ITEM[];
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propSize","defaultPropSize","propForm","defaultPropForm","propView","defaultPropView","propStatus"],"sources":["../../../../../src/components/SelectComponents/types.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nexport const propSize = ['m', 'xs', 's', 'l'] as const;\nexport type PropSize = typeof propSize[number];\nexport const defaultPropSize = propSize[0];\n\nexport const propForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type PropForm = typeof propForm[number];\nexport const defaultPropForm = propForm[0];\n\nexport const propView = ['default', 'clear'] as const;\nexport type PropView = typeof propView[number];\nexport const defaultPropView = propView[0];\n\nexport const propStatus = ['alert', 'warning', 'success'] as const;\nexport type PropStatus = typeof propStatus[number];\n\nexport type CommonSelectProps<ITEM> = {\n  options: ITEM[];\n  id: string;\n  placeholder?: string;\n  ariaLabel?: string;\n  getOptionLabel(arg: ITEM): string;\n  getOptionKey?(arg: ITEM): string | number;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;\n  children?: never;\n  dropdownClassName?: string;\n  dropdownRef?: RefObject<HTMLDivElement>;\n  name?: string;\n};\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,SAAQ,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAjB,CAEP,MAAO,IAAMC,gBAAe,CAAGD,QAAQ,CAAC,CAAD,CAAhC,CAEP,MAAO,IAAME,SAAQ,CAAG,CACtB,SADsB,CAEtB,cAFsB,CAGtB,cAHsB,CAItB,OAJsB,CAKtB,cALsB,CAMtB,YANsB,CAOtB,YAPsB,CAQtB,OARsB,CAStB,YATsB,CAUtB,YAVsB,CAWtB,YAXsB,CAYtB,cAZsB,CAatB,YAbsB,CActB,YAdsB,CAAjB,CAiBP,MAAO,IAAMC,gBAAe,CAAGD,QAAQ,CAAC,CAAD,CAAhC,CAEP,MAAO,IAAME,SAAQ,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAjB,CAEP,MAAO,IAAMC,gBAAe,CAAGD,QAAQ,CAAC,CAAD,CAAhC,CAEP,MAAO,IAAME,WAAU,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAnB"}
+{"version":3,"file":"types.js","names":["propSize","defaultPropSize","propForm","defaultPropForm","propView","defaultPropView","propStatus"],"sources":["../../../../../src/components/SelectComponents/types.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nexport const propSize = ['m', 'xs', 's', 'l'] as const;\nexport type PropSize = (typeof propSize)[number];\nexport const defaultPropSize = propSize[0];\n\nexport const propForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type PropForm = (typeof propForm)[number];\nexport const defaultPropForm = propForm[0];\n\nexport const propView = ['default', 'clear'] as const;\nexport type PropView = (typeof propView)[number];\nexport const defaultPropView = propView[0];\n\nexport const propStatus = ['alert', 'warning', 'success'] as const;\nexport type PropStatus = (typeof propStatus)[number];\n\nexport type CommonSelectProps<ITEM> = {\n  options: ITEM[];\n  id: string;\n  placeholder?: string;\n  ariaLabel?: string;\n  getOptionLabel(arg: ITEM): string;\n  getOptionKey?(arg: ITEM): string | number;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;\n  onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;\n  children?: never;\n  dropdownClassName?: string;\n  dropdownRef?: RefObject<HTMLDivElement>;\n  name?: string;\n};\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,SAAQ,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAjB,CAEP,MAAO,IAAMC,gBAAe,CAAGD,QAAQ,CAAC,CAAD,CAAhC,CAEP,MAAO,IAAME,SAAQ,CAAG,CACtB,SADsB,CAEtB,cAFsB,CAGtB,cAHsB,CAItB,OAJsB,CAKtB,cALsB,CAMtB,YANsB,CAOtB,YAPsB,CAQtB,OARsB,CAStB,YATsB,CAUtB,YAVsB,CAWtB,YAXsB,CAYtB,cAZsB,CAatB,YAbsB,CActB,YAdsB,CAAjB,CAiBP,MAAO,IAAMC,gBAAe,CAAGD,QAAQ,CAAC,CAAD,CAAhC,CAEP,MAAO,IAAME,SAAQ,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAjB,CAEP,MAAO,IAAMC,gBAAe,CAAGD,QAAQ,CAAC,CAAD,CAAhC,CAEP,MAAO,IAAME,WAAU,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAAnB"}