@consta/uikit 4.1.0 → 4.2.1

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuPropSubMenuDirections = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n  typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnClick<ITEM> = (params: {\n  e: React.MouseEvent<HTMLDivElement>;\n  item: ITEM;\n}) => void;\n\nexport type ContextMenuGroupDefault = {\n  label?: string;\n  id: number;\n};\n\nexport type ContextMenuItemDefault = {\n  label: string | number;\n  key?: string | number;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  subMenu?: ContextMenuItemDefault[];\n  status?: ContextMenuStatus;\n  disabled?: boolean;\n  groupId?: number;\n  onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;\n  as?: keyof JSX.IntrinsicElements;\n  attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: readonly Direction[];\n  offset?: number;\n} & PositioningProps;\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  anchorRef?: React.RefObject<HTMLElement>;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: ContextMenuPropOnClick<ITEM>;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n  } & MappersItem<ITEM> &\n    MappersGroup<GROUP> &\n    PositioningProps,\n  HTMLDivElement\n> &\n  (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n    ? {}\n    : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: ContextMenuItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<ITEM, GROUP> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  levelDepth: number;\n  addLevel: AddLevel<ITEM>;\n  deleteLevel: (level: number) => void;\n  activeItem?: string;\n  onSetDirection?: (direction: Direction) => void;\n  hoveredParenLevel: number;\n  setHoveredParenLevel: (level: number) => void;\n} & Required<MappersItem<ITEM>> &\n  Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n  props: ContextMenuLevelProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuItemProps<\n  AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n  Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n    size?: ContextMenuPropSize;\n    active: boolean;\n    withSubMenu: boolean;\n  },\n  AS\n> &\n  React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <\n  AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n"],"mappings":"AAMA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}
+{"version":3,"file":"types.js","names":["contextMenuSizes","contextMenuDefaultSize","contextMenuStatus","contextMenuDefaultStatus","contextMenuPropSubMenuDirections","contextMenuPropDefaultSubMenuDirection"],"sources":["../../../../../src/components/ContextMenu/types.ts"],"sourcesContent":["import { ClickOutsideHandler } from '../../hooks/useClickOutside/useClickOutside';\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction, PopoverPropOffset, Position } from '../Popover/Popover';\n\nexport const contextMenuSizes = ['m', 'xs', 's', 'l'] as const;\nexport type ContextMenuPropSize = typeof contextMenuSizes[number];\nexport const contextMenuDefaultSize: ContextMenuPropSize = contextMenuSizes[0];\n\nexport const contextMenuStatus = ['alert', 'success', 'warning'] as const;\nexport type ContextMenuStatus = typeof contextMenuStatus[number];\nexport const contextMenuDefaultStatus: ContextMenuStatus = contextMenuStatus[0];\n\nexport const contextMenuPropSubMenuDirections = [\n  'rightStartUp',\n  'rightStartDown',\n  'leftStartUp',\n  'leftStartDown',\n] as const;\nexport type ContextMenuPropSubMenuDirection =\n  typeof contextMenuPropSubMenuDirections[number];\nexport const contextMenuPropDefaultSubMenuDirection: ContextMenuPropSubMenuDirection =\n  contextMenuPropSubMenuDirections[0];\n\nexport type ContextMenuPropOnClick<ITEM> = (params: {\n  e: React.MouseEvent<HTMLDivElement>;\n  item: ITEM;\n}) => void;\n\nexport type ContextMenuGroupDefault = {\n  label?: string;\n  id: number;\n};\n\nexport type ContextMenuItemDefault = {\n  label: string | number;\n  key?: string | number;\n  rightSide?: React.ReactNode;\n  rightIcon?: IconComponent;\n  leftSide?: React.ReactNode;\n  leftIcon?: IconComponent;\n  subMenu?: ContextMenuItemDefault[];\n  status?: ContextMenuStatus;\n  disabled?: boolean;\n  groupId?: number;\n  onClick?: ContextMenuPropOnClick<ContextMenuItemDefault>;\n  as?: keyof JSX.IntrinsicElements;\n  attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type ContextMenuPropSortGroup = (\n  a: string | number,\n  b: string | number,\n) => number;\n\nexport type ContextMenuPropGetItemLabel<ITEM> = (item: ITEM) => string | number;\nexport type ContextMenuPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemLeftSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | undefined;\nexport type ContextMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\nexport type ContextMenuPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => ContextMenuStatus | undefined;\nexport type ContextMenuPropGetItemKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type ContextMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => ContextMenuPropOnClick<ITEM> | undefined;\nexport type ContextMenuPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type ContextMenuPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type ContextMenuPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\nexport type ContextMenuPropGetItemGroupId<ITEM> = (\n  item: ITEM,\n) => number | undefined;\nexport type ContextMenuPropGetItemRightIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\nexport type ContextMenuPropGetItemLeftIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type ContextMenuPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string | undefined;\nexport type ContextMenuPropGetGroupId<GROUP> = (group: GROUP) => number;\n\ntype PositioningProps =\n  | {\n      anchorRef: React.RefObject<HTMLElement>;\n      position?: never;\n    }\n  | {\n      anchorRef?: never;\n      position: Position;\n    };\n\nexport type MappersItem<ITEM> = {\n  getItemLabel?: ContextMenuPropGetItemLabel<ITEM>;\n  getItemRightSide?: ContextMenuPropGetItemRightSide<ITEM>;\n  getItemLeftSide?: ContextMenuPropGetItemLeftSide<ITEM>;\n  getItemSubMenu?: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemStatus?: ContextMenuPropGetItemStatus<ITEM>;\n  getItemDisabled?: ContextMenuPropGetItemDisabled<ITEM>;\n  getItemKey?: ContextMenuPropGetItemKey<ITEM>;\n  getItemOnClick?: ContextMenuPropGetItemOnClick<ITEM>;\n  getItemAs?: ContextMenuPropGetItemAs<ITEM>;\n  getItemAttributes?: ContextMenuPropGetItemAttributes<ITEM>;\n  getItemGroupId?: ContextMenuPropGetItemGroupId<ITEM>;\n  getItemLeftIcon?: ContextMenuPropGetItemLeftIcon<ITEM>;\n  getItemRightIcon?: ContextMenuPropGetItemRightIcon<ITEM>;\n};\n\nexport type MappersGroup<GROUP> = {\n  getGroupLabel?: ContextMenuPropGetGroupLabel<GROUP>;\n  getGroupId?: ContextMenuPropGetGroupId<GROUP>;\n};\n\nexport type Level<ITEM> = {\n  items: ITEM[];\n  activeItem?: string;\n  direction?: Direction;\n  possibleDirections?: readonly Direction[];\n  offset?: PopoverPropOffset;\n} & PositioningProps;\n\nexport type AddLevel<ITEM> = (params: {\n  level: number;\n  items: ITEM[];\n  anchorRef?: React.RefObject<HTMLElement>;\n  activeItem: string;\n}) => void;\n\nexport type ContextMenuProps<\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    size?: ContextMenuPropSize;\n    direction?: Direction;\n    offset?: PopoverPropOffset;\n    groups?: GROUP[];\n    sortGroup?: ContextMenuPropSortGroup;\n    onItemClick?: ContextMenuPropOnClick<ITEM>;\n    possibleDirections?: readonly Direction[];\n    subMenuDirection?: ContextMenuPropSubMenuDirection;\n    spareDirection?: Direction;\n    onSetDirection?: (direction: Direction) => void;\n    onClickOutside?: ClickOutsideHandler;\n    isOpen?: boolean;\n  } & MappersItem<ITEM> &\n    MappersGroup<GROUP> &\n    PositioningProps,\n  HTMLDivElement\n> &\n  (GROUP extends { id: ContextMenuGroupDefault['id'] | unknown }\n    ? {}\n    : { getGroupId: ContextMenuPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: ContextMenuItemDefault['label'] }\n    ? {}\n    : { getItemLabel: ContextMenuPropGetItemLabel<ITEM> });\n\nexport type ContextMenuComponent = <\n  ITEM = ContextMenuItemDefault,\n  GROUP = ContextMenuGroupDefault,\n>(\n  props: ContextMenuProps<ITEM, GROUP>,\n) => React.ReactElement | null;\n\nexport type ContextMenuLevelProps<ITEM, GROUP> = Omit<\n  ContextMenuProps<ITEM, GROUP>,\n  | 'subMenuDirection'\n  | 'onClickOutside'\n  | keyof MappersItem<ITEM>\n  | keyof MappersGroup<GROUP>\n> & {\n  levelDepth: number;\n  addLevel: AddLevel<ITEM>;\n  deleteLevel: (level: number) => void;\n  activeItem?: string;\n  onSetDirection?: (direction: Direction) => void;\n  hoveredParenLevel: number;\n  setHoveredParenLevel: (level: number) => void;\n} & Required<MappersItem<ITEM>> &\n  Required<MappersGroup<GROUP>>;\n\nexport type ContextMenuLevelComponent = <ITEM, GROUP>(\n  props: ContextMenuLevelProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type ContextMenuItemProps<\n  AS extends keyof JSX.IntrinsicElements = 'div',\n> = PropsWithAsAttributes<\n  Omit<ContextMenuItemDefault, 'onClick' | 'attributes' | 'key'> & {\n    size?: ContextMenuPropSize;\n    active: boolean;\n    withSubMenu: boolean;\n  },\n  AS\n> &\n  React.RefAttributes<HTMLDivElement>;\n\nexport type ContextMenuItemComponent = <\n  AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n  props: ContextMenuItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport type GetLevelsParams<ITEM> = {\n  levels: Level<ITEM>[];\n  items: ITEM[];\n  getItemSubMenu: ContextMenuPropGetItemSubMenu<ITEM>;\n  getItemKey: ContextMenuPropGetItemKey<ITEM>;\n};\n"],"mappings":"AAMA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAAzB,CAEP,MAAO,IAAMC,uBAA2C,CAAGD,gBAAgB,CAAC,CAAD,CAApE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,iCAAgC,CAAG,CAC9C,cAD8C,CAE9C,gBAF8C,CAG9C,aAH8C,CAI9C,eAJ8C,CAAzC,CAQP,MAAO,IAAMC,uCAAuE,CAClFD,gCAAgC,CAAC,CAAD,CAD3B"}

