@consta/uikit 4.14.2 → 4.15.0

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["IconClose","IconEye","IconEyeClose","IconSelect","IconSelectOpen","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","usePropsHandler","FieldCaption","FieldLabel","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","textFieldPropWidthDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '../../hooks/useSortSteps/useSortSteps';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isString } from '../../utils/type-guards';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../FieldLabel/FieldLabel';\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n  textFieldPropWidthDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    width = textFieldPropWidthDefault,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.({ e, id, name, value: e.target.value || null });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value || '',\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : '',\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      onChange?.({\n        e,\n        value: getValueByStep(sortedSteps, value, flag, min, max),\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.({\n      e,\n      value: null,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    onChange?.({\n      e,\n      value: getValueByStep(sortedSteps, value, isIncrement, min, max),\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view, width }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClose size=\"xs\" className={cnTextField('ClearButtonIcon')} />\n            </button>\n          )}\n\n          {type === 'password' && value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"TextField.js","names":["IconClose","IconEye","IconEyeClose","IconSelect","IconSelectOpen","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","usePropsHandler","FieldCaption","FieldLabel","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","textFieldPropWidthDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '../../hooks/useSortSteps/useSortSteps';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isString } from '../../utils/type-guards';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../FieldLabel/FieldLabel';\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n  textFieldPropWidthDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    width = textFieldPropWidthDefault,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.({ e, id, name, value: e.target.value || null });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value || '',\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : '',\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      onChange?.({\n        e,\n        value: getValueByStep(sortedSteps, value, flag, min, max),\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.({\n      e,\n      value: null,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    onChange?.({\n      e,\n      value: getValueByStep(sortedSteps, value, isIncrement, min, max),\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view, width }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClose size=\"xs\" className={cnTextField('ClearButtonIcon')} />\n            </button>\n          )}\n\n          {type === 'password' && value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"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"}

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

@@ -81,6 +81,7 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     iconSize?: IconPropSize;
     children?: never;
     label?: string;
+    labelIcon?: IconComponent;
     caption?: string;
     labelPosition?: 'top' | 'left';
     focused?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus","textFieldPropWidth","textFieldPropWidthDefault"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string | null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string | number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (args: TextFieldOnChangeArguments) => void;\nexport type TextFieldOnChangeArguments = {\n  e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n  value: TextFieldPropValue;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport const textFieldPropWidth = ['default', 'full'] as const;\nexport type TextFieldPropWidth = typeof textFieldPropWidth[number];\nexport const textFieldPropWidthDefault: TextFieldPropWidth =\n  textFieldPropWidth[0];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n  ?\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n  : {\n      rows?: never;\n      minRows?: never;\n      maxRows?: never;\n    };\n\nexport type TextFieldPropRightSide<TYPE extends string> = TYPE extends\n  | 'number'\n  | 'password'\n  ? {\n      rightSide?: never;\n    }\n  : {\n      rightSide?: string | IconComponent;\n    };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: TextFieldPropValue;\n    cols?: number;\n    onChange?: TextFieldPropOnChange;\n    id?: TextFieldPropId;\n    name?: TextFieldPropName;\n    type?: TYPE;\n    disabled?: boolean;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    state?: TextFieldPropStatus;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    incrementButtons?: boolean;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    max?: number | string;\n    min?: number | string;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string | number[];\n    tabIndex?: number;\n    inputContainerRef?: React.Ref<HTMLDivElement>;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    focused?: boolean;\n    onKeyDownCapture?: React.KeyboardEventHandler;\n    onKeyPress?: React.KeyboardEventHandler;\n    onKeyPressCapture?: React.KeyboardEventHandler;\n    onKeyUp?: React.KeyboardEventHandler;\n    onKeyUpCapture?: React.KeyboardEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTextareaType<TYPE> &\n  TextFieldPropRightSide<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAUP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B,CAGP,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}
