@consta/uikit 3.29.0 → 4.0.1

package/__internal__/src/components/User/User.js

@@ -1,53 +1,2 @@
-import { __assign, __rest } from "tslib";
-import './User.css';
-import React from 'react';
-import { IconSelect } from '../../icons/IconSelect/IconSelect';
-import { cn } from '../../utils/bem';
-import { getByMap } from '../../utils/getByMap';
-import { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';
-import { Avatar } from '../Avatar/Avatar';
-import { Button } from '../Button/Button';
-import { Text } from '../Text/Text';
-export var userPropSize = ['m', 's', 'l'];
-export var userPropSizeDefault = userPropSize[0];
-export var userPropView = ['clear', 'ghost'];
-export var userPropViewDefault = userPropView[0];
-export var userPropWidth = ['default', 'full'];
-export var userPropWidthDefault = userPropWidth[0];
-export var userPropStatus = ['available', 'remote', 'out'];
-export var cnUser = cn('User');
-var infoSizeMap = {
-    s: '2xs',
-    m: '2xs',
-    l: 'xs'
-};
-var iconSizeMap = {
-    s: 'xs',
-    m: 'xs',
-    l: 's'
-};
-var avatarSizeMap = {
-    s: 'xs',
-    m: 's',
-    l: 'm'
-};
-var buttonSizeMap = {
-    s: 'xs',
-    m: 'xs',
-    l: 's'
-};
-export var User = forwardRefWithAs(function (props, ref) {
-    var _a = props.as, as = _a === void 0 ? 'div' : _a, className = props.className, _b = props.size, size = _b === void 0 ? userPropSizeDefault : _b, avatarUrl = props.avatarUrl, name = props.name, _c = props.view, view = _c === void 0 ? userPropViewDefault : _c, _d = props.width, width = _d === void 0 ? userPropWidthDefault : _d, propOnlyAvatar = props.onlyAvatar, withArrow = props.withArrow, iconRight = props.iconRight, onIconRightClick = props.onIconRightClick, info = props.info, status = props.status, otherProps = __rest(props, ["as", "className", "size", "avatarUrl", "name", "view", "width", "onlyAvatar", "withArrow", "iconRight", "onIconRightClick", "info", "status"]);
-    var Tag = as;
-    var onlyAvatar = propOnlyAvatar || (!name && !info);
-    var IconRight = iconRight;
-    return (React.createElement(Tag, __assign({}, otherProps, { className: cnUser({ size: size, view: view, width: width, withArrow: withArrow, minified: onlyAvatar }, [className]), ref: ref }),
-        React.createElement("div", { className: cnUser('AvatarWrapper', { status: status }) },
-            React.createElement(Avatar, { size: getByMap(avatarSizeMap, size), url: avatarUrl, name: name })),
-        !onlyAvatar && (name || info) && (React.createElement("div", { className: cnUser('Block') },
-            name && (React.createElement(Text, { className: cnUser('Name'), size: size, view: "primary", lineHeight: "2xs" }, name)),
-            info && size !== 's' && (React.createElement(Text, { className: cnUser('Info'), size: getByMap(infoSizeMap, size), view: "secondary", lineHeight: "2xs" }, info)))),
-        withArrow && (React.createElement(IconSelect, { className: cnUser('Icon'), size: getByMap(iconSizeMap, size), view: "secondary" })),
-        IconRight && !onIconRightClick && (React.createElement(IconRight, { className: cnUser('Icon'), size: getByMap(iconSizeMap, size), view: "secondary" })),
-        IconRight && onIconRightClick && (React.createElement(Button, { className: cnUser('IconRightButton'), onClick: onIconRightClick, iconRight: IconRight, onlyIcon: true, view: "clear", size: getByMap(buttonSizeMap, size), form: "round" }))));
-});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","className","size","avatarUrl","name","view","width","onlyAvatar","withArrow","iconRight","onIconRightClick","info","status"];import"./User.css";import React from"react";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{Avatar}from"../Avatar/Avatar";import{Button}from"../Button/Button";import{Text}from"../Text/Text";export var userPropSize=["m","s","l"];export var userPropSizeDefault=userPropSize[0];export var userPropView=["clear","ghost"];export var userPropViewDefault=userPropView[0];export var userPropWidth=["default","full"];export var userPropWidthDefault=userPropWidth[0];export var userPropStatus=["available","remote","out"];export var cnUser=cn("User");var infoSizeMap={s:"2xs",m:"2xs",l:"xs"},iconSizeMap={s:"xs",m:"xs",l:"s"},avatarSizeMap={s:"xs",m:"s",l:"m"},buttonSizeMap={s:"xs",m:"xs",l:"s"};export var User=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.className,f=a.size,g=void 0===f?userPropSizeDefault:f,h=a.avatarUrl,i=a.name,j=a.view,k=void 0===j?userPropViewDefault:j,l=a.width,m=void 0===l?userPropWidthDefault:l,n=a.onlyAvatar,o=a.withArrow,p=a.iconRight,q=a.onIconRightClick,r=a.info,s=a.status,t=_objectWithoutProperties(a,_excluded),u=n||!i&&!r,v=p;return React.createElement(d,Object.assign({},t,{className:cnUser({size:g,view:k,width:m,withArrow:o,minified:u},[e]),ref:b}),React.createElement("div",{className:cnUser("AvatarWrapper",{status:s})},React.createElement(Avatar,{size:getByMap(avatarSizeMap,g),url:h,name:i})),!u&&(i||r)&&React.createElement("div",{className:cnUser("Block")},i&&React.createElement(Text,{className:cnUser("Name"),size:g,view:"primary",lineHeight:"2xs"},i),r&&"s"!==g&&React.createElement(Text,{className:cnUser("Info"),size:getByMap(infoSizeMap,g),view:"secondary",lineHeight:"2xs"},r)),o&&React.createElement(IconSelect,{className:cnUser("Icon"),size:getByMap(iconSizeMap,g),view:"secondary"}),v&&!q&&React.createElement(v,{className:cnUser("Icon"),size:getByMap(iconSizeMap,g),view:"secondary"}),v&&q&&React.createElement(Button,{className:cnUser("IconRightButton"),onClick:q,iconRight:v,onlyIcon:!0,view:"clear",size:getByMap(buttonSizeMap,g),form:"round"}))});
+//# sourceMappingURL=User.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","names":["React","IconSelect","cn","getByMap","forwardRefWithAs","Avatar","Button","Text","userPropSize","userPropSizeDefault","userPropView","userPropViewDefault","userPropWidth","userPropWidthDefault","userPropStatus","cnUser","infoSizeMap","s","m","l","iconSizeMap","avatarSizeMap","buttonSizeMap","User","props","ref","as","className","size","avatarUrl","name","view","width","propOnlyAvatar","onlyAvatar","withArrow","iconRight","onIconRightClick","info","status","otherProps","IconRight","minified"],"sources":["../../../../../src/components/User/User.tsx"],"sourcesContent":["import './User.css';\n\nimport React from 'react';\n\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Button, ButtonPropSize } from '../Button/Button';\nimport { Text, TextPropSize } from '../Text/Text';\n\nexport const userPropSize = ['m', 's', 'l'] as const;\nexport type UserPropSize = typeof userPropSize[number];\nexport const userPropSizeDefault: UserPropSize = userPropSize[0];\n\nexport const userPropView = ['clear', 'ghost'] as const;\nexport type UserPropView = typeof userPropView[number];\nexport const userPropViewDefault: UserPropView = userPropView[0];\n\nexport const userPropWidth = ['default', 'full'] as const;\nexport type UserPropWidth = typeof userPropWidth[number];\nexport const userPropWidthDefault: UserPropWidth = userPropWidth[0];\n\nexport const userPropStatus = ['available', 'remote', 'out'] as const;\nexport type UserPropStatus = typeof userPropStatus[number];\n\ntype Props = {\n  avatarUrl?: string;\n  name?: string;\n  size?: UserPropSize;\n  view?: UserPropView;\n  width?: UserPropWidth;\n  status?: UserPropStatus;\n  onlyAvatar?: boolean;\n  info?: string;\n  children?: never;\n} & (\n  | {\n      withArrow?: boolean;\n      iconRight?: never;\n      onIconRightClick?: never;\n    }\n  | {\n      withArrow?: never;\n      iconRight?: IconComponent;\n      onIconRightClick?: (e: React.SyntheticEvent) => void;\n    }\n);\n\nexport const cnUser = cn('User');\n\nconst infoSizeMap: Record<UserPropSize, TextPropSize> = {\n  s: '2xs',\n  m: '2xs',\n  l: 'xs',\n};\n\nconst iconSizeMap: Record<UserPropSize, IconPropSize> = {\n  s: 'xs',\n  m: 'xs',\n  l: 's',\n};\n\nconst avatarSizeMap: Record<UserPropSize, IconPropSize> = {\n  s: 'xs',\n  m: 's',\n  l: 'm',\n};\n\nconst buttonSizeMap: Record<UserPropSize, ButtonPropSize> = {\n  s: 'xs',\n  m: 'xs',\n  l: 's',\n};\n\nexport const User = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    as = 'div',\n    className,\n    size = userPropSizeDefault,\n    avatarUrl,\n    name,\n    view = userPropViewDefault,\n    width = userPropWidthDefault,\n    onlyAvatar: propOnlyAvatar,\n    withArrow,\n    iconRight,\n    onIconRightClick,\n    info,\n    status,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const onlyAvatar = propOnlyAvatar || (!name && !info);\n  const IconRight = iconRight;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnUser(\n        { size, view, width, withArrow, minified: onlyAvatar },\n        [className],\n      )}\n      ref={ref}\n    >\n      <div className={cnUser('AvatarWrapper', { status })}>\n        <Avatar\n          size={getByMap(avatarSizeMap, size)}\n          url={avatarUrl}\n          name={name}\n        />\n      </div>\n      {!onlyAvatar && (name || info) && (\n        <div className={cnUser('Block')}>\n          {name && (\n            <Text\n              className={cnUser('Name')}\n              size={size}\n              view=\"primary\"\n              lineHeight=\"2xs\"\n            >\n              {name}\n            </Text>\n          )}\n          {info && size !== 's' && (\n            <Text\n              className={cnUser('Info')}\n              size={getByMap(infoSizeMap, size)}\n              view=\"secondary\"\n              lineHeight=\"2xs\"\n            >\n              {info}\n            </Text>\n          )}\n        </div>\n      )}\n      {withArrow && (\n        <IconSelect\n          className={cnUser('Icon')}\n          size={getByMap(iconSizeMap, size)}\n          view=\"secondary\"\n        />\n      )}\n      {IconRight && !onIconRightClick && (\n        <IconRight\n          className={cnUser('Icon')}\n          size={getByMap(iconSizeMap, size)}\n          view=\"secondary\"\n        />\n      )}\n      {IconRight && onIconRightClick && (\n        <Button\n          className={cnUser('IconRightButton')}\n          onClick={onIconRightClick}\n          iconRight={IconRight}\n          onlyIcon\n          view=\"clear\"\n          size={getByMap(buttonSizeMap, size)}\n          form=\"round\"\n        />\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/User/index.d.ts

@@ -0,0 +1 @@
+export * from './User';

package/__internal__/src/components/User/index.js

@@ -0,0 +1,2 @@
+export*from"./User";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/User/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/User/index.ts"],"sourcesContent":["export * from './User';\n"],"mappings":"AAAA"}

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

@@ -1,92 +1,2 @@
-import { __assign, __rest } from "tslib";
-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 { UserSelectItem } from './UserSelectItem/UserSelectItem';
-import { UserSelectValue } from './UserSelectValue/UserSelectValue';
-import { isMultipleParams, isNotMultipleParams, searchCompare, withDefaultGetters, } from './helpers';
-export var COMPONENT_NAME = 'UserSelect';
-function UserSelectRender(props, ref) {
-    var defaultDropdownRef = useRef(null);
-    var controlInnerRef = useRef(null);
-    var helperInputFakeElement = useRef(null);
-    var controlRef = useRef(null);
-    var _a = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef), placeholder = _a.placeholder, onBlur = _a.onBlur, onFocus = _a.onFocus, items = _a.items, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, ariaLabel = _a.ariaLabel, id = _a.id, isLoading = _a.isLoading, required = _a.required, _b = _a.dropdownRef, dropdownRef = _b === void 0 ? defaultDropdownRef : _b, _c = _a.form, form = _c === void 0 ? defaultPropForm : _c, _d = _a.view, view = _d === void 0 ? defaultPropView : _d, _e = _a.size, size = _e === void 0 ? defaultPropSize : _e, dropdownClassName = _a.dropdownClassName, name = _a.name, _f = _a.groups, groups = _f === void 0 ? [] : _f, getItemKey = _a.getItemKey, getItemLabel = _a.getItemLabel, getItemSubLabel = _a.getItemSubLabel, getItemAvatarUrl = _a.getItemAvatarUrl, getItemGroupKey = _a.getItemGroupKey, getItemDisabled = _a.getItemDisabled, getGroupKey = _a.getGroupKey, getGroupLabel = _a.getGroupLabel, renderItem = _a.renderItem, renderValueProp = _a.renderValue, onCreate = _a.onCreate, inputRefProp = _a.inputRef, _g = _a.labelForNotFound, labelForNotFound = _g === void 0 ? defaultlabelForNotFound : _g, _h = _a.labelForCreate, labelForCreate = _h === void 0 ? defaultlabelForCreate : _h, _j = _a.labelForEmptyItems, labelForEmptyItems = _j === void 0 ? defaultLabelForEmptyItems : _j, _k = _a.multiple, multiple = _k === void 0 ? false : _k, searchFunction = _a.searchFunction, style = _a.style, _l = _a.dropdownForm, dropdownForm = _l === void 0 ? 'default' : _l, restProps = __rest(_a, ["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"]);
-    var searchFunctionDefault = function (item, searchValue) {
-        var searchOfLabel = searchCompare(searchValue, getItemLabel(item));
-        if (searchOfLabel) {
-            return searchOfLabel;
-        }
-        return searchCompare(searchValue, getItemSubLabel(item));
-    };
-    var _m = useSelect({
-        items: items,
-        groups: groups,
-        value: value,
-        onChange: onChange,
-        dropdownRef: dropdownRef,
-        controlRef: controlRef,
-        disabled: disabled,
-        getItemLabel: getItemLabel,
-        getItemKey: getItemKey,
-        getGroupKey: getGroupKey,
-        getItemGroupKey: getItemGroupKey,
-        getItemDisabled: getItemDisabled,
-        multiple: multiple,
-        onBlur: onBlur,
-        onFocus: onFocus,
-        onCreate: onCreate,
-        searchFunction: searchFunction || searchFunctionDefault
-    }), getKeyProps = _m.getKeyProps, getOptionProps = _m.getOptionProps, isOpen = _m.isOpen, visibleItems = _m.visibleItems, isFocused = _m.isFocused, handleInputFocus = _m.handleInputFocus, handleInputBlur = _m.handleInputBlur, handleToggleDropdown = _m.handleToggleDropdown, inputRef = _m.inputRef, handleInputClick = _m.handleInputClick, handleInputChange = _m.handleInputChange, searchValue = _m.searchValue, clearValue = _m.clearValue, getHandleRemoveValue = _m.getHandleRemoveValue, notFound = _m.notFound, hasItems = _m.hasItems;
-    var renderItemDefault = function (props) {
-        var item = props.item, active = props.active, hovered = props.hovered, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
-        return (React.createElement(UserSelectItem, { label: getItemLabel(item), subLabel: getItemSubLabel(item), avatarUrl: getItemAvatarUrl(item), active: active, hovered: hovered, size: size, indent: dropdownForm === 'round' ? 'increased' : 'normal', onClick: onClick, onMouseEnter: onMouseEnter, disable: getItemDisabled(item), multiple: multiple }));
-    };
-    var renderValueDefault = function (_a) {
-        var item = _a.item, handleRemove = _a.handleRemove;
-        return (React.createElement(UserSelectValue, { label: getItemLabel(item), subLabel: getItemSubLabel(item), avatarUrl: getItemAvatarUrl(item), key: getItemKey(item), size: size, handleRemove: handleRemove, multiple: multiple, disabled: disabled }));
-    };
-    var renderValue = renderValueProp || renderValueDefault;
-    var inputRefForRender = useForkRef([inputRef, inputRefProp]);
-    var renderControlValue = function () {
-        var width = multiple ? getInputWidth(controlInnerRef, helperInputFakeElement) : undefined;
-        return (React.createElement(React.Fragment, null,
-            isMultipleParams(props) &&
-                Array.isArray(props.value) &&
-                props.value.map(function (item) {
-                    return renderValue({ item: item, handleRemove: getHandleRemoveValue(item) });
-                }),
-            isNotMultipleParams(props) && props.value && renderValue({ item: props.value }),
-            (!value || (Array.isArray(value) && value.length === 0)) && !searchValue && placeholder && (React.createElement("span", { className: cnSelect('Placeholder'), title: "placeholder" }, placeholder)),
-            React.createElement("input", __assign({}, getKeyProps(), { type: "text", name: name, onFocus: handleInputFocus, onBlur: handleInputBlur, "aria-label": ariaLabel, onChange: handleInputChange, ref: inputRefForRender, className: cnSelect('Input', {
-                    size: size,
-                    hide: !multiple && !!value,
-                    multiple: multiple,
-                    isUserSelect: true
-                }), value: searchValue, style: { width: width } }))));
-    };
-    return (React.createElement(SelectContainer, __assign({ focused: isFocused, disabled: disabled, size: size, required: required, view: view, type: "userselect", form: form, multiple: true, ref: ref, style: style }, restProps),
-        React.createElement("div", { className: cnSelect('Control', { hasInput: true }), ref: controlRef, "aria-expanded": isOpen, "aria-haspopup": "listbox", id: id },
-            React.createElement("div", { className: cnSelect('ControlInner'), onClick: handleInputClick, role: "button", ref: controlInnerRef, "aria-hidden": "true" },
-                React.createElement("div", { className: cnSelect('ControlValueContainer') }, multiple ? (React.createElement("div", { className: cnSelect('ControlValue', { isUserSelect: true }) }, renderControlValue())) : (renderControlValue()))),
-            React.createElement("span", { className: cnSelect('Indicators') },
-                value && (React.createElement("button", { type: "button", onClick: clearValue, 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: handleToggleDropdown },
-                    React.createElement(IconSelect, { size: "xs", className: cnSelect('DropdownIndicatorIcon') })))),
-        React.createElement(SelectDropdown, { isOpen: isOpen, size: size, controlRef: controlRef, getOptionProps: getOptionProps, dropdownRef: dropdownRef, form: dropdownForm, isLoading: isLoading, className: dropdownClassName, renderItem: renderItem || renderItemDefault, getGroupLabel: getGroupLabel, visibleItems: visibleItems, labelForNotFound: labelForNotFound, labelForCreate: labelForCreate, notFound: notFound, hasItems: hasItems, labelForEmptyItems: labelForEmptyItems, style: typeof (style === null || style === void 0 ? void 0 : style.zIndex) === 'number' ? { zIndex: style.zIndex + 1 } : undefined }),
-        React.createElement("div", { className: cnSelect('HelperInputFakeElement'), ref: helperInputFakeElement }, searchValue)));
-}
-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(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";
+//# sourceMappingURL=UserSelect.js.map

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

@@ -0,0 +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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"}

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.css

@@ -1,130 +1 @@
-.UserSelectItem {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: var(--vertical-space) var(--horizontal-space);
-  color: var(--color-control-typo-default);
-  background-color: var(--color-control-bg-clear);
-  font-size: var(--font-size);
-  cursor: pointer;
-}
-
-  .UserSelectItem_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);
-      --sub-info-space: var(--space-xs);
-      --sub-label-font-size: var(--size-text-2xs);
-    }
-
-  .UserSelectItem_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);
-      --sub-info-space: var(--space-s);
-      --sub-label-font-size: var(--size-text-xs);
-    }
-
-  .UserSelectItem_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);
-      --sub-info-space: var(--space-s);
-      --sub-label-font-size: var(--size-text-s);
-    }
-
-  .UserSelectItem_disable {
-    color: var(--color-control-typo-disable);
-  }
-
-  .UserSelectItem_hovered {
-    background-color: var(--color-control-bg-clear-hover);
-  }
-
-  .UserSelectItem_active {
-    color: var(--color-control-typo-secondary);
-  }
-
-  .UserSelectItem_indent_increased {
-      padding-left: calc(var(--horizontal-space) * 2.6);
-    }
-
-  .UserSelectItem-AvatarContainer {
-    position: relative;
-  }
-
-  .UserSelectItem-CheckIcon {
-    position: absolute;
-    right: calc(var(--space-2xs) * -1);
-    bottom: calc(var(--space-2xs) * -1);
-    width: var(--graphics-size-xs);
-    height: var(--graphics-size-xs);
-    padding: 0;
-    color: var(--color-control-bg-default);
-    background-color: var(--color-control-bg-primary);
-    border: 1px solid var(--color-control-bg-default);
-    border-radius: 50%;
-  }
-
-  .UserSelectItem-CheckIcon_animate_appear,
-      .UserSelectItem-CheckIcon_animate_appearActive,
-      .UserSelectItem-CheckIcon_animate_appearDone,
-      .UserSelectItem-CheckIcon_animate_enter,
-      .UserSelectItem-CheckIcon_animate_enterActive,
-      .UserSelectItem-CheckIcon_animate_enterDone,
-      .UserSelectItem-CheckIcon_animate_exit,
-      .UserSelectItem-CheckIcon_animate_exitActive,
-      .UserSelectItem-CheckIcon_animate_exitDone {
-        -webkit-transition: 0.2s ease;
-        transition: 0.2s ease;
-        -webkit-transition-property: opacity, -webkit-transform;
-        transition-property: opacity, -webkit-transform;
-        transition-property: opacity, transform;
-        transition-property: opacity, transform, -webkit-transform;
-      }
-
-  .UserSelectItem-CheckIcon_animate_appear,
-      .UserSelectItem-CheckIcon_animate_enter {
-        opacity: 0;
-        -webkit-transform: scale(0.25);
-                transform: scale(0.25);
-      }
-
-  .UserSelectItem-CheckIcon_animate_enterActive,
-      .UserSelectItem-CheckIcon_animate_appearActive,
-      .UserSelectItem-CheckIcon_animate_appearDone,
-      .UserSelectItem-CheckIcon_animate_enterDone {
-        opacity: 1;
-        -webkit-transform: scale(1);
-                transform: scale(1);
-      }
-
-  .UserSelectItem-CheckIcon_animate_exit {
-        opacity: 1;
-        -webkit-transform: scale(1);
-                transform: scale(1);
-      }
-
-  .UserSelectItem-CheckIcon_animate_exitActive,
-      .UserSelectItem-CheckIcon_animate_exitDone {
-        opacity: 0;
-        -webkit-transform: scale(0.25);
-                transform: scale(0.25);
-      }
-
-  .UserSelectItem-Info {
-    padding-left: var(--sub-info-space);
-  }
-
-  .UserSelectItem-SubLabel {
-    opacity: 0.7;
-    font-size: var(--sub-label-font-size);
-  }
-
-  .UserSelectItem-SubLabel_disable {
-      opacity: 1;
-    }
+.UserSelectItem{align-items:center;background-color:var(--color-control-bg-clear);color:var(--color-control-typo-default);cursor:pointer;display:flex;font-size:var(--font-size);padding:var(--vertical-space) var(--horizontal-space);position:relative}.UserSelectItem_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);--sub-info-space:var(--space-xs);--sub-label-font-size:var(--size-text-2xs)}.UserSelectItem_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);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-xs)}.UserSelectItem_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);--sub-info-space:var(--space-s);--sub-label-font-size:var(--size-text-s)}.UserSelectItem_disable{color:var(--color-control-typo-disable)}.UserSelectItem_hovered{background-color:var(--color-control-bg-clear-hover)}.UserSelectItem_active{color:var(--color-control-typo-secondary)}.UserSelectItem_indent_increased{padding-left:calc(var(--horizontal-space)*2.6)}.UserSelectItem-AvatarContainer{position:relative}.UserSelectItem-CheckIcon{background-color:var(--color-control-bg-primary);border:1px solid var(--color-control-bg-default);border-radius:50%;bottom:calc(var(--space-2xs)*-1);color:var(--color-control-bg-default);height:var(--graphics-size-xs);padding:0;position:absolute;right:calc(var(--space-2xs)*-1);width:var(--graphics-size-xs)}.UserSelectItem-CheckIcon_animate_appear,.UserSelectItem-CheckIcon_animate_appearActive,.UserSelectItem-CheckIcon_animate_appearDone,.UserSelectItem-CheckIcon_animate_enter,.UserSelectItem-CheckIcon_animate_enterActive,.UserSelectItem-CheckIcon_animate_enterDone,.UserSelectItem-CheckIcon_animate_exit,.UserSelectItem-CheckIcon_animate_exitActive,.UserSelectItem-CheckIcon_animate_exitDone{transition:.2s ease;transition-property:opacity,transform}.UserSelectItem-CheckIcon_animate_appear,.UserSelectItem-CheckIcon_animate_enter{opacity:0;transform:scale(.25)}.UserSelectItem-CheckIcon_animate_appearActive,.UserSelectItem-CheckIcon_animate_appearDone,.UserSelectItem-CheckIcon_animate_enterActive,.UserSelectItem-CheckIcon_animate_enterDone,.UserSelectItem-CheckIcon_animate_exit{opacity:1;transform:scale(1)}.UserSelectItem-CheckIcon_animate_exitActive,.UserSelectItem-CheckIcon_animate_exitDone{opacity:0;transform:scale(.25)}.UserSelectItem-Info{padding-left:var(--sub-info-space)}.UserSelectItem-SubLabel{font-size:var(--sub-label-font-size);opacity:.7}.UserSelectItem-SubLabel_disable{opacity:1}

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