package/__internal__/src/components/Select/Select.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValue","inputRef","style","dropdownForm"];import"../SelectComponents/Select.css";import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect,COMPONENT_NAME}from"../SelectComponents/cnSelect";import{defaultLabelForEmptyItems}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{withDefaultGetters}from"./helpers";var SelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.placeholder,g=e.onBlur,h=e.onFocus,i=e.items,j=e.onChange,k=e.value,l=e.required,m=e.disabled,n=e.ariaLabel,o=e.id,p=e.dropdownRef,q=void 0===p?c:p,r=e.form,s=void 0===r?defaultPropForm:r,t=e.view,u=void 0===t?defaultPropView:t,v=e.size,w=void 0===v?defaultPropSize:v,x=e.dropdownClassName,y=e.name,z=e.groups,A=void 0===z?[]:z,B=e.getItemLabel,C=e.labelForEmptyItems,D=void 0===C?defaultLabelForEmptyItems:C,E=e.getItemKey,F=e.getItemGroupKey,G=e.getItemDisabled,H=e.getGroupKey,I=e.getGroupLabel,J=e.renderItem,K=e.isLoading,L=e.renderValue,M=e.inputRef,N=e.style,O=e.dropdownForm,P=void 0===O?"default":O,Q=_objectWithoutProperties(e,_excluded),R=useSelect({items:i,groups:A,value:k,onChange:j,dropdownRef:q,controlRef:d,disabled:m,getItemLabel:B,getItemKey:E,getGroupKey:H,getItemGroupKey:F,getItemDisabled:G,multiple:!1,onBlur:g,onFocus:h}),S=R.getKeyProps,T=R.getOptionProps,U=R.isOpen,V=R.visibleItems,W=R.isFocused,X=R.handleInputFocus,Y=R.handleInputBlur,Z=R.handleToggleDropdown,$=R.inputRef,_=R.handleInputClick,aa=R.notFound,ba=R.hasItems;return React.createElement(SelectContainer,Object.assign({focused:W,disabled:m,size:w,view:u,form:s,required:l,ref:b,style:N},Q),React.createElement("div",{className:cnSelect("Control"),ref:d,"aria-expanded":U,"aria-haspopup":"listbox",id:o},React.createElement("div",{className:cnSelect("ControlInner")},React.createElement("div",{className:cnSelect("ControlValueContainer")},React.createElement("input",Object.assign({},S(),{type:"button",name:y,onFocus:X,onBlur:Y,"aria-label":n,onClick:_,ref:useForkRef([$,M]),className:cnSelect("FakeField"),readOnly:!0})),k&&(L||function renderValueDefault(a){var b=B(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)})({item:k}),("undefined"==typeof k||null===k)&&f&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},f))),React.createElement("span",{className:cnSelect("Indicators")},React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:Z},React.createElement(IconSelect,{size:"xs",className:cnSelect("DropdownIndicatorIcon")})))),React.createElement(SelectDropdown,{isOpen:U,size:w,controlRef:d,getOptionProps:T,dropdownRef:q,form:P,className:x,renderItem:J||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:B(b),active:c,hovered:d,multiple:!1,size:w,indent:"round"===P?"increased":"normal",onClick:e,onMouseEnter:f,disabled:G(b)})},getGroupLabel:I,visibleItems:V,notFound:aa,isLoading:K,labelForEmptyItems:D,hasItems:ba,style:"number"==typeof(null===N||void 0===N?void 0:N.zIndex)?{zIndex:N.zIndex+1}:void 0}))};export var Select=forwardRef(SelectRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValue","inputRef","style","dropdownForm"];import"../SelectComponents/Select.css";import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect,COMPONENT_NAME}from"../SelectComponents/cnSelect";import{defaultLabelForEmptyItems}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{withDefaultGetters}from"./helpers";var SelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.placeholder,g=e.onBlur,h=e.onFocus,i=e.items,j=e.onChange,k=e.value,l=e.required,m=e.disabled,n=e.ariaLabel,o=e.id,p=e.dropdownRef,q=void 0===p?c:p,r=e.form,s=void 0===r?defaultPropForm:r,t=e.view,u=void 0===t?defaultPropView:t,v=e.size,w=void 0===v?defaultPropSize:v,x=e.dropdownClassName,y=e.name,z=e.groups,A=void 0===z?[]:z,B=e.getItemLabel,C=e.labelForEmptyItems,D=void 0===C?defaultLabelForEmptyItems:C,E=e.getItemKey,F=e.getItemGroupKey,G=e.getItemDisabled,H=e.getGroupKey,I=e.getGroupLabel,J=e.renderItem,K=e.isLoading,L=e.renderValue,M=e.inputRef,N=e.style,O=e.dropdownForm,P=void 0===O?"default":O,Q=_objectWithoutProperties(e,_excluded),R=useSelect({items:i,groups:A,value:k,onChange:j,dropdownRef:q,controlRef:d,disabled:m,getItemLabel:B,getItemKey:E,getGroupKey:H,getItemGroupKey:F,getItemDisabled:G,multiple:!1,onBlur:g,onFocus:h}),S=R.getKeyProps,T=R.getOptionProps,U=R.isOpen,V=R.visibleItems,W=R.isFocused,X=R.handleInputFocus,Y=R.handleInputBlur,Z=R.handleToggleDropdown,$=R.inputRef,_=R.handleInputClick,aa=R.notFound,ba=R.hasItems;return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:W,disabled:m,size:w,view:u,form:s,required:l,ref:b,style:N},Q),React.createElement("div",{className:cnSelect("Control"),ref:d,"aria-expanded":U,"aria-haspopup":"listbox",id:o},React.createElement("div",{className:cnSelect("ControlInner")},React.createElement("div",{className:cnSelect("ControlValueContainer")},React.createElement("input",Object.assign({},S(),{type:"button",name:y,onFocus:X,onBlur:Y,"aria-label":n,onClick:_,ref:useForkRef([$,M]),className:cnSelect("FakeField"),readOnly:!0})),k&&(L||function renderValueDefault(a){var b=B(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)})({item:k}),("undefined"==typeof k||null===k)&&f&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},f))),React.createElement("span",{className:cnSelect("Indicators")},React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:Z},React.createElement(IconSelect,{size:"xs",className:cnSelect("DropdownIndicatorIcon")}))))),React.createElement(SelectDropdown,{isOpen:U,size:w,controlRef:d,getOptionProps:T,dropdownRef:q,form:P,className:x,renderItem:J||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:B(b),active:c,hovered:d,multiple:!1,size:w,indent:"round"===P?"increased":"normal",onClick:e,onMouseEnter:f,disabled:G(b)})},getGroupLabel:I,visibleItems:V,notFound:aa,isLoading:K,labelForEmptyItems:D,hasItems:ba,style:"number"==typeof(null===N||void 0===N?void 0:N.zIndex)?{zIndex:N.zIndex+1}:void 0}))};export var Select=forwardRef(SelectRender);export*from"./helpers";
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","forwardRef","useRef","useForkRef","useSelect","IconSelect","usePropsHandler","cnSelect","COMPONENT_NAME","defaultLabelForEmptyItems","SelectContainer","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","withDefaultGetters","SelectRender","props","ref","defaultDropdownRef","controlRef","placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValueProp","renderValue","inputRefProp","inputRef","style","dropdownForm","restProps","multiple","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","notFound","hasItems","renderValueDefault","label","item","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Select"],"sources":["../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import '../SelectComponents/Select.css';\n\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect, COMPONENT_NAME } from '../SelectComponents/cnSelect';\nimport { defaultLabelForEmptyItems } from '../SelectComponents/helpers';\nimport { SelectContainer } from '../SelectComponents/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '../SelectComponents/SelectItem/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '../SelectComponents/types';\nimport {\n  DefaultGroup,\n  DefaultItem,\n  PropRenderItem,\n  PropRenderValue,\n  SelectComponent,\n  SelectProps,\n  withDefaultGetters,\n} from './helpers';\n\nconst SelectRender = <ITEM = DefaultItem, GROUP = DefaultGroup>(\n  props: SelectProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    required,\n    disabled,\n    ariaLabel,\n    id,\n    dropdownRef = defaultDropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    isLoading,\n    renderValue: renderValueProp,\n    inputRef: inputRefProp,\n    style,\n    dropdownForm = 'default',\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    notFound,\n    hasItems,\n  } = useSelect<ITEM, GROUP, false>({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple: false,\n    onBlur,\n    onFocus,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={false}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = (props) => {\n    const label = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={label}>\n        {label}\n      </span>\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  return (\n    <SelectContainer\n      focused={isFocused}\n      disabled={disabled}\n      size={size}\n      view={view}\n      form={form}\n      required={required}\n      ref={ref}\n      style={style}\n      {...restProps}\n    >\n      <div\n        className={cnSelect('Control')}\n        ref={controlRef}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        id={id}\n      >\n        <div className={cnSelect('ControlInner')}>\n          <div className={cnSelect('ControlValueContainer')}>\n            <input\n              {...getKeyProps()}\n              type=\"button\"\n              name={name}\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              aria-label={ariaLabel}\n              onClick={handleInputClick}\n              ref={useForkRef([inputRef, inputRefProp])}\n              className={cnSelect('FakeField')}\n              readOnly\n            />\n            {value && renderValue({ item: value })}\n            {(typeof value === 'undefined' || value === null) && placeholder && (\n              <span className={cnSelect('Placeholder')} title=\"placeholder\">\n                {placeholder}\n              </span>\n            )}\n          </div>\n        </div>\n        <span className={cnSelect('Indicators')}>\n          <button\n            type=\"button\"\n            className={cnSelect('IndicatorsDropdown')}\n            tabIndex={-1}\n            onClick={handleToggleDropdown}\n          >\n            <IconSelect\n              size=\"xs\"\n              className={cnSelect('DropdownIndicatorIcon')}\n            />\n          </button>\n        </span>\n      </div>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        notFound={notFound}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        hasItems={hasItems}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </SelectContainer>\n  );\n};\n\nexport const Select = forwardRef(SelectRender) as SelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["React","forwardRef","useRef","useForkRef","useSelect","IconSelect","usePropsHandler","cnSelect","COMPONENT_NAME","defaultLabelForEmptyItems","SelectContainer","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","withDefaultGetters","SelectRender","props","ref","defaultDropdownRef","controlRef","placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValueProp","renderValue","inputRefProp","inputRef","style","dropdownForm","restProps","multiple","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","notFound","hasItems","renderValueDefault","label","item","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Select"],"sources":["../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import '../SelectComponents/Select.css';\n\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect, COMPONENT_NAME } from '../SelectComponents/cnSelect';\nimport { defaultLabelForEmptyItems } from '../SelectComponents/helpers';\nimport { SelectContainer } from '../SelectComponents/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '../SelectComponents/SelectItem/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '../SelectComponents/types';\nimport {\n  DefaultGroup,\n  DefaultItem,\n  PropRenderItem,\n  PropRenderValue,\n  SelectComponent,\n  SelectProps,\n  withDefaultGetters,\n} from './helpers';\n\nconst SelectRender = <ITEM = DefaultItem, GROUP = DefaultGroup>(\n  props: SelectProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    required,\n    disabled,\n    ariaLabel,\n    id,\n    dropdownRef = defaultDropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    isLoading,\n    renderValue: renderValueProp,\n    inputRef: inputRefProp,\n    style,\n    dropdownForm = 'default',\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    notFound,\n    hasItems,\n  } = useSelect<ITEM, GROUP, false>({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple: false,\n    onBlur,\n    onFocus,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={false}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = (props) => {\n    const label = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={label}>\n        {label}\n      </span>\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        form={form}\n        required={required}\n        ref={ref}\n        style={style}\n        {...restProps}\n      >\n        <div\n          className={cnSelect('Control')}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div className={cnSelect('ControlInner')}>\n            <div className={cnSelect('ControlValueContainer')}>\n              <input\n                {...getKeyProps()}\n                type=\"button\"\n                name={name}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                aria-label={ariaLabel}\n                onClick={handleInputClick}\n                ref={useForkRef([inputRef, inputRefProp])}\n                className={cnSelect('FakeField')}\n                readOnly\n              />\n              {value && renderValue({ item: value })}\n              {(typeof value === 'undefined' || value === null) && placeholder && (\n                <span className={cnSelect('Placeholder')} title=\"placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size=\"xs\"\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        notFound={notFound}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        hasItems={hasItems}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Select = forwardRef(SelectRender) as SelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}

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

@@ -1 +1 @@
-.SelectItem{--text-color:var(--color-control-typo-default);word-wrap:break-word;background-color:var(--color-control-bg-clear);color:var(--text-color);cursor:pointer;font-size:var(--font-size);padding:var(--vertical-space) var(--horizontal-space);position:relative}.SelectItem_size_xs{--horizontal-space:calc(var(--control-space-xs)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-xs)}.SelectItem_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-s)}.SelectItem_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-m)}.SelectItem_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-l)}.SelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.SelectItem_active{--text-color:var(--color-control-typo-secondary)}.SelectItem_disabled{--text-color:var(--color-control-typo-disable)}.SelectItem_multiple{align-items:center;display:flex}.SelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.SelectItem:not(.SelectItem_multiple):before{background-color:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease-in;width:2px}.SelectItem:not(.SelectItem_multiple).SelectItem_active:before{background-color:var(--text-color)}.SelectItem-Checkbox{margin-right:var(--space-xs)}
+.SelectItem{--text-color:var(--color-control-typo-default);word-wrap:break-word;background-color:var(--color-control-bg-clear);color:var(--text-color);cursor:pointer;font-size:var(--font-size);min-height:calc(var(--vertical-space)*2 + var(--font-size)*1.2);padding:var(--vertical-space) var(--horizontal-space);position:relative}.SelectItem_size_xs{--horizontal-space:calc(var(--control-space-xs)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-xs)}.SelectItem_size_s{--horizontal-space:calc(var(--control-space-s)*0.5);--vertical-space:calc(var(--control-space-s)*0.25);--font-size:var(--control-text-size-s)}.SelectItem_size_m{--horizontal-space:calc(var(--control-space-m)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-m)}.SelectItem_size_l{--horizontal-space:calc(var(--control-space-l)*0.5);--vertical-space:calc(var(--control-space-s)*0.5);--font-size:var(--control-text-size-l)}.SelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.SelectItem_active{--text-color:var(--color-control-typo-secondary)}.SelectItem_disabled{--text-color:var(--color-control-typo-disable)}.SelectItem_multiple{align-items:center;display:flex}.SelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.SelectItem:not(.SelectItem_multiple):before{background-color:transparent;bottom:0;content:"";left:0;position:absolute;top:0;transition:background-color .2s ease-in;width:2px}.SelectItem:not(.SelectItem_multiple).SelectItem_active:before{background-color:var(--text-color)}.SelectItem-Checkbox{margin-right:var(--space-xs)}

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

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