+{"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus","textFieldPropWidth","textFieldPropWidthDefault"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string | null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string | number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (args: TextFieldOnChangeArguments) => void;\nexport type TextFieldOnChangeArguments = {\n  e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n  value: TextFieldPropValue;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport const textFieldPropWidth = ['default', 'full'] as const;\nexport type TextFieldPropWidth = typeof textFieldPropWidth[number];\nexport const textFieldPropWidthDefault: TextFieldPropWidth =\n  textFieldPropWidth[0];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n  ?\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n  : {\n      rows?: never;\n      minRows?: never;\n      maxRows?: never;\n    };\n\nexport type TextFieldPropRightSide<TYPE extends string> = TYPE extends\n  | 'number'\n  | 'password'\n  ? {\n      rightSide?: never;\n    }\n  : {\n      rightSide?: string | IconComponent;\n    };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: TextFieldPropValue;\n    cols?: number;\n    onChange?: TextFieldPropOnChange;\n    id?: TextFieldPropId;\n    name?: TextFieldPropName;\n    type?: TYPE;\n    disabled?: boolean;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    state?: TextFieldPropStatus;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    incrementButtons?: boolean;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    max?: number | string;\n    min?: number | string;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string | number[];\n    tabIndex?: number;\n    inputContainerRef?: React.Ref<HTMLDivElement>;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    label?: string;\n    labelIcon?: IconComponent;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    focused?: boolean;\n    onKeyDownCapture?: React.KeyboardEventHandler;\n    onKeyPress?: React.KeyboardEventHandler;\n    onKeyPressCapture?: React.KeyboardEventHandler;\n    onKeyUp?: React.KeyboardEventHandler;\n    onKeyUpCapture?: React.KeyboardEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTextareaType<TYPE> &\n  TextFieldPropRightSide<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAUP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B,CAGP,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

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

@@ -1,2 +1,2 @@
-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{IconSelect}from"@consta/icons/IconSelect";import React from"react";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,type:"button",view:"clear",size:getByMap(buttonSizeMap,g),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{IconSelect}from"@consta/icons/IconSelect";import React from"react";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"},nameSizeMap={s:"xs",m:"s",l:"m"};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:nameSizeMap[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,type:"button",view:"clear",size:getByMap(buttonSizeMap,g),form:"round"}))});
 //# sourceMappingURL=User.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"User.js","names":["IconSelect","React","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 { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React from 'react';\n\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          type=\"button\"\n          view=\"clear\"\n          size={getByMap(buttonSizeMap, size)}\n          form=\"round\"\n        />\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"User.js","names":["IconSelect","React","cn","getByMap","forwardRefWithAs","Avatar","Button","Text","userPropSize","userPropSizeDefault","userPropView","userPropViewDefault","userPropWidth","userPropWidthDefault","userPropStatus","cnUser","infoSizeMap","s","m","l","iconSizeMap","avatarSizeMap","buttonSizeMap","nameSizeMap","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 { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React from 'react';\n\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\nconst nameSizeMap: Record<UserPropSize, TextPropSize> = {\n  s: 'xs',\n  m: 's',\n  l: 'm',\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={nameSizeMap[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          type=\"button\"\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/UserSelect/helpers.d.ts

@@ -1,3 +1,4 @@
+import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { PropForm, PropSize, PropStatus, PropView, RenderItemProps } from '../SelectComponents/types';
@@ -75,6 +76,7 @@ export declare type UserSelectProps<ITEM = DefaultItem, GROUP = DefaultGroup, MU
     getGroupLabel?: PropGetGroupLabel<GROUP>;
     getGroupKey?: PropGetGroupKey<GROUP>;
     label?: string;
+    labelIcon?: IconComponent;
     caption?: string;
     labelPosition?: 'top' | 'left';
 }, HTMLDivElement> & (ITEM extends {
@@ -107,7 +109,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" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
+    form?: "default" | "round" | "defaultClear" | "defaultBrick" | "brick" | "brickDefault" | "brickClear" | "brickRound" | "roundClear" | "roundBrick" | "clearRound" | "clearDefault" | "clearBrick" | "clearClear" | undefined;
     size?: "m" | "s" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     dropdownForm?: "default" | "round" | "brick" | undefined;
@@ -147,9 +149,10 @@ export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGr
     getGroupLabel?: PropGetGroupLabel<GROUP> | undefined;
     getGroupKey?: PropGetGroupKey<GROUP> | undefined;
     label?: string | undefined;
+    labelIcon?: IconComponent | undefined;
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "caption" | "form" | "label" | "view" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelPosition" | "searchFunction" | "searchValue" | "labelForCreate" | "labelForNotFound" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "size" | "caption" | "form" | "label" | "view" | "status" | "name" | "disabled" | "value" | "multiple" | "required" | "inputRef" | "items" | "dropdownForm" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "searchFunction" | "searchValue" | "labelForCreate" | "labelForNotFound" | "onCreate" | "getItemSubLabel" | "getItemAvatarUrl"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: PropGetItemLabel<ITEM>;

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

@@ -1 +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    searchValue?: string;\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":"qqBAgIA,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"}
+{"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 { IconComponent } from '@consta/icons/Icon';\nimport 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    searchValue?: string;\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    labelIcon?: IconComponent;\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":"qqBAkIA,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/utils/date/index.d.ts

@@ -10,3 +10,4 @@ export * from './getCentury';
 export * from './startOfCentury';
 export * from './endOfCentury';
 export * from './isEqualDate';
+export * from './isDisableDate';

package/__internal__/src/utils/date/index.js

@@ -1,2 +1,2 @@
-import setYear from"date-fns/setYear";export var leapYear=2020;export var dateComparer=function(c,a){var b,d;return(null!==(b=null===c||void 0===c?void 0:c.getTime())&&void 0!==b?b:0)-(null!==(d=null===a||void 0===a?void 0:a.getTime())&&void 0!==d?d:0)};export var getStartAndEndDate=function(a,b){return[a,b].sort(dateComparer)};export var minDateDefault=setYear(new Date(1970,0,1,0,0,0,0),1);export var maxDateDefault=new Date(9999,11,31,23,59,59);export*from"./isInMinMaxDade";export*from"./isDateRange";export*from"./isOnlyOneDateInRange";export*from"./getCentury";export*from"./startOfCentury";export*from"./endOfCentury";export*from"./isEqualDate";
+import setYear from"date-fns/setYear";export var leapYear=2020;export var dateComparer=function(c,a){var b,d;return(null!==(b=null===c||void 0===c?void 0:c.getTime())&&void 0!==b?b:0)-(null!==(d=null===a||void 0===a?void 0:a.getTime())&&void 0!==d?d:0)};export var getStartAndEndDate=function(a,b){return[a,b].sort(dateComparer)};export var minDateDefault=setYear(new Date(1970,0,1,0,0,0,0),1);export var maxDateDefault=new Date(9999,11,31,23,59,59);export*from"./isInMinMaxDade";export*from"./isDateRange";export*from"./isOnlyOneDateInRange";export*from"./getCentury";export*from"./startOfCentury";export*from"./endOfCentury";export*from"./isEqualDate";export*from"./isDisableDate";
 //# sourceMappingURL=index.js.map

package/__internal__/src/utils/date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["setYear","leapYear","dateComparer","a","b","getTime","getStartAndEndDate","date1","date2","sort","minDateDefault","Date","maxDateDefault"],"sources":["../../../../../src/utils/date/index.ts"],"sourcesContent":["import setYear from 'date-fns/setYear';\n\nexport const leapYear = 2020;\n\nexport const dateComparer = (a?: Date, b?: Date): number =>\n  (a?.getTime() ?? 0) - (b?.getTime() ?? 0);\n\nexport const getStartAndEndDate = (date1: Date, date2: Date): Date[] =>\n  [date1, date2].sort(dateComparer);\n\nexport const minDateDefault = setYear(new Date(1970, 0, 1, 0, 0, 0, 0), 1);\nexport const maxDateDefault = new Date(9999, 11, 31, 23, 59, 59);\n\nexport * from './isInMinMaxDade';\nexport * from './isDateRange';\nexport * from './isOnlyOneDateInRange';\nexport * from './getCentury';\nexport * from './startOfCentury';\nexport * from './endOfCentury';\nexport * from './isEqualDate';\n"],"mappings":"AAAA,MAAOA,QAAP,KAAoB,kBAApB,CAEA,MAAO,IAAMC,SAAQ,CAAG,IAAjB,CAEP,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAWC,CAAX,gBAC1B,kBAACD,CAAD,WAACA,CAAD,QAACA,CAAC,CAAEE,OAAH,EAAD,gBAAiB,CAAjB,oBAAuBD,CAAvB,WAAuBA,CAAvB,QAAuBA,CAAC,CAAEC,OAAH,EAAvB,gBAAuC,CAAvC,CAD0B,CAArB,CAGP,MAAO,IAAMC,mBAAkB,CAAG,SAACC,CAAD,CAAcC,CAAd,QAChC,CAACD,CAAD,CAAQC,CAAR,EAAeC,IAAf,CAAoBP,YAApB,CADgC,CAA3B,CAGP,MAAO,IAAMQ,eAAc,CAAGV,OAAO,CAAC,GAAIW,KAAJ,CAAS,IAAT,CAAe,CAAf,CAAkB,CAAlB,CAAqB,CAArB,CAAwB,CAAxB,CAA2B,CAA3B,CAA8B,CAA9B,CAAD,CAAmC,CAAnC,CAA9B,CACP,MAAO,IAAMC,eAAc,CAAG,GAAID,KAAJ,CAAS,IAAT,CAAe,EAAf,CAAmB,EAAnB,CAAuB,EAAvB,CAA2B,EAA3B,CAA+B,EAA/B,CAAvB,CAEP,8BACA,2BACA,oCACA,0BACA,8BACA,4BACA"}
+{"version":3,"file":"index.js","names":["setYear","leapYear","dateComparer","a","b","getTime","getStartAndEndDate","date1","date2","sort","minDateDefault","Date","maxDateDefault"],"sources":["../../../../../src/utils/date/index.ts"],"sourcesContent":["import setYear from 'date-fns/setYear';\n\nexport const leapYear = 2020;\n\nexport const dateComparer = (a?: Date, b?: Date): number =>\n  (a?.getTime() ?? 0) - (b?.getTime() ?? 0);\n\nexport const getStartAndEndDate = (date1: Date, date2: Date): Date[] =>\n  [date1, date2].sort(dateComparer);\n\nexport const minDateDefault = setYear(new Date(1970, 0, 1, 0, 0, 0, 0), 1);\nexport const maxDateDefault = new Date(9999, 11, 31, 23, 59, 59);\n\nexport * from './isInMinMaxDade';\nexport * from './isDateRange';\nexport * from './isOnlyOneDateInRange';\nexport * from './getCentury';\nexport * from './startOfCentury';\nexport * from './endOfCentury';\nexport * from './isEqualDate';\nexport * from './isDisableDate';\n"],"mappings":"AAAA,MAAOA,QAAP,KAAoB,kBAApB,CAEA,MAAO,IAAMC,SAAQ,CAAG,IAAjB,CAEP,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAWC,CAAX,gBAC1B,kBAACD,CAAD,WAACA,CAAD,QAACA,CAAC,CAAEE,OAAH,EAAD,gBAAiB,CAAjB,oBAAuBD,CAAvB,WAAuBA,CAAvB,QAAuBA,CAAC,CAAEC,OAAH,EAAvB,gBAAuC,CAAvC,CAD0B,CAArB,CAGP,MAAO,IAAMC,mBAAkB,CAAG,SAACC,CAAD,CAAcC,CAAd,QAChC,CAACD,CAAD,CAAQC,CAAR,EAAeC,IAAf,CAAoBP,YAApB,CADgC,CAA3B,CAGP,MAAO,IAAMQ,eAAc,CAAGV,OAAO,CAAC,GAAIW,KAAJ,CAAS,IAAT,CAAe,CAAf,CAAkB,CAAlB,CAAqB,CAArB,CAAwB,CAAxB,CAA2B,CAA3B,CAA8B,CAA9B,CAAD,CAAmC,CAAnC,CAA9B,CACP,MAAO,IAAMC,eAAc,CAAG,GAAID,KAAJ,CAAS,IAAT,CAAe,EAAf,CAAmB,EAAnB,CAAuB,EAAvB,CAA2B,EAA3B,CAA+B,EAA/B,CAAvB,CAEP,8BACA,2BACA,oCACA,0BACA,8BACA,4BACA,2BACA"}

package/__internal__/src/utils/date/isDisableDate.d.ts

@@ -0,0 +1,8 @@
+import { DateTimePropDisableDates, DateTimePropType } from "../../components/DateTime";
+export declare const isEqualDates: (firstDate: Date, secondDate: Date, mode: DateTimePropType | undefined, timeType?: 'hours' | 'minutes' | 'seconds' | undefined) => boolean;
+export declare const isDisableDate: <TYPE extends "time" | "date" | "month" | "year" | "date-time">(params: {
+    date: Date;
+    disableDates: DateTimePropDisableDates | undefined;
+    mode?: "time" | "date" | "month" | "year" | "date-time" | undefined;
+    timeType?: (TYPE extends "time" ? "hours" | "minutes" | "seconds" : undefined) | undefined;
+}) => boolean;

package/__internal__/src/utils/date/isDisableDate.js

@@ -0,0 +1,2 @@
+var clearTime=function(a,b,c){var d=null!==c&&void 0!==c?c:{},e=d.hours,f=d.minutes,g=d.seconds,h=d.miliseconds,i=new Date(a);return e&&i.setHours("start"===b?0:23),f&&i.setMinutes("start"===b?0:59),g&&i.setSeconds("start"===b?0:59),h&&i.setMilliseconds("start"===b?0:999),i},isInRangeWithoutTime=function(a,b,c){var d=b.getTime(),e=c.getTime(),f=[clearTime(a,"start",{hours:!0,minutes:!0,seconds:!0,miliseconds:!0}).getTime(),clearTime(a,"end",{hours:!0,minutes:!0,seconds:!0,miliseconds:!0}).getTime()];return d<=f[0]&&f[0]<=e&&d<=f[1]&&f[1]<=e};export var isEqualDates=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"hours";if("time"===c)return"seconds"===d&&clearTime(a,"start",{miliseconds:!0}).getTime()===clearTime(b,"start",{miliseconds:!0}).getTime();var e=[a.getFullYear(),b.getFullYear()],f=[a.getMonth(),b.getMonth()],g=[a.getDate(),b.getDate()];return"year"===c?e[0]===e[1]:"month"===c?f[0]===f[1]&&e[0]===e[1]:g[0]===g[1]&&f[0]===f[1]&&e[0]===e[1]};var isInRange=function(a,b,c,d){var e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:"hours";if("year"===d||"month"===d||"date"===d)return isInRangeWithoutTime(a,b,c);var f=b.getTime(),g=c.getTime(),h=f<=a.getTime()&&a.getTime()<=g;if(isEqualDates(a,c,"date",e)){var i=[clearTime(a,"start",{minutes:"hours"===e,seconds:"hours"===e||"minutes"===e,miliseconds:!1}).getTime(),clearTime(a,"end",{minutes:"hours"===e,seconds:"hours"===e||"minutes"===e,miliseconds:!1}).getTime()];return f<=i[0]&&i[0]<=g&&f<=i[1]&&i[1]<=g}return h};export var isDisableDate=function(a){var b=a.disableDates,c=a.mode,d=a.date,e=a.timeType;return!!b&&!!b.find(function(a){return a instanceof Date?isEqualDates(a,d,c,e):isInRange(d,a[0],a[1],c,e)})};
+//# sourceMappingURL=isDisableDate.js.map

package/__internal__/src/utils/date/isDisableDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDisableDate.js","names":["clearTime","date","type","params","hours","minutes","seconds","miliseconds","copyDate","Date","setHours","setMinutes","setSeconds","setMilliseconds","isInRangeWithoutTime","min","max","minTime","getTime","maxTime","dateTime","isEqualDates","firstDate","secondDate","mode","timeType","years","getFullYear","months","getMonth","dates","getDate","isInRange","minDate","maxDate","compare","dateTimes","isDisableDate","disableDates","find","compareDate"],"sources":["../../../../../src/utils/date/isDisableDate.ts"],"sourcesContent":["import {\n  DateTimePropDisableDates,\n  DateTimePropType,\n} from '##/components/DateTime';\n\nconst clearTime = (\n  date: Date,\n  type: 'start' | 'end',\n  params?: {\n    hours?: boolean;\n    minutes?: boolean;\n    seconds?: boolean;\n    miliseconds?: boolean;\n  },\n) => {\n  const { hours, minutes, seconds, miliseconds } = params ?? {};\n  const copyDate = new Date(date);\n  hours && copyDate.setHours(type === 'start' ? 0 : 23);\n  minutes && copyDate.setMinutes(type === 'start' ? 0 : 59);\n  seconds && copyDate.setSeconds(type === 'start' ? 0 : 59);\n  miliseconds && copyDate.setMilliseconds(type === 'start' ? 0 : 999);\n  return copyDate;\n};\n\nconst isInRangeWithoutTime = (date: Date, min: Date, max: Date) => {\n  const minTime = min.getTime();\n  const maxTime = max.getTime();\n  const dateTime = [\n    clearTime(date, 'start', {\n      hours: true,\n      minutes: true,\n      seconds: true,\n      miliseconds: true,\n    }).getTime(),\n    clearTime(date, 'end', {\n      hours: true,\n      minutes: true,\n      seconds: true,\n      miliseconds: true,\n    }).getTime(),\n  ];\n  return (\n    minTime <= dateTime[0] &&\n    dateTime[0] <= maxTime &&\n    minTime <= dateTime[1] &&\n    dateTime[1] <= maxTime\n  );\n};\n\nexport const isEqualDates = (\n  firstDate: Date,\n  secondDate: Date,\n  mode: DateTimePropType | undefined,\n  timeType: 'hours' | 'minutes' | 'seconds' | undefined = 'hours',\n) => {\n  if (mode === 'time') {\n    if (timeType === 'seconds') {\n      return (\n        clearTime(firstDate, 'start', { miliseconds: true }).getTime() ===\n        clearTime(secondDate, 'start', { miliseconds: true }).getTime()\n      );\n    }\n    return false;\n  }\n  const years = [firstDate.getFullYear(), secondDate.getFullYear()];\n  const months = [firstDate.getMonth(), secondDate.getMonth()];\n  const dates = [firstDate.getDate(), secondDate.getDate()];\n\n  if (mode === 'year') {\n    return years[0] === years[1];\n  }\n  if (mode === 'month') {\n    return months[0] === months[1] && years[0] === years[1];\n  }\n\n  return (\n    dates[0] === dates[1] && months[0] === months[1] && years[0] === years[1]\n  );\n};\n\nconst isInRange = (\n  date: Date,\n  minDate: Date,\n  maxDate: Date,\n  mode: DateTimePropType | undefined,\n  timeType: 'hours' | 'minutes' | 'seconds' | undefined = 'hours',\n) => {\n  if (mode === 'year' || mode === 'month' || mode === 'date') {\n    return isInRangeWithoutTime(date, minDate, maxDate);\n  }\n  const minTime = minDate.getTime();\n  const maxTime = maxDate.getTime();\n  const compare = minTime <= date.getTime() && date.getTime() <= maxTime;\n  if (isEqualDates(date, maxDate, 'date', timeType)) {\n    const dateTimes = [\n      clearTime(date, 'start', {\n        minutes: timeType === 'hours',\n        seconds: timeType === 'hours' || timeType === 'minutes',\n        miliseconds: false,\n      }).getTime(),\n      clearTime(date, 'end', {\n        minutes: timeType === 'hours',\n        seconds: timeType === 'hours' || timeType === 'minutes',\n        miliseconds: false,\n      }).getTime(),\n    ];\n    return (\n      minTime <= dateTimes[0] &&\n      dateTimes[0] <= maxTime &&\n      minTime <= dateTimes[1] &&\n      dateTimes[1] <= maxTime\n    );\n  }\n  return compare;\n};\n\nexport const isDisableDate = <TYPE extends DateTimePropType>(params: {\n  date: Date;\n  disableDates: DateTimePropDisableDates | undefined;\n  mode?: DateTimePropType;\n  timeType?: TYPE extends 'time' ? 'hours' | 'minutes' | 'seconds' : undefined;\n}) => {\n  const { disableDates, mode, date, timeType } = params;\n  if (!disableDates) {\n    return false;\n  }\n  return !!disableDates.find((compareDate) =>\n    compareDate instanceof Date\n      ? isEqualDates(compareDate, date, mode, timeType)\n      : isInRange(date, compareDate[0], compareDate[1], mode, timeType),\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/utils/date/isInMinMaxDade.d.ts

@@ -1 +1 @@
-export declare const isInMinMaxDade: (date: Date, minDate?: Date, maxDate?: Date, startOf?: ((date: Date) => Date) | undefined, endOf?: ((date: Date) => Date) | undefined) => boolean;
+export declare const isInMinMaxDate: (date: Date, minDate?: Date, maxDate?: Date, startOf?: ((date: Date) => Date) | undefined, endOf?: ((date: Date) => Date) | undefined) => boolean;

package/__internal__/src/utils/date/isInMinMaxDade.js

@@ -1,2 +1,2 @@
-import{isWithinInterval}from"date-fns";var isMinMax=function(a,b,c){var d=null===b||void 0===b?void 0:b.getTime(),e=null===c||void 0===c?void 0:c.getTime();if(b&&c&&d&&e)return!!(d<e)&&isWithinInterval(a,{start:b,end:c});var f=a.getTime();return d&&!e?d<=f:d||!e||e>=f};export var isInMinMaxDade=function(a,b,c,d,e){return!(b||c)||isMinMax(a,d&&b&&d(b)||b,e&&c&&e(c)||c)};
+import{isWithinInterval}from"date-fns";var isMinMax=function(a,b,c){var d=null===b||void 0===b?void 0:b.getTime(),e=null===c||void 0===c?void 0:c.getTime();if(b&&c&&d&&e)return!!(d<e)&&isWithinInterval(a,{start:b,end:c});var f=a.getTime();return d&&!e?d<=f:d||!e||e>=f};export var isInMinMaxDate=function(a,b,c,d,e){return!(b||c)||isMinMax(a,d&&b&&d(b)||b,e&&c&&e(c)||c)};
 //# sourceMappingURL=isInMinMaxDade.js.map

package/__internal__/src/utils/date/isInMinMaxDade.js.map

@@ -1 +1 @@
-{"version":3,"file":"isInMinMaxDade.js","names":["isWithinInterval","isMinMax","date","minDate","maxDate","minDateTime","getTime","maxDateTime","start","end","dateTime","isInMinMaxDade","startOf","endOf"],"sources":["../../../../../src/utils/date/isInMinMaxDade.ts"],"sourcesContent":["import { isWithinInterval } from 'date-fns';\n\nconst isMinMax = (date: Date, minDate?: Date, maxDate?: Date): boolean => {\n  const minDateTime = minDate?.getTime();\n  const maxDateTime = maxDate?.getTime();\n\n  if (minDate && maxDate && minDateTime && maxDateTime) {\n    return minDateTime < maxDateTime\n      ? isWithinInterval(date, { start: minDate, end: maxDate })\n      : false;\n  }\n\n  const dateTime = date.getTime();\n\n  if (minDateTime && !maxDateTime) {\n    return minDateTime <= dateTime;\n  }\n\n  if (!minDateTime && maxDateTime) {\n    return maxDateTime >= dateTime;\n  }\n\n  return true;\n};\n\nexport const isInMinMaxDade = (\n  date: Date,\n  minDate?: Date,\n  maxDate?: Date,\n  startOf?: (date: Date) => Date,\n  endOf?: (date: Date) => Date,\n): boolean => {\n  if (!minDate && !maxDate) {\n    return true;\n  }\n  return isMinMax(\n    date,\n    (startOf && minDate && startOf(minDate)) || minDate,\n    (endOf && maxDate && endOf(maxDate)) || maxDate,\n  );\n};\n"],"mappings":"AAAA,OAASA,gBAAT,KAAiC,UAAjC,CAEA,GAAMC,SAAQ,CAAG,SAACC,CAAD,CAAaC,CAAb,CAA6BC,CAA7B,CAAyD,IAClEC,EAAW,QAAGF,CAAH,WAAGA,CAAH,QAAGA,CAAO,CAAEG,OAAT,EADoD,CAElEC,CAAW,QAAGH,CAAH,WAAGA,CAAH,QAAGA,CAAO,CAAEE,OAAT,EAFoD,CAIxE,GAAIH,CAAO,EAAIC,CAAX,EAAsBC,CAAtB,EAAqCE,CAAzC,CACE,SAAOF,CAAW,CAAGE,CAArB,GACIP,gBAAgB,CAACE,CAAD,CAAO,CAAEM,KAAK,CAAEL,CAAT,CAAkBM,GAAG,CAAEL,CAAvB,CAAP,CADpB,CAKF,GAAMM,EAAQ,CAAGR,CAAI,CAACI,OAAL,EAAjB,CAVwE,MAYpED,EAAW,EAAI,CAACE,CAZoD,CAa/DF,CAAW,EAAIK,CAbgD,CAgBnEL,CAAD,GAAgBE,CAhBoD,EAiB/DA,CAAW,EAAIG,CAIzB,CArBD,CAuBA,MAAO,IAAMC,eAAc,CAAG,SAC5BT,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BQ,CAJ4B,CAK5BC,CAL4B,CAMhB,SACPV,CAAD,EAAaC,CADL,GAILH,QAAQ,CACbC,CADa,CAEZU,CAAO,EAAIT,CAAX,EAAsBS,CAAO,CAACT,CAAD,CAA9B,EAA4CA,CAF/B,CAGZU,CAAK,EAAIT,CAAT,EAAoBS,CAAK,CAACT,CAAD,CAA1B,EAAwCA,CAH3B,CAKhB,CAfM"}
+{"version":3,"file":"isInMinMaxDade.js","names":["isWithinInterval","isMinMax","date","minDate","maxDate","minDateTime","getTime","maxDateTime","start","end","dateTime","isInMinMaxDate","startOf","endOf"],"sources":["../../../../../src/utils/date/isInMinMaxDade.ts"],"sourcesContent":["import { isWithinInterval } from 'date-fns';\n\nconst isMinMax = (date: Date, minDate?: Date, maxDate?: Date): boolean => {\n  const minDateTime = minDate?.getTime();\n  const maxDateTime = maxDate?.getTime();\n\n  if (minDate && maxDate && minDateTime && maxDateTime) {\n    return minDateTime < maxDateTime\n      ? isWithinInterval(date, { start: minDate, end: maxDate })\n      : false;\n  }\n\n  const dateTime = date.getTime();\n\n  if (minDateTime && !maxDateTime) {\n    return minDateTime <= dateTime;\n  }\n\n  if (!minDateTime && maxDateTime) {\n    return maxDateTime >= dateTime;\n  }\n\n  return true;\n};\n\nexport const isInMinMaxDate = (\n  date: Date,\n  minDate?: Date,\n  maxDate?: Date,\n  startOf?: (date: Date) => Date,\n  endOf?: (date: Date) => Date,\n): boolean => {\n  if (!minDate && !maxDate) {\n    return true;\n  }\n  return isMinMax(\n    date,\n    (startOf && minDate && startOf(minDate)) || minDate,\n    (endOf && maxDate && endOf(maxDate)) || maxDate,\n  );\n};\n"],"mappings":"AAAA,OAASA,gBAAT,KAAiC,UAAjC,CAEA,GAAMC,SAAQ,CAAG,SAACC,CAAD,CAAaC,CAAb,CAA6BC,CAA7B,CAAyD,IAClEC,EAAW,QAAGF,CAAH,WAAGA,CAAH,QAAGA,CAAO,CAAEG,OAAT,EADoD,CAElEC,CAAW,QAAGH,CAAH,WAAGA,CAAH,QAAGA,CAAO,CAAEE,OAAT,EAFoD,CAIxE,GAAIH,CAAO,EAAIC,CAAX,EAAsBC,CAAtB,EAAqCE,CAAzC,CACE,SAAOF,CAAW,CAAGE,CAArB,GACIP,gBAAgB,CAACE,CAAD,CAAO,CAAEM,KAAK,CAAEL,CAAT,CAAkBM,GAAG,CAAEL,CAAvB,CAAP,CADpB,CAKF,GAAMM,EAAQ,CAAGR,CAAI,CAACI,OAAL,EAAjB,CAVwE,MAYpED,EAAW,EAAI,CAACE,CAZoD,CAa/DF,CAAW,EAAIK,CAbgD,CAgBnEL,CAAD,GAAgBE,CAhBoD,EAiB/DA,CAAW,EAAIG,CAIzB,CArBD,CAuBA,MAAO,IAAMC,eAAc,CAAG,SAC5BT,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BQ,CAJ4B,CAK5BC,CAL4B,CAMhB,SACPV,CAAD,EAAaC,CADL,GAILH,QAAQ,CACbC,CADa,CAEZU,CAAO,EAAIT,CAAX,EAAsBS,CAAO,CAACT,CAAD,CAA9B,EAA4CA,CAF/B,CAGZU,CAAK,EAAIT,CAAT,EAAoBS,CAAK,CAACT,CAAD,CAA1B,EAAwCA,CAH3B,CAKhB,CAfM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "4.14.2",
+  "version": "4.15.0",
   "keywords": [
     "ui-kit",
     "design-system",