@@ -1,23 +1,2 @@
-import { __assign, __rest } from "tslib";
-import './UserSelectItem.css';
-import React, { useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { IconCheck } from '../../../icons/IconCheck/IconCheck';
-import { cn } from '../../../utils/bem';
-import { cnForCssTransition } from '../../../utils/cnForCssTransition';
-import { Avatar } from '../../Avatar/Avatar';
-export var cnUserSelectItem = cn('UserSelectItem');
-var cnUserSelectItemCheckIconCssTransition = cnForCssTransition(cnUserSelectItem, 'CheckIcon');
-export var UserSelectItem = function (props) {
-    var className = props.className, label = props.label, subLabel = props.subLabel, avatarUrl = props.avatarUrl, active = props.active, hovered = props.hovered, size = props.size, indent = props.indent, disable = props.disable, multiple = props.multiple, otherProps = __rest(props, ["className", "label", "subLabel", "avatarUrl", "active", "hovered", "size", "indent", "disable", "multiple"]);
-    var iconRef = useRef(null);
-    return (React.createElement("div", __assign({}, otherProps, { className: cnUserSelectItem({ active: active, hovered: hovered, size: size, indent: indent, disable: disable }, [className]), "aria-selected": active, role: "option" }),
-        React.createElement("div", { className: cnUserSelectItem('AvatarContainer') },
-            React.createElement(Avatar, { className: cnUserSelectItem('Avatar'), url: avatarUrl, name: label }),
-            multiple && (React.createElement(CSSTransition, { "in": active, unmountOnExit: true, classNames: cnUserSelectItemCheckIconCssTransition, timeout: 200, nodeRef: iconRef },
-                React.createElement(IconCheck, { className: cnUserSelectItem('CheckIcon'), ref: iconRef }))),
-            !multiple && active && React.createElement(IconCheck, { className: cnUserSelectItem('CheckIcon') })),
-        !subLabel ? (React.createElement("div", { className: cnUserSelectItem('Info') }, label)) : (React.createElement("div", { className: cnUserSelectItem('Info') },
-            React.createElement("div", null, label),
-            React.createElement("div", { className: cnUserSelectItem('SubLabel', { disable: disable }) }, subLabel)))));
-};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import React,{useRef}from"react";import{CSSTransition}from"react-transition-group";import{IconCheck}from"../../../icons/IconCheck/IconCheck";import{cn}from"../../../utils/bem";import{cnForCssTransition}from"../../../utils/cnForCssTransition";import{Avatar}from"../../Avatar/Avatar";export var cnUserSelectItem=cn("UserSelectItem");var cnUserSelectItemCheckIconCssTransition=cnForCssTransition(cnUserSelectItem,"CheckIcon");export var UserSelectItem=function(a){var b=a.className,c=a.label,d=a.subLabel,e=a.avatarUrl,f=a.active,g=a.hovered,h=a.size,i=a.indent,j=a.disable,k=a.multiple,l=_objectWithoutProperties(a,_excluded),m=useRef(null);return React.createElement("div",Object.assign({},l,{className:cnUserSelectItem({active:f,hovered:g,size:h,indent:i,disable:j},[b]),"aria-selected":f,role:"option"}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:e,name:c}),k&&React.createElement(CSSTransition,{in:f,unmountOnExit:!0,classNames:cnUserSelectItemCheckIconCssTransition,timeout:200,nodeRef:m},React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon"),ref:m})),!k&&f&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),d?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,c),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:j})},d)):React.createElement("div",{className:cnUserSelectItem("Info")},c))};
+//# sourceMappingURL=UserSelectItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserSelectItem.js","names":["React","useRef","CSSTransition","IconCheck","cn","cnForCssTransition","Avatar","cnUserSelectItem","cnUserSelectItemCheckIconCssTransition","UserSelectItem","props","className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple","otherProps","iconRef"],"sources":["../../../../../../src/components/UserSelect/UserSelectItem/UserSelectItem.tsx"],"sourcesContent":["import './UserSelectItem.css';\n\nimport React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { IconCheck } from '../../../icons/IconCheck/IconCheck';\nimport { cn } from '../../../utils/bem';\nimport { cnForCssTransition } from '../../../utils/cnForCssTransition';\nimport { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';\nimport { Avatar } from '../../Avatar/Avatar';\n\ntype UserSelectItemProps = PropsWithHTMLAttributes<\n  {\n    label: string;\n    active: boolean;\n    hovered: boolean;\n    size: 's' | 'm' | 'l';\n    indent: 'normal' | 'increased';\n    subLabel?: string;\n    avatarUrl?: string;\n    disable?: boolean;\n    multiple?: boolean;\n  },\n  HTMLDivElement\n>;\n\nexport const cnUserSelectItem = cn('UserSelectItem');\n\nconst cnUserSelectItemCheckIconCssTransition = cnForCssTransition(\n  cnUserSelectItem,\n  'CheckIcon',\n);\n\nexport const UserSelectItem: React.FC<UserSelectItemProps> = (props) => {\n  const {\n    className,\n    label,\n    subLabel,\n    avatarUrl,\n    active,\n    hovered,\n    size,\n    indent,\n    disable,\n    multiple,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnUserSelectItem({ active, hovered, size, indent, disable }, [\n        className,\n      ])}\n      aria-selected={active}\n      role=\"option\"\n    >\n      <div className={cnUserSelectItem('AvatarContainer')}>\n        <Avatar\n          className={cnUserSelectItem('Avatar')}\n          url={avatarUrl}\n          name={label}\n        />\n        {multiple && (\n          <CSSTransition\n            in={active}\n            unmountOnExit\n            classNames={cnUserSelectItemCheckIconCssTransition}\n            timeout={200}\n            nodeRef={iconRef}\n          >\n            <IconCheck\n              className={cnUserSelectItem('CheckIcon')}\n              ref={iconRef}\n            />\n          </CSSTransition>\n        )}\n        {!multiple && active && (\n          <IconCheck className={cnUserSelectItem('CheckIcon')} />\n        )}\n      </div>\n      {!subLabel ? (\n        <div className={cnUserSelectItem('Info')}>{label}</div>\n      ) : (\n        <div className={cnUserSelectItem('Info')}>\n          <div>{label}</div>\n          <div className={cnUserSelectItem('SubLabel', { disable })}>\n            {subLabel}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wMAAA,6BAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,aAAT,KAA8B,wBAA9B,CAEA,OAASC,SAAT,0CACA,OAASC,EAAT,0BACA,OAASC,kBAAT,yCAEA,OAASC,MAAT,2BAiBA,MAAO,IAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMI,uCAAsC,CAAGH,kBAAkB,CAC/DE,gBAD+D,CAE/D,WAF+D,CAAjE,CAKA,MAAO,IAAME,eAA6C,CAAG,SAACC,CAAD,CAAW,IAEpEC,EAFoE,CAalED,CAbkE,CAEpEC,SAFoE,CAGpEC,CAHoE,CAalEF,CAbkE,CAGpEE,KAHoE,CAIpEC,CAJoE,CAalEH,CAbkE,CAIpEG,QAJoE,CAKpEC,CALoE,CAalEJ,CAbkE,CAKpEI,SALoE,CAMpEC,CANoE,CAalEL,CAbkE,CAMpEK,MANoE,CAOpEC,CAPoE,CAalEN,CAbkE,CAOpEM,OAPoE,CAQpEC,CARoE,CAalEP,CAbkE,CAQpEO,IARoE,CASpEC,CAToE,CAalER,CAbkE,CASpEQ,MAToE,CAUpEC,CAVoE,CAalET,CAbkE,CAUpES,OAVoE,CAWpEC,CAXoE,CAalEV,CAbkE,CAWpEU,QAXoE,CAYjEC,CAZiE,0BAalEX,CAbkE,YAehEY,CAAO,CAAGrB,MAAM,CAAkB,IAAlB,CAfgD,CAiBtE,MACE,4CACMoB,CADN,EAEE,SAAS,CAAEd,gBAAgB,CAAC,CAAEQ,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,IAAI,CAAJA,CAAnB,CAAyBC,MAAM,CAANA,CAAzB,CAAiCC,OAAO,CAAPA,CAAjC,CAAD,CAA6C,CACtER,CADsE,CAA7C,CAF7B,CAKE,gBAAeI,CALjB,CAME,IAAI,CAAC,QANP,GAQE,2BAAK,SAAS,CAAER,gBAAgB,CAAC,iBAAD,CAAhC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,gBAAgB,CAAC,QAAD,CAD7B,CAEE,GAAG,CAAEO,CAFP,CAGE,IAAI,CAAEF,CAHR,EADF,CAMGQ,CAAQ,EACP,oBAAC,aAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,UAAU,CAAEP,sCAHd,CAIE,OAAO,CAAE,GAJX,CAKE,OAAO,CAAEc,CALX,EAOE,oBAAC,SAAD,EACE,SAAS,CAAEf,gBAAgB,CAAC,WAAD,CAD7B,CAEE,GAAG,CAAEe,CAFP,EAPF,CAPJ,CAoBG,CAACF,CAAD,EAAaL,CAAb,EACC,oBAAC,SAAD,EAAW,SAAS,CAAER,gBAAgB,CAAC,WAAD,CAAtC,EArBJ,CARF,CAgCIM,CAAD,CAGC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EACE,+BAAMK,CAAN,CADF,CAEE,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,UAAD,CAAa,CAAEY,OAAO,CAAPA,CAAF,CAAb,CAAhC,EACGN,CADH,CAFF,CAHD,CACC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EAA2CK,CAA3C,CAjCJ,CA4CH,CA9DM"}

package/__internal__/src/components/UserSelect/UserSelectValue/UserSelectValue.css

@@ -1,7 +1 @@
-.UserSelectValue_multiple {
-    margin-right: var(--space-xs);
-    margin-bottom: calc(var(--space-s) / 4);
-  }
-  .UserSelectValue:not(.UserSelectValue_multiple).User:hover {
-        background-color: var(--color-control-bg-clear);
-      }
+.UserSelectValue_multiple{margin-bottom:calc(var(--space-s)/4);margin-right:var(--space-xs)}.UserSelectValue:not(.UserSelectValue_multiple).User:hover{background-color:var(--color-control-bg-clear)}

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

@@ -1,10 +1,2 @@
-import './UserSelectValue.css';
-import React from 'react';
-import { IconClose } from '../../../icons/IconClose/IconClose';
-import { cn } from '../../../utils/bem';
-import { User } from '../../User/User';
-export var cnUserSelectValue = cn('UserSelectValue');
-export var UserSelectValue = function (props) {
-    var size = props.size, label = props.label, subLabel = props.subLabel, disabled = props.disabled, handleRemove = props.handleRemove, avatarUrl = props.avatarUrl, multiple = props.multiple;
-    return (React.createElement(User, { className: cnUserSelectValue({ multiple: multiple, size: size }), avatarUrl: avatarUrl, name: label, info: subLabel, size: size, view: multiple ? 'ghost' : 'clear', iconRight: !disabled && multiple ? IconClose : undefined, onIconRightClick: !disabled && multiple ? handleRemove : undefined }));
-};
+import"./UserSelectValue.css";import React from"react";import{IconClose}from"../../../icons/IconClose/IconClose";import{cn}from"../../../utils/bem";import{User}from"../../User/User";export var cnUserSelectValue=cn("UserSelectValue");export var UserSelectValue=function(a){var b=a.size,c=a.label,d=a.subLabel,e=a.disabled,f=a.handleRemove,g=a.avatarUrl,h=a.multiple;return React.createElement(User,{className:cnUserSelectValue({multiple:h,size:b}),avatarUrl:g,name:c,info:d,size:b,view:h?"ghost":"clear",iconRight:!e&&h?IconClose:void 0,onIconRightClick:!e&&h?f:void 0})};
+//# sourceMappingURL=UserSelectValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserSelectValue.js","names":["React","IconClose","cn","User","cnUserSelectValue","UserSelectValue","props","size","label","subLabel","disabled","handleRemove","avatarUrl","multiple"],"sources":["../../../../../../src/components/UserSelect/UserSelectValue/UserSelectValue.tsx"],"sourcesContent":["import './UserSelectValue.css';\n\nimport React from 'react';\n\nimport { IconClose } from '../../../icons/IconClose/IconClose';\nimport { cn } from '../../../utils/bem';\nimport { User } from '../../User/User';\n\ntype UserValueProps = {\n  label: string;\n  size: 's' | 'm' | 'l';\n  subLabel?: string;\n  avatarUrl?: string;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n  multiple?: boolean;\n  disabled?: boolean;\n  children?: never;\n};\n\nexport const cnUserSelectValue = cn('UserSelectValue');\n\nexport const UserSelectValue: React.FC<UserValueProps> = (props) => {\n  const { size, label, subLabel, disabled, handleRemove, avatarUrl, multiple } =\n    props;\n\n  return (\n    <User\n      className={cnUserSelectValue({ multiple, size })}\n      avatarUrl={avatarUrl}\n      name={label}\n      info={subLabel}\n      size={size}\n      view={multiple ? 'ghost' : 'clear'}\n      iconRight={!disabled && multiple ? IconClose : undefined}\n      onIconRightClick={!disabled && multiple ? handleRemove : undefined}\n    />\n  );\n};\n"],"mappings":"AAAA,8BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,0CACA,OAASC,EAAT,0BACA,OAASC,IAAT,uBAaA,MAAO,IAAMC,kBAAiB,CAAGF,EAAE,CAAC,iBAAD,CAA5B,CAEP,MAAO,IAAMG,gBAAyC,CAAG,SAACC,CAAD,CAAW,CAClE,GAAQC,EAAR,CACED,CADF,CAAQC,IAAR,CAAcC,CAAd,CACEF,CADF,CAAcE,KAAd,CAAqBC,CAArB,CACEH,CADF,CAAqBG,QAArB,CAA+BC,CAA/B,CACEJ,CADF,CAA+BI,QAA/B,CAAyCC,CAAzC,CACEL,CADF,CAAyCK,YAAzC,CAAuDC,CAAvD,CACEN,CADF,CAAuDM,SAAvD,CAAkEC,CAAlE,CACEP,CADF,CAAkEO,QAAlE,CAGA,MACE,qBAAC,IAAD,EACE,SAAS,CAAET,iBAAiB,CAAC,CAAES,QAAQ,CAARA,CAAF,CAAYN,IAAI,CAAJA,CAAZ,CAAD,CAD9B,CAEE,SAAS,CAAEK,CAFb,CAGE,IAAI,CAAEJ,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,IAAI,CAAEF,CALR,CAME,IAAI,CAAEM,CAAQ,CAAG,OAAH,CAAa,OAN7B,CAOE,SAAS,CAAE,CAACH,CAAD,EAAaG,CAAb,CAAwBZ,SAAxB,OAPb,CAQE,gBAAgB,CAAE,CAACS,CAAD,EAAaG,CAAb,CAAwBF,CAAxB,OARpB,EAWH,CAhBM"}

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

@@ -106,7 +106,7 @@ export declare const isMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITE
 export declare const isNotMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, false>;
 export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>): {
     disabled?: boolean | undefined;
-    form?: "default" | "round" | "brick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
+    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     size?: "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
@@ -121,8 +121,8 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     isLoading?: boolean | undefined;
     renderItem?: PropRenderItem<ITEM> | undefined;
     renderValue?: PropRenderValue<ITEM> | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onCreate?: ((props: {
         e: React.SyntheticEvent<Element, Event>;
         label: string;
@@ -147,12 +147,12 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     label?: string | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
-} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "disabled" | "view" | "size" | "form" | "status" | "caption" | "label" | "name" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelPosition" | "searchFunction" | "labelForCreate" | "labelForNotFound" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: PropGetItemLabel<ITEM>;
 }) & (ITEM extends {
-    id: React.ReactText;
+    id: string | number;
 } ? {} : {
     getItemKey: PropGetItemKey<ITEM>;
 }) & (GROUP extends {
@@ -160,7 +160,7 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
 } ? {} : {
     getGroupLabel: PropGetGroupLabel<GROUP>;
 }) & (GROUP extends {
-    id: React.ReactText;
+    id: string | number;
 } ? {} : {
     getGroupKey: PropGetGroupKey<GROUP>;
 }) & {
@@ -173,5 +173,5 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     getItemSubLabel: PropGetItemSubLabel<DefaultItem> | PropGetItemSubLabel<ITEM>;
     getItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem> | PropGetItemAvatarUrl<ITEM>;
 };
-export declare const searchCompare: (searchValue: string, compare?: string | undefined) => boolean;
+export declare const searchCompare: (searchValue: string, compare?: string) => boolean;
 export {};

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

@@ -1,24 +1,2 @@
-import { __assign } from "tslib";
-export var defaultGetItemKey = function (item) { return item.id; };
-export var defaultGetItemLabel = function (item) { return item.label; };
-export var defaultGetItemSubLabel = function (item) { return item.subLabel; };
-export var defaultGetItemAvatarUrl = function (item) { return item.avatarUrl; };
-export var defaultGetItemGroupKey = function (item) { return item.groupId; };
-export var defaultGetItemDisabled = function (item) { return item.disabled; };
-export var defaultGetGroupKey = function (group) { return group.id; };
-export var defaultGetGroupLabel = function (group) { return group.label; };
-export var isMultipleParams = function (params) {
-    return !!params.multiple;
-};
-export var isNotMultipleParams = function (params) {
-    return !params.multiple;
-};
-export function withDefaultGetters(props) {
-    return __assign(__assign({}, props), { getItemLabel: props.getItemLabel || defaultGetItemLabel, getItemKey: props.getItemKey || defaultGetItemKey, getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey, getItemDisabled: props.getItemDisabled || defaultGetItemDisabled, getGroupLabel: props.getGroupLabel || defaultGetGroupLabel, getGroupKey: props.getGroupKey || defaultGetGroupKey, getItemSubLabel: props.getItemSubLabel || defaultGetItemSubLabel, getItemAvatarUrl: props.getItemAvatarUrl || defaultGetItemAvatarUrl });
-}
-export var searchCompare = function (searchValue, compare) {
-    if (!compare) {
-        return false;
-    }
-    return compare.toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase()) !== -1;
-};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";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}export var defaultGetItemKey=function(a){return a.id};export var defaultGetItemLabel=function(a){return a.label};export var defaultGetItemSubLabel=function(a){return a.subLabel};export var defaultGetItemAvatarUrl=function(a){return a.avatarUrl};export var defaultGetItemGroupKey=function(a){return a.groupId};export var defaultGetItemDisabled=function(a){return a.disabled};export var defaultGetGroupKey=function(a){return a.id};export var defaultGetGroupLabel=function(a){return a.label};export var isMultipleParams=function(a){return!!a.multiple};export var isNotMultipleParams=function(a){return!a.multiple};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemKey:a.getItemKey||defaultGetItemKey,getItemGroupKey:a.getItemGroupKey||defaultGetItemGroupKey,getItemDisabled:a.getItemDisabled||defaultGetItemDisabled,getGroupLabel:a.getGroupLabel||defaultGetGroupLabel,getGroupKey:a.getGroupKey||defaultGetGroupKey,getItemSubLabel:a.getItemSubLabel||defaultGetItemSubLabel,getItemAvatarUrl:a.getItemAvatarUrl||defaultGetItemAvatarUrl})}export var searchCompare=function(a,b){return!!b&&-1!==b.toLocaleLowerCase().indexOf(a.toLocaleLowerCase())};
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemSubLabel","subLabel","defaultGetItemAvatarUrl","avatarUrl","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","getItemSubLabel","getItemAvatarUrl","searchCompare","searchValue","compare","toLocaleLowerCase","indexOf"],"sources":["../../../../../src/components/UserSelect/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '../SelectComponents/types';\n\nexport type DefaultItem = {\n  label: string;\n  id: string | number;\n  subLabel?: string;\n  avatarUrl?: string;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type DefaultGroup = {\n  label: string;\n  id: string | number;\n};\n\ntype RenderValueProps<ITEM> = {\n  item: ITEM;\n  handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type PropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type PropGetItemSubLabel<ITEM> = (item: ITEM) => string | undefined;\nexport type PropGetItemAvatarUrl<ITEM> = (item: ITEM) => string | undefined;\nexport type PropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type PropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type PropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;\nexport type PropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type PropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\ntype PropSearchFunction<ITEM> = (item: ITEM, searchValue: string) => boolean;\ntype PropOnChange<ITEM, MULTIPLE extends boolean> = (props: {\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null;\n  e: React.SyntheticEvent;\n}) => void;\ntype PropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type PropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactElement | null;\nexport type PropRenderValue<ITEM> = (\n  props: RenderValueProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type UserSelectProps<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    disabled?: boolean;\n    form?: PropForm;\n    size?: Exclude<PropSize, 'xs'>;\n    view?: PropView;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    placeholder?: string;\n    ariaLabel?: string;\n    dropdownClassName?: string;\n    status?: PropStatus;\n    dropdownRef?: React.RefObject<HTMLDivElement>;\n    name?: string;\n    items: ITEM[];\n    required?: boolean;\n    isLoading?: boolean;\n    renderItem?: PropRenderItem<ITEM>;\n    renderValue?: PropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: (props: { e: React.SyntheticEvent; label: string }) => void;\n    inputRef?: React.RefObject<HTMLInputElement>;\n    labelForNotFound?: string;\n    labelForCreate?: string;\n    labelForEmptyItems?: string;\n    searchFunction?: PropSearchFunction<ITEM>;\n    multiple?: MULTIPLE;\n    value?: PropValue<ITEM, MULTIPLE>;\n    onChange: PropOnChange<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: PropGetItemLabel<ITEM>;\n    getItemSubLabel?: PropGetItemSubLabel<ITEM>;\n    getItemAvatarUrl?: PropGetItemAvatarUrl<ITEM>;\n    getItemKey?: PropGetItemKey<ITEM>;\n    getItemGroupKey?: PropGetItemGroupKey<ITEM>;\n    getItemDisabled?: PropGetItemDisabled<ITEM>;\n    getGroupLabel?: PropGetGroupLabel<GROUP>;\n    getGroupKey?: PropGetGroupKey<GROUP>;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: PropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: DefaultItem['id'] }\n    ? {}\n    : { getItemKey: PropGetItemKey<ITEM> }) &\n  (GROUP extends { label: DefaultGroup['label'] }\n    ? {}\n    : { getGroupLabel: PropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: DefaultGroup['id'] }\n    ? {}\n    : { getGroupKey: PropGetGroupKey<GROUP> });\n\nexport type UserSelectComponent = <\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(\n  props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement | null;\n\nexport const defaultGetItemKey: PropGetItemKey<DefaultItem> = (item) => item.id;\nexport const defaultGetItemLabel: PropGetItemLabel<DefaultItem> = (item) =>\n  item.label;\nexport const defaultGetItemSubLabel: PropGetItemSubLabel<DefaultItem> = (\n  item,\n) => item.subLabel;\nexport const defaultGetItemAvatarUrl: PropGetItemAvatarUrl<DefaultItem> = (\n  item,\n) => item.avatarUrl;\nexport const defaultGetItemGroupKey: PropGetItemGroupKey<DefaultItem> = (\n  item,\n) => item.groupId;\nexport const defaultGetItemDisabled: PropGetItemDisabled<DefaultItem> = (\n  item,\n) => item.disabled;\n\nexport const defaultGetGroupKey: PropGetGroupKey<DefaultGroup> = (group) =>\n  group.id;\nexport const defaultGetGroupLabel: PropGetGroupLabel<DefaultGroup> = (group) =>\n  group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n  params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, true> => {\n  return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n  params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, false> => {\n  return !params.multiple;\n};\n\nexport function withDefaultGetters<\n  ITEM = DefaultItem,\n  GROUP = DefaultGroup,\n  MULTIPLE extends boolean = false,\n>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n    getItemSubLabel: props.getItemSubLabel || defaultGetItemSubLabel,\n    getItemAvatarUrl: props.getItemAvatarUrl || defaultGetItemAvatarUrl,\n  };\n}\n\nexport const searchCompare = (\n  searchValue: string,\n  compare?: string,\n): boolean => {\n  if (!compare) {\n    return false;\n  }\n\n  return (\n    compare.toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase()) !== -1\n  );\n};\n"],"mappings":"qqBA+HA,MAAO,IAAMA,kBAA8C,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAAvD,CACP,MAAO,IAAMC,oBAAkD,CAAG,SAACF,CAAD,QAChEA,EAAI,CAACG,KAD2D,CAA3D,CAEP,MAAO,IAAMC,uBAAwD,CAAG,SACtEJ,CADsE,QAEnEA,EAAI,CAACK,QAF8D,CAAjE,CAGP,MAAO,IAAMC,wBAA0D,CAAG,SACxEN,CADwE,QAErEA,EAAI,CAACO,SAFgE,CAAnE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtER,CADsE,QAEnEA,EAAI,CAACS,OAF8D,CAAjE,CAGP,MAAO,IAAMC,uBAAwD,CAAG,SACtEV,CADsE,QAEnEA,EAAI,CAACW,QAF8D,CAAjE,CAIP,MAAO,IAAMC,mBAAiD,CAAG,SAACC,CAAD,QAC/DA,EAAK,CAACZ,EADyD,CAA1D,CAEP,MAAO,IAAMa,qBAAqD,CAAG,SAACD,CAAD,QACnEA,EAAK,CAACV,KAD6D,CAA9D,CAGP,MAAO,IAAMY,iBAAgB,CAAG,SAC9BC,CAD8B,CAEmB,CACjD,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEiB,CAClD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAI0C,CAC/C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBnB,mBAFtC,CAGEoB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBvB,iBAHlC,CAIEwB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,CAQEe,eAAe,CAAEP,CAAK,CAACO,eAAN,EAAyBvB,sBAR5C,CASEwB,gBAAgB,CAAER,CAAK,CAACQ,gBAAN,EAA0BtB,uBAT9C,EAWD,CAED,MAAO,IAAMuB,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGf,SACPA,CADO,EAM+D,CAAC,CAA1E,GAAAA,CAAO,CAACC,iBAAR,GAA4BC,OAA5B,CAAoCH,CAAW,CAACE,iBAAZ,EAApC,CAEH,CAXM"}

package/__internal__/src/components/UserSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './UserSelect';

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

@@ -0,0 +1,2 @@
+export*from"./UserSelect";
+//# sourceMappingURL=index.js.map