package/__internal__/src/components/UserSelect/UserSelect.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm"];import"../SelectComponents/Select.css";import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{IconClose}from"../../icons/IconClose/IconClose";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponents/cnSelect";import{defaultlabelForCreate,defaultLabelForEmptyItems,defaultlabelForNotFound,getInputWidth}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{isMultipleParams,isNotMultipleParams,searchCompare,withDefaultGetters}from"./helpers";import{UserSelectItem}from"./UserSelectItem/UserSelectItem";import{UserSelectValue}from"./UserSelectValue/UserSelectValue";export var COMPONENT_NAME="UserSelect";var UserSelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.isLoading,r=g.required,s=g.dropdownRef,t=void 0===s?c:s,u=g.form,v=void 0===u?defaultPropForm:u,w=g.view,x=void 0===w?defaultPropView:w,y=g.size,z=void 0===y?defaultPropSize:y,A=g.dropdownClassName,B=g.name,C=g.groups,D=void 0===C?[]:C,E=g.getItemKey,F=g.getItemLabel,G=g.getItemSubLabel,H=g.getItemAvatarUrl,I=g.getItemGroupKey,J=g.getItemDisabled,K=g.getGroupKey,L=g.getGroupLabel,M=g.renderItem,N=g.renderValue,O=g.onCreate,P=g.inputRef,Q=g.labelForNotFound,R=void 0===Q?defaultlabelForNotFound:Q,S=g.labelForCreate,T=void 0===S?defaultlabelForCreate:S,U=g.labelForEmptyItems,V=void 0===U?defaultLabelForEmptyItems:U,W=g.multiple,X=void 0!==W&&W,Y=g.searchFunction,Z=g.style,$=g.dropdownForm,_=void 0===$?"default":$,aa=_objectWithoutProperties(g,_excluded),ba=useSelect({items:k,groups:D,value:m,onChange:l,dropdownRef:t,controlRef:f,disabled:n,getItemLabel:F,getItemKey:E,getGroupKey:K,getItemGroupKey:I,getItemDisabled:J,multiple:X,onBlur:i,onFocus:j,onCreate:O,searchFunction:Y||function searchFunctionDefault(a,b){var c=searchCompare(b,F(a));return c?c:searchCompare(b,G(a))}}),ca=ba.getKeyProps,da=ba.getOptionProps,ea=ba.isOpen,fa=ba.visibleItems,ga=ba.isFocused,ha=ba.handleInputFocus,ia=ba.handleInputBlur,ja=ba.handleToggleDropdown,ka=ba.inputRef,la=ba.handleInputClick,ma=ba.handleInputChange,na=ba.searchValue,oa=ba.clearValue,pa=ba.getHandleRemoveValue,qa=ba.notFound,ra=ba.hasItems,sa=N||function renderValueDefault(a){var b=a.item,c=a.handleRemove;return React.createElement(UserSelectValue,{label:F(b),subLabel:G(b),avatarUrl:H(b),key:E(b),size:z,handleRemove:c,multiple:X,disabled:n})},ta=useForkRef([ka,P]),ua=function(){var b=X?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return sa({item:a,handleRemove:pa(a)})}),isNotMultipleParams(a)&&a.value&&sa({item:a.value}),(!m||Array.isArray(m)&&0===m.length)&&!na&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},ca(),{type:"text",name:B,onFocus:ha,onBlur:ia,"aria-label":o,onChange:ma,ref:ta,className:cnSelect("Input",{size:z,hide:!X&&!!m,multiple:X,isUserSelect:!0}),value:na,style:{width:b}})))};return React.createElement(SelectContainer,Object.assign({focused:ga,disabled:n,size:z,required:r,view:x,type:"userselect",form:v,multiple:!0,ref:b,style:Z},aa),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":ea,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:la,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},X?React.createElement("div",{className:cnSelect("ControlValue",{isUserSelect:!0})},ua()):ua())),React.createElement("span",{className:cnSelect("Indicators")},m&&React.createElement("button",{type:"button",onClick:oa,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClose,{size:"xs",className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ja},React.createElement(IconSelect,{size:"xs",className:cnSelect("DropdownIndicatorIcon")})))),React.createElement(SelectDropdown,{isOpen:ea,size:z,controlRef:f,getOptionProps:da,dropdownRef:t,form:_,isLoading:q,className:A,renderItem:M||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(UserSelectItem,{label:F(b),subLabel:G(b),avatarUrl:H(b),active:c,hovered:d,size:z,indent:"round"===_?"increased":"normal",onClick:e,onMouseEnter:f,disable:J(b),multiple:X})},getGroupLabel:L,visibleItems:fa,labelForNotFound:R,labelForCreate:T,notFound:qa,hasItems:ra,labelForEmptyItems:V,style:"number"==typeof(null===Z||void 0===Z?void 0:Z.zIndex)?{zIndex:Z.zIndex+1}:void 0}),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},na))};export var UserSelect=forwardRef(UserSelectRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm"];import"../SelectComponents/Select.css";import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{IconClose}from"../../icons/IconClose/IconClose";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponents/cnSelect";import{defaultlabelForCreate,defaultLabelForEmptyItems,defaultlabelForNotFound,getInputWidth}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{isMultipleParams,isNotMultipleParams,searchCompare,withDefaultGetters}from"./helpers";import{UserSelectItem}from"./UserSelectItem/UserSelectItem";import{UserSelectValue}from"./UserSelectValue/UserSelectValue";export var COMPONENT_NAME="UserSelect";var UserSelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.isLoading,r=g.required,s=g.dropdownRef,t=void 0===s?c:s,u=g.form,v=void 0===u?defaultPropForm:u,w=g.view,x=void 0===w?defaultPropView:w,y=g.size,z=void 0===y?defaultPropSize:y,A=g.dropdownClassName,B=g.name,C=g.groups,D=void 0===C?[]:C,E=g.getItemKey,F=g.getItemLabel,G=g.getItemSubLabel,H=g.getItemAvatarUrl,I=g.getItemGroupKey,J=g.getItemDisabled,K=g.getGroupKey,L=g.getGroupLabel,M=g.renderItem,N=g.renderValue,O=g.onCreate,P=g.inputRef,Q=g.labelForNotFound,R=void 0===Q?defaultlabelForNotFound:Q,S=g.labelForCreate,T=void 0===S?defaultlabelForCreate:S,U=g.labelForEmptyItems,V=void 0===U?defaultLabelForEmptyItems:U,W=g.multiple,X=void 0!==W&&W,Y=g.searchFunction,Z=g.style,$=g.dropdownForm,_=void 0===$?"default":$,aa=_objectWithoutProperties(g,_excluded),ba=useSelect({items:k,groups:D,value:m,onChange:l,dropdownRef:t,controlRef:f,disabled:n,getItemLabel:F,getItemKey:E,getGroupKey:K,getItemGroupKey:I,getItemDisabled:J,multiple:X,onBlur:i,onFocus:j,onCreate:O,searchFunction:Y||function searchFunctionDefault(a,b){var c=searchCompare(b,F(a));return c?c:searchCompare(b,G(a))}}),ca=ba.getKeyProps,da=ba.getOptionProps,ea=ba.isOpen,fa=ba.visibleItems,ga=ba.isFocused,ha=ba.handleInputFocus,ia=ba.handleInputBlur,ja=ba.handleToggleDropdown,ka=ba.inputRef,la=ba.handleInputClick,ma=ba.handleInputChange,na=ba.searchValue,oa=ba.clearValue,pa=ba.getHandleRemoveValue,qa=ba.notFound,ra=ba.hasItems,sa=N||function renderValueDefault(a){var b=a.item,c=a.handleRemove;return React.createElement(UserSelectValue,{label:F(b),subLabel:G(b),avatarUrl:H(b),key:E(b),size:z,handleRemove:c,multiple:X,disabled:n})},ta=useForkRef([ka,P]),ua=function(){var b=X?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return sa({item:a,handleRemove:pa(a)})}),isNotMultipleParams(a)&&a.value&&sa({item:a.value}),(!m||Array.isArray(m)&&0===m.length)&&!na&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},ca(),{type:"text",name:B,onFocus:ha,onBlur:ia,"aria-label":o,onChange:ma,ref:ta,className:cnSelect("Input",{size:z,hide:!X&&!!m,multiple:X,isUserSelect:!0}),value:na,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:ga,disabled:n,size:z,required:r,view:x,type:"userselect",form:v,multiple:!0,ref:b,style:Z},aa),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":ea,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:la,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},X?React.createElement("div",{className:cnSelect("ControlValue",{isUserSelect:!0})},ua()):ua())),React.createElement("span",{className:cnSelect("Indicators")},m&&React.createElement("button",{type:"button",onClick:oa,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClose,{size:"xs",className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ja},React.createElement(IconSelect,{size:"xs",className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},na)),React.createElement(SelectDropdown,{isOpen:ea,size:z,controlRef:f,getOptionProps:da,dropdownRef:t,form:_,isLoading:q,className:A,renderItem:M||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(UserSelectItem,{label:F(b),subLabel:G(b),avatarUrl:H(b),active:c,hovered:d,size:z,indent:"round"===_?"increased":"normal",onClick:e,onMouseEnter:f,disable:J(b),multiple:X})},getGroupLabel:L,visibleItems:fa,labelForNotFound:R,labelForCreate:T,notFound:qa,hasItems:ra,labelForEmptyItems:V,style:"number"==typeof(null===Z||void 0===Z?void 0:Z.zIndex)?{zIndex:Z.zIndex+1}:void 0}))};export var UserSelect=forwardRef(UserSelectRender);export*from"./helpers";
 //# sourceMappingURL=UserSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserSelect.js","names":["React","forwardRef","useRef","useForkRef","useSelect","IconClose","IconSelect","cnMixFocus","usePropsHandler","cnSelect","defaultlabelForCreate","defaultLabelForEmptyItems","defaultlabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","isMultipleParams","isNotMultipleParams","searchCompare","withDefaultGetters","UserSelectItem","UserSelectValue","COMPONENT_NAME","UserSelectRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","restProps","searchFunctionDefault","item","searchValue","searchOfLabel","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","renderValueDefault","handleRemove","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isUserSelect","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","UserSelect"],"sources":["../../../../../src/components/UserSelect/UserSelect.tsx"],"sourcesContent":["import '../SelectComponents/Select.css';\n\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { IconClose } from '../../icons/IconClose/IconClose';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect } from '../SelectComponents/cnSelect';\nimport {\n  defaultlabelForCreate,\n  defaultLabelForEmptyItems,\n  defaultlabelForNotFound,\n  getInputWidth,\n} from '../SelectComponents/helpers';\nimport { SelectContainer } from '../SelectComponents/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponents/SelectDropdown/SelectDropdown';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '../SelectComponents/types';\nimport {\n  DefaultGroup,\n  DefaultItem,\n  isMultipleParams,\n  isNotMultipleParams,\n  PropRenderItem,\n  PropRenderValue,\n  searchCompare,\n  UserSelectComponent,\n  UserSelectProps,\n  withDefaultGetters,\n} from './helpers';\nimport { UserSelectItem } from './UserSelectItem/UserSelectItem';\nimport { UserSelectValue } from './UserSelectValue/UserSelectValue';\n\nexport const COMPONENT_NAME = 'UserSelect' as const;\n\nconst UserSelectRender = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlInnerRef = useRef<HTMLDivElement>(null);\n  const helperInputFakeElement = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    disabled,\n    ariaLabel,\n    id,\n    isLoading,\n    required,\n    dropdownRef = defaultDropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemKey,\n    getItemLabel,\n    getItemSubLabel,\n    getItemAvatarUrl,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    renderValue: renderValueProp,\n    onCreate,\n    inputRef: inputRefProp,\n    labelForNotFound = defaultlabelForNotFound,\n    labelForCreate = defaultlabelForCreate,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    multiple = false,\n    searchFunction,\n    style,\n    dropdownForm = 'default',\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const searchFunctionDefault = (item: ITEM, searchValue: string): boolean => {\n    const searchOfLabel = searchCompare(searchValue, getItemLabel(item));\n\n    if (searchOfLabel) {\n      return searchOfLabel;\n    }\n\n    return searchCompare(searchValue, getItemSubLabel(item));\n  };\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n  } = useSelect({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple,\n    onBlur,\n    onFocus,\n    onCreate,\n    searchFunction: searchFunction || searchFunctionDefault,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <UserSelectItem\n        label={getItemLabel(item)}\n        subLabel={getItemSubLabel(item)}\n        avatarUrl={getItemAvatarUrl(item)}\n        active={active}\n        hovered={hovered}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disable={getItemDisabled(item)}\n        multiple={multiple}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = ({\n    item,\n    handleRemove,\n  }) => {\n    return (\n      <UserSelectValue\n        label={getItemLabel(item)}\n        subLabel={getItemSubLabel(item)}\n        avatarUrl={getItemAvatarUrl(item)}\n        key={getItemKey(item)}\n        size={size}\n        handleRemove={handleRemove}\n        multiple={multiple}\n        disabled={disabled}\n      />\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n  const renderControlValue = () => {\n    const width = multiple\n      ? getInputWidth(controlInnerRef, helperInputFakeElement)\n      : undefined;\n    return (\n      <>\n        {isMultipleParams(props) &&\n          Array.isArray(props.value) &&\n          props.value.map((item) =>\n            renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n          )}\n        {isNotMultipleParams(props) &&\n          props.value &&\n          renderValue({ item: props.value })}\n        {(!value || (Array.isArray(value) && value.length === 0)) &&\n          !searchValue &&\n          placeholder && (\n            <span className={cnSelect('Placeholder')} title=\"placeholder\">\n              {placeholder}\n            </span>\n          )}\n        <input\n          {...getKeyProps()}\n          type=\"text\"\n          name={name}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          aria-label={ariaLabel}\n          onChange={handleInputChange}\n          ref={inputRefForRender}\n          className={cnSelect('Input', {\n            size,\n            hide: !multiple && !!value,\n            multiple,\n            isUserSelect: true,\n          })}\n          value={searchValue}\n          style={{ width }}\n        />\n      </>\n    );\n  };\n\n  return (\n    <SelectContainer\n      focused={isFocused}\n      disabled={disabled}\n      size={size}\n      required={required}\n      view={view}\n      type=\"userselect\"\n      form={form}\n      multiple\n      ref={ref}\n      style={style}\n      {...restProps}\n    >\n      <div\n        className={cnSelect('Control', { hasInput: true })}\n        ref={controlRef}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        id={id}\n      >\n        <div\n          className={cnSelect('ControlInner')}\n          onClick={handleInputClick}\n          role=\"button\"\n          ref={controlInnerRef}\n          aria-hidden=\"true\"\n        >\n          <div className={cnSelect('ControlValueContainer')}>\n            {multiple ? (\n              <div className={cnSelect('ControlValue', { isUserSelect: true })}>\n                {renderControlValue()}\n              </div>\n            ) : (\n              renderControlValue()\n            )}\n          </div>\n        </div>\n        <span className={cnSelect('Indicators')}>\n          {value && (\n            <button\n              type=\"button\"\n              onClick={clearValue}\n              className={cnSelect('ClearIndicator', [cnMixFocus()])}\n            >\n              <IconClose size=\"xs\" className={cnSelect('ClearIndicatorIcon')} />\n            </button>\n          )}\n          <span className={cnSelect('Delimiter')} />\n          <button\n            type=\"button\"\n            className={cnSelect('IndicatorsDropdown')}\n            tabIndex={-1}\n            onClick={handleToggleDropdown}\n          >\n            <IconSelect\n              size=\"xs\"\n              className={cnSelect('DropdownIndicatorIcon')}\n            />\n          </button>\n        </span>\n      </div>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        isLoading={isLoading}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        labelForNotFound={labelForNotFound}\n        labelForCreate={labelForCreate}\n        notFound={notFound}\n        hasItems={hasItems}\n        labelForEmptyItems={labelForEmptyItems}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n      <div\n        className={cnSelect('HelperInputFakeElement')}\n        ref={helperInputFakeElement}\n      >\n        {searchValue}\n      </div>\n    </SelectContainer>\n  );\n};\n\nexport const UserSelect = forwardRef(UserSelectRender) as UserSelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}
+{"version":3,"file":"UserSelect.js","names":["React","forwardRef","useRef","useForkRef","useSelect","IconClose","IconSelect","cnMixFocus","usePropsHandler","cnSelect","defaultlabelForCreate","defaultLabelForEmptyItems","defaultlabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","isMultipleParams","isNotMultipleParams","searchCompare","withDefaultGetters","UserSelectItem","UserSelectValue","COMPONENT_NAME","UserSelectRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","restProps","searchFunctionDefault","item","searchValue","searchOfLabel","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","renderValueDefault","handleRemove","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isUserSelect","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","UserSelect"],"sources":["../../../../../src/components/UserSelect/UserSelect.tsx"],"sourcesContent":["import '../SelectComponents/Select.css';\n\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useSelect } from '../../hooks/useSelect/useSelect';\nimport { IconClose } from '../../icons/IconClose/IconClose';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { cnMixFocus } from '../../mixs/MixFocus/MixFocus';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { cnSelect } from '../SelectComponents/cnSelect';\nimport {\n  defaultlabelForCreate,\n  defaultLabelForEmptyItems,\n  defaultlabelForNotFound,\n  getInputWidth,\n} from '../SelectComponents/helpers';\nimport { SelectContainer } from '../SelectComponents/SelectContainer/SelectContainer';\nimport { SelectDropdown } from '../SelectComponents/SelectDropdown/SelectDropdown';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '../SelectComponents/types';\nimport {\n  DefaultGroup,\n  DefaultItem,\n  isMultipleParams,\n  isNotMultipleParams,\n  PropRenderItem,\n  PropRenderValue,\n  searchCompare,\n  UserSelectComponent,\n  UserSelectProps,\n  withDefaultGetters,\n} from './helpers';\nimport { UserSelectItem } from './UserSelectItem/UserSelectItem';\nimport { UserSelectValue } from './UserSelectValue/UserSelectValue';\n\nexport const COMPONENT_NAME = 'UserSelect' as const;\n\nconst UserSelectRender = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlInnerRef = useRef<HTMLDivElement>(null);\n  const helperInputFakeElement = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    disabled,\n    ariaLabel,\n    id,\n    isLoading,\n    required,\n    dropdownRef = defaultDropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemKey,\n    getItemLabel,\n    getItemSubLabel,\n    getItemAvatarUrl,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    renderValue: renderValueProp,\n    onCreate,\n    inputRef: inputRefProp,\n    labelForNotFound = defaultlabelForNotFound,\n    labelForCreate = defaultlabelForCreate,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    multiple = false,\n    searchFunction,\n    style,\n    dropdownForm = 'default',\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const searchFunctionDefault = (item: ITEM, searchValue: string): boolean => {\n    const searchOfLabel = searchCompare(searchValue, getItemLabel(item));\n\n    if (searchOfLabel) {\n      return searchOfLabel;\n    }\n\n    return searchCompare(searchValue, getItemSubLabel(item));\n  };\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    searchValue,\n    clearValue,\n    getHandleRemoveValue,\n    notFound,\n    hasItems,\n  } = useSelect({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple,\n    onBlur,\n    onFocus,\n    onCreate,\n    searchFunction: searchFunction || searchFunctionDefault,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <UserSelectItem\n        label={getItemLabel(item)}\n        subLabel={getItemSubLabel(item)}\n        avatarUrl={getItemAvatarUrl(item)}\n        active={active}\n        hovered={hovered}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disable={getItemDisabled(item)}\n        multiple={multiple}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = ({\n    item,\n    handleRemove,\n  }) => {\n    return (\n      <UserSelectValue\n        label={getItemLabel(item)}\n        subLabel={getItemSubLabel(item)}\n        avatarUrl={getItemAvatarUrl(item)}\n        key={getItemKey(item)}\n        size={size}\n        handleRemove={handleRemove}\n        multiple={multiple}\n        disabled={disabled}\n      />\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n  const renderControlValue = () => {\n    const width = multiple\n      ? getInputWidth(controlInnerRef, helperInputFakeElement)\n      : undefined;\n    return (\n      <>\n        {isMultipleParams(props) &&\n          Array.isArray(props.value) &&\n          props.value.map((item) =>\n            renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n          )}\n        {isNotMultipleParams(props) &&\n          props.value &&\n          renderValue({ item: props.value })}\n        {(!value || (Array.isArray(value) && value.length === 0)) &&\n          !searchValue &&\n          placeholder && (\n            <span className={cnSelect('Placeholder')} title=\"placeholder\">\n              {placeholder}\n            </span>\n          )}\n        <input\n          {...getKeyProps()}\n          type=\"text\"\n          name={name}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          aria-label={ariaLabel}\n          onChange={handleInputChange}\n          ref={inputRefForRender}\n          className={cnSelect('Input', {\n            size,\n            hide: !multiple && !!value,\n            multiple,\n            isUserSelect: true,\n          })}\n          value={searchValue}\n          style={{ width }}\n        />\n      </>\n    );\n  };\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        required={required}\n        view={view}\n        type=\"userselect\"\n        form={form}\n        multiple\n        ref={ref}\n        style={style}\n        {...restProps}\n      >\n        <div\n          className={cnSelect('Control', { hasInput: true })}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div\n            className={cnSelect('ControlInner')}\n            onClick={handleInputClick}\n            role=\"button\"\n            ref={controlInnerRef}\n            aria-hidden=\"true\"\n          >\n            <div className={cnSelect('ControlValueContainer')}>\n              {multiple ? (\n                <div\n                  className={cnSelect('ControlValue', { isUserSelect: true })}\n                >\n                  {renderControlValue()}\n                </div>\n              ) : (\n                renderControlValue()\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            {value && (\n              <button\n                type=\"button\"\n                onClick={clearValue}\n                className={cnSelect('ClearIndicator', [cnMixFocus()])}\n              >\n                <IconClose\n                  size=\"xs\"\n                  className={cnSelect('ClearIndicatorIcon')}\n                />\n              </button>\n            )}\n            <span className={cnSelect('Delimiter')} />\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size=\"xs\"\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n        <div\n          className={cnSelect('HelperInputFakeElement')}\n          ref={helperInputFakeElement}\n        >\n          {searchValue}\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        isLoading={isLoading}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        labelForNotFound={labelForNotFound}\n        labelForCreate={labelForCreate}\n        notFound={notFound}\n        hasItems={hasItems}\n        labelForEmptyItems={labelForEmptyItems}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const UserSelect = forwardRef(UserSelectRender) as UserSelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}

package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.css

@@ -1 +1 @@
-.AboutDataText{margin-bottom:var(--space-s);margin-top:var(--space-s)}
+.AboutData{margin-bottom:var(--space-s);margin-top:var(--space-s)}.AboutData-Link{color:var(--color-typo-link);transition:.3s ease}.AboutData-Link :hover{color:var(--color-typo-link-hover)}

package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.js

@@ -1,2 +1,2 @@
-import"./AboutData.css";import React from"react";import{cnMixSpace}from"../../../../mixs/MixSpace/MixSpace";import{Text}from"../../../../../src/components/Text/Text";import{cnDocsDecorator}from"../../../../../src/uiKit/components/DocsDecorator/DocsDecorator";import*as wp from"../../../../../src/uiKit/whitepaper/whitepaper";import{cn}from"../../../../../src/utils/bem";var cnAboutData=cn("AboutData");export var AboutDataGeneral=function(){return React.createElement("div",{className:cnDocsDecorator("Section",[wp.tplGrid({"xs-columns":2,"col-gap":"full","row-gap":"full"})])},React.createElement("div",{className:(wp.tplGrid("fraction",{row:"first"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-text-stable"},"\u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable?hash=\u0446\u0432\u0435\u0442\u0430-\u0442\u0435\u043C\u044B-default"},"\u0446\u0432\u0435\u0442\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-icon-stable"},"\u0438\u043A\u043E\u043D\u043A\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable"},"\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"/"},"\u0432\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u0430\u0442\u044C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-about-start-stable"},"\u0431\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://www.figma.com/@consta",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u0432 Figma")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://github.com/consta-design-system",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u043D\u0430 GitHub")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-workflow-workflow-stable"},"\u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u043E\u0439")))),React.createElement("div",{className:(wp.tplGrid("fraction",{row:"second"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://consta.design/",target:"_blank"},"\u0441\u0430\u0439\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/consta_ui_releases",target:"_blank"},"\u043A\u0430\u043D\u0430\u043B \u0441 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F\u043C\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/Consta_Chat",target:"_blank"},"\u0447\u0430\u0442")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041A\u043E\u043D\u0442\u0440\u0438\u0431\u044C\u044E\u0442\u043E\u0440\u0430\u043C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/design"},"\u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/dev"},"\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-addcomponent-stable"},"\u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442")))))};
+import"./AboutData.css";import{Link}from"@consta/stand/src/componets/Link";import React from"react";import{cnMixSpace}from"../../../../mixs/MixSpace/MixSpace";import{Text}from"../../../../../src/components/Text/Text";import{cnDocsDecorator}from"../../../../../src/uiKit/components/DocsDecorator/DocsDecorator";import*as wp from"../../../../../src/uiKit/whitepaper/whitepaper";import{cn}from"../../../../../src/utils/bem";var cnAboutData=cn("AboutData");export var AboutDataGeneral=function(){return React.createElement("div",{className:cnDocsDecorator("Section",[wp.tplGrid({"xs-columns":2,"col-gap":"full","row-gap":"full"})])},React.createElement("div",{className:(wp.tplGrid("fraction",{row:"first"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-text-stable"}},"\u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-theme-stable",hash:"\u0446\u0432\u0435\u0442\u0430-\u0442\u0435\u043C\u044B-default"}},"\u0446\u0432\u0435\u0442\u0430")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-icon-stable"}},"\u0438\u043A\u043E\u043D\u043A\u0438")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"components-theme-stable"}},"\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"/"},"\u0432\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u0430\u0442\u044C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"about-start-stable"}},"\u0431\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://www.figma.com/@consta",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u0432 Figma")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://github.com/consta-design-system",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u043D\u0430 GitHub")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"workflow-workflow"}},"\u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u043E\u0439")))),React.createElement("div",{className:(wp.tplGrid("fraction",{row:"second"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://consta.design/",target:"_blank"},"\u0441\u0430\u0439\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/consta_ui_releases",target:"_blank"},"\u043A\u0430\u043D\u0430\u043B \u0441 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F\u043C\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/Consta_Chat",target:"_blank"},"\u0447\u0430\u0442")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041A\u043E\u043D\u0442\u0440\u0438\u0431\u044C\u044E\u0442\u043E\u0440\u0430\u043C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND.TAB",params:{lib:"uikit",stand:"custom-contribute",tab:"design"}},"\u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND.TAB",params:{lib:"uikit",stand:"custom-contribute",tab:"dev"}},"\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C")),React.createElement("li",null,React.createElement(Link,{className:cnAboutData("Link"),to:"LIBS.LIB.STAND",params:{lib:"uikit",stand:"custom-addcomponent"}},"\u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442")))))};
 //# sourceMappingURL=AboutData.js.map

package/__internal__/src/docs/aboutConsta/components/AboutData/AboutData.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutData.js","names":["React","cnMixSpace","Text","cnDocsDecorator","wp","cn","cnAboutData","AboutDataGeneral","tplGrid","row","mL","mB","m","mT"],"sources":["../../../../../../../src/docs/aboutConsta/components/AboutData/AboutData.tsx"],"sourcesContent":["import './AboutData.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { Text } from '../../../../../src/components/Text/Text';\nimport { cnDocsDecorator } from '../../../../../src/uiKit/components/DocsDecorator/DocsDecorator';\nimport * as wp from '../../../../../src/uiKit/whitepaper/whitepaper';\nimport { cn } from '../../../../../src/utils/bem';\n\nconst cnAboutData = cn('AboutData');\n\nexport const AboutDataGeneral = () => {\n  return (\n    <div\n      className={cnDocsDecorator('Section', [\n        wp.tplGrid({ 'xs-columns': 2, 'col-gap': 'full', 'row-gap': 'full' }),\n      ])}\n    >\n      <div\n        className={\n          (wp.tplGrid('fraction', { row: 'first' }),\n          cnMixSpace({ mL: '2xl', mB: 'm' }))\n        }\n      >\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Основное\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-text-stable\"\n            >\n              типографика\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-theme-stable?hash=цвета-темы-default\"\n            >\n              цвета\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-icon-stable\"\n            >\n              иконки\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-theme-stable\"\n            >\n              темы\n            </Text>\n          </li>\n          <li>\n            <Text className={cnAboutData('Link')} as=\"a\" view=\"link\" href=\"/\">\n              все компоненты\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div className={wp.tplGrid('fraction', { row: 'first' })}>\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            С чего начать\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-about-start-stable\"\n            >\n              быстрый старт\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://www.figma.com/@consta\"\n              target=\"_blank\"\n            >\n              библиотеки в Figma\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://github.com/consta-design-system\"\n              target=\"_blank\"\n            >\n              библиотеки на GitHub\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-workflow-workflow-stable\"\n            >\n              как работать с дизайн-системой\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div\n        className={\n          (wp.tplGrid('fraction', { row: 'second' }),\n          cnMixSpace({ mL: '2xl', mB: 'm' }))\n        }\n      >\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Обновления и контакты\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://consta.design/\"\n              target=\"_blank\"\n            >\n              сайт дизайн-системы\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://t.me/consta_ui_releases\"\n              target=\"_blank\"\n            >\n              канал с обновлениями\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://t.me/Consta_Chat\"\n              target=\"_blank\"\n            >\n              чат\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div className={wp.tplGrid('fraction', { row: 'first' })}>\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Контрибьюторам\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-custom-contribute-stable/design\"\n            >\n              дизайнерам\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-custom-contribute-stable/dev\"\n            >\n              разработчикам\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-custom-addcomponent-stable\"\n            >\n              как добавить компонент\n            </Text>\n          </li>\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AboutData.js","names":["Link","React","cnMixSpace","Text","cnDocsDecorator","wp","cn","cnAboutData","AboutDataGeneral","tplGrid","row","mL","mB","m","mT","lib","stand","hash","tab"],"sources":["../../../../../../../src/docs/aboutConsta/components/AboutData/AboutData.tsx"],"sourcesContent":["import './AboutData.css';\n\nimport { Link } from '@consta/stand/src/componets/Link';\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { Text } from '../../../../../src/components/Text/Text';\nimport { cnDocsDecorator } from '../../../../../src/uiKit/components/DocsDecorator/DocsDecorator';\nimport * as wp from '../../../../../src/uiKit/whitepaper/whitepaper';\nimport { cn } from '../../../../../src/utils/bem';\n\nconst cnAboutData = cn('AboutData');\n\nexport const AboutDataGeneral = () => {\n  return (\n    <div\n      className={cnDocsDecorator('Section', [\n        wp.tplGrid({ 'xs-columns': 2, 'col-gap': 'full', 'row-gap': 'full' }),\n      ])}\n    >\n      <div\n        className={\n          (wp.tplGrid('fraction', { row: 'first' }),\n          cnMixSpace({ mL: '2xl', mB: 'm' }))\n        }\n      >\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Основное\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'components-text-stable',\n              }}\n            >\n              типографика\n            </Link>\n          </li>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'components-theme-stable',\n                hash: 'цвета-темы-default',\n              }}\n            >\n              цвета\n            </Link>\n          </li>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'components-icon-stable',\n              }}\n            >\n              иконки\n            </Link>\n          </li>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'components-theme-stable',\n              }}\n            >\n              темы\n            </Link>\n          </li>\n          <li>\n            <Text className={cnAboutData('Link')} as=\"a\" view=\"link\" href=\"/\">\n              все компоненты\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div className={wp.tplGrid('fraction', { row: 'first' })}>\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            С чего начать\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'about-start-stable',\n              }}\n            >\n              быстрый старт\n            </Link>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://www.figma.com/@consta\"\n              target=\"_blank\"\n            >\n              библиотеки в Figma\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://github.com/consta-design-system\"\n              target=\"_blank\"\n            >\n              библиотеки на GitHub\n            </Text>\n          </li>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'workflow-workflow',\n              }}\n            >\n              как работать с дизайн-системой\n            </Link>\n          </li>\n        </ul>\n      </div>\n      <div\n        className={\n          (wp.tplGrid('fraction', { row: 'second' }),\n          cnMixSpace({ mL: '2xl', mB: 'm' }))\n        }\n      >\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Обновления и контакты\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://consta.design/\"\n              target=\"_blank\"\n            >\n              сайт дизайн-системы\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://t.me/consta_ui_releases\"\n              target=\"_blank\"\n            >\n              канал с обновлениями\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://t.me/Consta_Chat\"\n              target=\"_blank\"\n            >\n              чат\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div className={wp.tplGrid('fraction', { row: 'first' })}>\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Контрибьюторам\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND.TAB\"\n              params={{\n                lib: 'uikit',\n                stand: 'custom-contribute',\n                tab: 'design',\n              }}\n            >\n              дизайнерам\n            </Link>\n          </li>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND.TAB\"\n              params={{\n                lib: 'uikit',\n                stand: 'custom-contribute',\n                tab: 'dev',\n              }}\n            >\n              разработчикам\n            </Link>\n          </li>\n          <li>\n            <Link\n              className={cnAboutData('Link')}\n              to=\"LIBS.LIB.STAND\"\n              params={{\n                lib: 'uikit',\n                stand: 'custom-addcomponent',\n              }}\n            >\n              как добавить компонент\n            </Link>\n          </li>\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.css

@@ -0,0 +1 @@
+.AboutDataText{margin-bottom:var(--space-s);margin-top:var(--space-s)}

package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.d.ts

@@ -0,0 +1,2 @@
+import './AboutData.css';
+export declare const AboutDataGeneral: () => JSX.Element;

package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.js

@@ -0,0 +1,2 @@
+import"./AboutData.css";import React from"react";import{cnMixSpace}from"../../../../mixs/MixSpace/MixSpace";import{Text}from"../../../../../src/components/Text/Text";import{cnDocsDecorator}from"../../../../../src/uiKit/components/DocsDecorator/DocsDecorator";import*as wp from"../../../../../src/uiKit/whitepaper/whitepaper";import{cn}from"../../../../../src/utils/bem";var cnAboutData=cn("AboutData");export var AboutDataGeneral=function(){return React.createElement("div",{className:cnDocsDecorator("Section",[wp.tplGrid({"xs-columns":2,"col-gap":"full","row-gap":"full"})])},React.createElement("div",{className:(wp.tplGrid("fraction",{row:"first"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0435")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-text-stable"},"\u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable?hash=\u0446\u0432\u0435\u0442\u0430-\u0442\u0435\u043C\u044B-default"},"\u0446\u0432\u0435\u0442\u0430")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-icon-stable"},"\u0438\u043A\u043E\u043D\u043A\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-components-theme-stable"},"\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"/"},"\u0432\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u0421 \u0447\u0435\u0433\u043E \u043D\u0430\u0447\u0430\u0442\u044C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-about-start-stable"},"\u0431\u044B\u0441\u0442\u0440\u044B\u0439 \u0441\u0442\u0430\u0440\u0442")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://www.figma.com/@consta",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u0432 Figma")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://github.com/consta-design-system",target:"_blank"},"\u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438 \u043D\u0430 GitHub")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-workflow-workflow-stable"},"\u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u043E\u0439")))),React.createElement("div",{className:(wp.tplGrid("fraction",{row:"second"}),cnMixSpace({mL:"2xl",mB:"m"}))},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u044B")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://consta.design/",target:"_blank"},"\u0441\u0430\u0439\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u044B")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/consta_ui_releases",target:"_blank"},"\u043A\u0430\u043D\u0430\u043B \u0441 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F\u043C\u0438")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"https://t.me/Consta_Chat",target:"_blank"},"\u0447\u0430\u0442")))),React.createElement("div",{className:wp.tplGrid("fraction",{row:"first"})},React.createElement("div",null,React.createElement(Text,{weight:"bold",size:"l"},"\u041A\u043E\u043D\u0442\u0440\u0438\u0431\u044C\u044E\u0442\u043E\u0440\u0430\u043C")),React.createElement("ul",{className:cnMixSpace({m:"m",mT:"2xs"})},React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/design"},"\u0434\u0438\u0437\u0430\u0439\u043D\u0435\u0440\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-contribute-stable/dev"},"\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C")),React.createElement("li",null,React.createElement(Text,{className:cnAboutData("Link"),as:"a",view:"link",href:"uikit-custom-addcomponent-stable"},"\u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442")))))};
+//# sourceMappingURL=AboutData.js.map

package/__internal__/src/docs/tableComparison/components/AboutData/AboutData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutData.js","names":["React","cnMixSpace","Text","cnDocsDecorator","wp","cn","cnAboutData","AboutDataGeneral","tplGrid","row","mL","mB","m","mT"],"sources":["../../../../../../../src/docs/tableComparison/components/AboutData/AboutData.tsx"],"sourcesContent":["import './AboutData.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace/MixSpace';\n\nimport { Text } from '../../../../../src/components/Text/Text';\nimport { cnDocsDecorator } from '../../../../../src/uiKit/components/DocsDecorator/DocsDecorator';\nimport * as wp from '../../../../../src/uiKit/whitepaper/whitepaper';\nimport { cn } from '../../../../../src/utils/bem';\n\nconst cnAboutData = cn('AboutData');\n\nexport const AboutDataGeneral = () => {\n  return (\n    <div\n      className={cnDocsDecorator('Section', [\n        wp.tplGrid({ 'xs-columns': 2, 'col-gap': 'full', 'row-gap': 'full' }),\n      ])}\n    >\n      <div\n        className={\n          (wp.tplGrid('fraction', { row: 'first' }),\n          cnMixSpace({ mL: '2xl', mB: 'm' }))\n        }\n      >\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Основное\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-text-stable\"\n            >\n              типографика\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-theme-stable?hash=цвета-темы-default\"\n            >\n              цвета\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-icon-stable\"\n            >\n              иконки\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-components-theme-stable\"\n            >\n              темы\n            </Text>\n          </li>\n          <li>\n            <Text className={cnAboutData('Link')} as=\"a\" view=\"link\" href=\"/\">\n              все компоненты\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div className={wp.tplGrid('fraction', { row: 'first' })}>\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            С чего начать\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-about-start-stable\"\n            >\n              быстрый старт\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://www.figma.com/@consta\"\n              target=\"_blank\"\n            >\n              библиотеки в Figma\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://github.com/consta-design-system\"\n              target=\"_blank\"\n            >\n              библиотеки на GitHub\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-workflow-workflow-stable\"\n            >\n              как работать с дизайн-системой\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div\n        className={\n          (wp.tplGrid('fraction', { row: 'second' }),\n          cnMixSpace({ mL: '2xl', mB: 'm' }))\n        }\n      >\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Обновления и контакты\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://consta.design/\"\n              target=\"_blank\"\n            >\n              сайт дизайн-системы\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://t.me/consta_ui_releases\"\n              target=\"_blank\"\n            >\n              канал с обновлениями\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"https://t.me/Consta_Chat\"\n              target=\"_blank\"\n            >\n              чат\n            </Text>\n          </li>\n        </ul>\n      </div>\n      <div className={wp.tplGrid('fraction', { row: 'first' })}>\n        <div>\n          <Text weight=\"bold\" size=\"l\">\n            Контрибьюторам\n          </Text>\n        </div>\n        <ul className={cnMixSpace({ m: 'm', mT: '2xs' })}>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-custom-contribute-stable/design\"\n            >\n              дизайнерам\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-custom-contribute-stable/dev\"\n            >\n              разработчикам\n            </Text>\n          </li>\n          <li>\n            <Text\n              className={cnAboutData('Link')}\n              as=\"a\"\n              view=\"link\"\n              href=\"uikit-custom-addcomponent-stable\"\n            >\n              как добавить компонент\n            </Text>\n          </li>\n        </ul>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/docs/tableComparison/tableComparison.stand.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@consta/stand").CreatedStand;
+export default _default;

package/__internal__/src/docs/tableComparison/tableComparison.stand.js

@@ -0,0 +1,2 @@
+import{createStand}from"../../stand/standConfig";export default createStand({title:"\u041A\u0430\u043A\u0443\u044E \u0442\u0430\u0431\u043B\u0438\u0446\u0443 \u0432\u044B\u0431\u0440\u0430\u0442\u044C",id:"tableComparison",group:"workflow",order:70});
+//# sourceMappingURL=tableComparison.stand.js.map

package/__internal__/src/docs/tableComparison/tableComparison.stand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableComparison.stand.js","names":["createStand","title","id","group","order"],"sources":["../../../../../src/docs/tableComparison/tableComparison.stand.tsx"],"sourcesContent":["import { createStand } from '##/stand/standConfig';\n\nexport default createStand({\n  title: 'Какую таблицу выбрать',\n  id: 'tableComparison',\n  group: 'workflow',\n  order: 70,\n});\n"],"mappings":"AAAA,OAASA,WAAT,+BAEA,cAAeA,YAAW,CAAC,CACzBC,KAAK,CAAE,sHADkB,CAEzBC,EAAE,CAAE,iBAFqB,CAGzBC,KAAK,CAAE,UAHkB,CAIzBC,KAAK,CAAE,EAJkB,CAAD,CAA1B"}

package/__internal__/src/hooks/useSelect/useSelect.d.ts

@@ -37,6 +37,8 @@ export declare type SelectProps<ITEM, GROUP, MULTIPLE extends boolean> = {
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     multiple: boolean;
+    searchValue?: string;
+    withoutClearSearch?: boolean;
     onChange: OnChangeProp<ITEM, MULTIPLE>;
     value: ValueProp<ITEM, MULTIPLE>;
 };

package/__internal__/src/hooks/useSelect/useSelect.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useEffect,useMemo,useRef,useState}from"react";import{getGroups}from"../../utils/getGroups";import{useClickOutside}from"../useClickOutside/useClickOutside";import{useDebounce}from"../useDebounce/useDebounce";import{useKeys}from"../useKeys/useKeys";import{usePrevious}from"../usePrevious/usePrevious";import{scrollToIndex,useHoistedState}from"./helpers";var isMultipleParams=function(a){return a.multiple},isNotMultipleParams=function(a){return!a.multiple},actions={setOpen:"setOpen",setSearch:"setSearch",highlightIndex:"highlightIndex"},initialState={searchValue:"",resolvedSearchValue:"",isOpen:!1,highlightedIndex:0,scrollToHighlighted:!1};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export function useSelect(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.multiple,h=void 0!==g&&g,i=a.getItemLabel,j=a.getItemKey,k=a.searchFunction,l=a.getItemGroupKey,m=a.groups,n=a.getGroupKey,o=a.sortGroups,p=a.getItemDisabled,q=a.onFocus,r=a.onBlur,s=useRef(null),t=useState(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=a.value&&(Array.isArray(a.value)?a.value:[a.value])||[],y=useHoistedState(initialState),z=_slicedToArray(y,2),A=z[0],B=A.searchValue,C=A.isOpen,D=A.highlightedIndex,E=A.resolvedSearchValue,F=A.scrollToHighlighted,G=z[1],H=function(a,b){return-1!==i(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},I=React.useMemo(function(){if(E&&""!==E){var c=b.filter(function(a){return k?k(a,E):H(a,E)}),d=!!b.find(function(a){return i(a).toString().toLowerCase()===E.toLocaleLowerCase()});return[c,a.onCreate&&!d?{label:B,__optionForCreate:!0}:void 0]}return[b,void 0]},[b,E]),J=_slicedToArray(I,2),K=J[0],L=J[1],M=useMemo(function(){var a=getGroups(K,null!==m&&void 0!==m&&m.length?l:void 0,m,n,o);return L?[L].concat(_toConsumableArray(a)):a},[K,m,l,n,o,L]),N=useMemo(function(){var b=!1;return 0<B.length&&(b=0===M.filter(function(a){return isOptionForCreate(a)||0<a.items.length||a.group}).length&&!a.onCreate),b},[M]),O=0!==b.length,P=function(){var a=0;if(0<x.length){var b,c=_createForOfIteratorHelper(M);try{for(c.s();!(b=c.n()).done;){var f=b.value;if(isOptionForCreate(f)){a++;continue}var d,e=_createForOfIteratorHelper(f.items);try{for(e.s();!(d=e.n()).done;){var g=d.value;if(j(g)===j(x[0]))return a;a++}}catch(a){e.e(a)}finally{e.f()}}}catch(a){c.e(a)}finally{c.f()}}return 0},Q=React.useCallback(function(a){G(function(b){return _objectSpread(_objectSpread({},b),{},{isOpen:a})},actions.setOpen)},[G]),R=useDebounce(function(a){G(function(b){return _objectSpread(_objectSpread({},b),{},{resolvedSearchValue:a})},actions.setSearch)},300),S=React.useCallback(function(a){G(function(b){return _objectSpread(_objectSpread({},b),{},{searchValue:a})},actions.setSearch),R(a)},[G,R]),T=usePrevious(C);React.useLayoutEffect(function(){if(null!==x&&!T&&C){var a=P();0<K.length&&scrollToIndex(a,c)}});var U=React.useCallback(function(a,b){G(function(c){return _objectSpread(_objectSpread({},c),{},{highlightedIndex:Math.min(Math.max(0,"function"==typeof a?a(c.highlightedIndex):a),L?K.length:K.length-1),scrollToHighlighted:b})},actions.highlightIndex)},[K,G,L]),V=function(b,c){if(b.stopPropagation(),isMultipleParams(a)){var d,e=null===(d=a.value)||void 0===d?void 0:d.filter(function(a){return j(a)!==j(c)});a.onChange({e:b,value:null!==e&&void 0!==e&&e.length?e:null})}},W=function(b,c){if(!(p&&p(c))){if(isMultipleParams(a)){var d=x.some(function(a){return j(a)===j(c)})?x.filter(function(a){return j(a)!==j(c)}):[].concat(_toConsumableArray(x),[c]);a.onChange({value:d.length?d:null,e:b})}isNotMultipleParams(a)&&(a.onChange({value:c,e:b}),Q(!1)),R(""),S("")}},X=function(b,c){a.onCreate&&a.onCreate({e:b,label:c}),Q(!1),R(""),S("")},Y=function(b){a.onChange({value:null,e:b}),R(""),S("")},Z=function(a,b){b.preventDefault(),f||Q(!0),U(function(a){return a-1},!0)},$=function(a,b){b.preventDefault(),f||Q(!0),U(function(a){return a+1},!0)},_=useKeys({ArrowUp:Z,ArrowDown:$,PageUp:Z,PageDown:$,Home:Z,End:$,Enter:function Enter(a,b){if(C){(B||K[D])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(M);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e))return c++,e;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(D);if(isOptionForCreate(d))return void X(b,d.label);d&&W(b,d)}},Escape:function Escape(){Q(!1)},Tab:function Tab(){Q(!1)},Backspace:function Backspace(a,b){B||(h?V(b,x[x.length-1]):Y(b))}});useClickOutside({isActive:C,ignoreClicksInsideRefs:[c,d],handler:function handler(){Q(!1)}}),React.useEffect(function(){f&&Q(!1)},[f]),React.useEffect(function(){var a=P();U(a,!0)},[U]),React.useEffect(function(){0<K.length&&F&&scrollToIndex(D,c)},[D]);return useEffect(function(){B&&Q(!0)},[B]),{isOpen:C,isFocused:v,highlightedIndex:D,visibleItems:M,highlightIndex:U,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item;if(isOptionForCreate(c))return{onClick:function onClick(a){X(a,c.label)},onMouseEnter:function onMouseEnter(){U(b,!1)},active:!1,hovered:b===D,key:"__optionForCreate"};var d=j(c);return{onClick:function onClick(a){W(a,c)},onMouseEnter:function onMouseEnter(){U(b,!1)},active:!!x.find(function(a){return j(a)===d}),hovered:b===D,key:d}},handleInputFocus:function handleInputFocus(a){f||(!v&&w(!0),"function"==typeof q&&q(a))},handleInputBlur:function handleInputBlur(a){if(C){var b;return void(null===(b=s.current)||void 0===b?void 0:b.focus())}v&&w(!1),"function"==typeof r&&r(a)},handleToggleDropdown:function handleToggleDropdown(){if(C)Q(!1),w(!1);else{var a;Q(!0),w(!0),null===(a=s.current)||void 0===a?void 0:a.focus()}},handleInputClick:function handleInputClick(){if(f||Q(!C),h){var a;null===(a=s.current)||void 0===a?void 0:a.focus(),S("")}},inputRef:s,getKeyProps:_,handleInputChange:function handleInputChange(a){f||!h&&0<x.length||S(a.target.value)},searchValue:B,clearValue:Y,getHandleRemoveValue:function getHandleRemoveValue(a){return function(b){return V(b,a)}},notFound:N,hasItems:O}}
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useEffect,useMemo,useRef,useState}from"react";import{getGroups}from"../../utils/getGroups";import{useClickOutside}from"../useClickOutside/useClickOutside";import{useDebounce}from"../useDebounce/useDebounce";import{useKeys}from"../useKeys/useKeys";import{usePrevious}from"../usePrevious/usePrevious";import{scrollToIndex,useHoistedState}from"./helpers";var isMultipleParams=function(a){return a.multiple},isNotMultipleParams=function(a){return!a.multiple},actions={setOpen:"setOpen",setSearch:"setSearch",highlightIndex:"highlightIndex"},initialState={searchValue:"",resolvedSearchValue:"",isOpen:!1,highlightedIndex:0,scrollToHighlighted:!1};export var isOptionForCreate=function(a){return a&&Object.prototype.hasOwnProperty.call(a,"__optionForCreate")};export function useSelect(a){var b=a.items,c=a.dropdownRef,d=a.controlRef,e=a.disabled,f=void 0!==e&&e,g=a.multiple,h=void 0!==g&&g,i=a.getItemLabel,j=a.getItemKey,k=a.searchFunction,l=a.getItemGroupKey,m=a.groups,n=a.getGroupKey,o=a.sortGroups,p=a.getItemDisabled,q=a.onFocus,r=a.onBlur,s=a.searchValue,t=a.withoutClearSearch,u=useRef(null),v=useState(!1),w=_slicedToArray(v,2),x=w[0],y=w[1],z=a.value&&(Array.isArray(a.value)?a.value:[a.value])||[],A=useHoistedState(initialState),B=_slicedToArray(A,2),C=B[0],D=C.searchValue,E=C.isOpen,F=C.highlightedIndex,G=C.resolvedSearchValue,H=C.scrollToHighlighted,I=B[1],J=function(a,b){return-1!==i(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},K=React.useMemo(function(){if(G&&""!==G){var c=b.filter(function(a){return k?k(a,G):J(a,G)}),d=!!b.find(function(a){return i(a).toString().toLowerCase()===G.toLocaleLowerCase()});return[c,a.onCreate&&!d?{label:D,__optionForCreate:!0}:void 0]}return[b,void 0]},[b,G]),L=_slicedToArray(K,2),M=L[0],N=L[1],O=useMemo(function(){var a=getGroups(M,null!==m&&void 0!==m&&m.length?l:void 0,m,n,o);return N?[N].concat(_toConsumableArray(a)):a},[M,m,l,n,o,N]),P=useMemo(function(){var b=!1;return 0<D.length&&(b=0===O.filter(function(a){return isOptionForCreate(a)||0<a.items.length||a.group}).length&&!a.onCreate),b},[O]),Q=0!==b.length,R=function(){var a=0;if(0<z.length){var b,c=_createForOfIteratorHelper(O);try{for(c.s();!(b=c.n()).done;){var f=b.value;if(isOptionForCreate(f)){a++;continue}var d,e=_createForOfIteratorHelper(f.items);try{for(e.s();!(d=e.n()).done;){var g=d.value;if(j(g)===j(z[0]))return a;a++}}catch(a){e.e(a)}finally{e.f()}}}catch(a){c.e(a)}finally{c.f()}}return 0},S=React.useCallback(function(a){I(function(b){return _objectSpread(_objectSpread({},b),{},{isOpen:a})},actions.setOpen)},[I]),T=useDebounce(function(a){I(function(b){return _objectSpread(_objectSpread({},b),{},{resolvedSearchValue:a})},actions.setSearch)},300),U=React.useCallback(function(a){I(function(b){return _objectSpread(_objectSpread({},b),{},{searchValue:a})},actions.setSearch),T(a)},[I,T]),V=usePrevious(E);React.useLayoutEffect(function(){if(null!==z&&!V&&E){var a=R();0<M.length&&scrollToIndex(a,c)}});var W=React.useCallback(function(a,b){I(function(c){return _objectSpread(_objectSpread({},c),{},{highlightedIndex:Math.min(Math.max(0,"function"==typeof a?a(c.highlightedIndex):a),N?M.length:M.length-1),scrollToHighlighted:b})},actions.highlightIndex)},[M,I,N]),X=function(b,c){if(b.stopPropagation(),isMultipleParams(a)){var d,e=null===(d=a.value)||void 0===d?void 0:d.filter(function(a){return j(a)!==j(c)});a.onChange({e:b,value:null!==e&&void 0!==e&&e.length?e:null})}},Y=function(b,c){if(!(p&&p(c))){if(isMultipleParams(a)){var d=z.some(function(a){return j(a)===j(c)})?z.filter(function(a){return j(a)!==j(c)}):[].concat(_toConsumableArray(z),[c]);a.onChange({value:d.length?d:null,e:b})}isNotMultipleParams(a)&&(a.onChange({value:c,e:b}),S(!1)),t||U("")}},Z=function(b,c){a.onCreate&&a.onCreate({e:b,label:c}),S(!1),t||U("")},$=function(b){a.onChange({value:null,e:b}),t||U("")},_=function(a,b){b.preventDefault(),f||S(!0),W(function(a){return a-1},!0)},aa=function(a,b){b.preventDefault(),f||S(!0),W(function(a){return a+1},!0)},ba=useKeys({ArrowUp:_,ArrowDown:aa,PageUp:_,PageDown:aa,Home:_,End:aa,Enter:function Enter(a,b){if(E){(D||M[F])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(O);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(isOptionForCreate(e))return c++,e;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(F);if(isOptionForCreate(d))return void Z(b,d.label);d&&Y(b,d)}},Escape:function Escape(){S(!1)},Tab:function Tab(){S(!1)},Backspace:function Backspace(a,b){D||(h?X(b,z[z.length-1]):$(b))}});useClickOutside({isActive:E,ignoreClicksInsideRefs:[c,d],handler:function handler(){S(!1)}}),React.useEffect(function(){f&&S(!1)},[f]),React.useEffect(function(){var a=R();W(a,!0)},[W]),React.useEffect(function(){0<M.length&&H&&scrollToIndex(F,c)},[F]);return useEffect(function(){s&&U(s)},[s]),useEffect(function(){D&&S(!0)},[D]),{isOpen:E,isFocused:x,highlightedIndex:F,visibleItems:O,highlightIndex:W,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item;if(isOptionForCreate(c))return{onClick:function onClick(a){Z(a,c.label)},onMouseEnter:function onMouseEnter(){W(b,!1)},active:!1,hovered:b===F,key:"__optionForCreate"};var d=j(c);return{onClick:function onClick(a){Y(a,c)},onMouseEnter:function onMouseEnter(){W(b,!1)},active:!!z.find(function(a){return j(a)===d}),hovered:b===F,key:d}},handleInputFocus:function handleInputFocus(a){f||(!x&&y(!0),"function"==typeof q&&q(a))},handleInputBlur:function handleInputBlur(a){if(E){var b;return void(null===(b=u.current)||void 0===b?void 0:b.focus())}x&&y(!1),"function"==typeof r&&r(a)},handleToggleDropdown:function handleToggleDropdown(){if(E)S(!1),y(!1);else{var a;S(!0),y(!0),null===(a=u.current)||void 0===a?void 0:a.focus()}},handleInputClick:function handleInputClick(){if(f||S(!E),h){var a;null===(a=u.current)||void 0===a?void 0:a.focus(),t||U("")}},inputRef:u,getKeyProps:ba,handleInputChange:function handleInputChange(a){f||!h&&0<z.length||U(a.target.value)},searchValue:D,clearValue:$,getHandleRemoveValue:function getHandleRemoveValue(a){return function(b){return X(b,a)}},notFound:P,hasItems:Q}}
 //# sourceMappingURL=useSelect.js.map