@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/Select/SelectField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.styles.js","sourceRoot":"","sources":["../../src/Select/SelectField.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select/SelectField.styles.js","sources":["../../src/Select/SelectField.styles.ts"],"sourcesContent":["/**\n * Файл с общим кодом для SelectField и MultiSelectField\n */\nimport { createElement } from 'react';\nimport classnames from 'clsx';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport ChevronDownSmall from '@finam/web-ui-kit-icons/Chevron/ChevronDownSmall';\nimport ChevronUpSmall from '@finam/web-ui-kit-icons/Chevron/ChevronUpSmall';\nimport LockSmallFilled from '@finam/web-ui-kit-icons/Lock/LockSmallFilled';\nimport type { Props as IconProps } from '@finam/web-ui-kit-icons/SvgIcon';\nimport Typography from '../Typography/index.js';\n\nconst LABEL_HEIGHT = 16;\n\nexport const Root = styled.div`\n  display: inline-block;\n  position: relative;\n\n  &.fullWidth {\n    width: 100%;\n  }\n`;\n\nconst BaseSelect = styled.button`\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0;\n  outline: none;\n  cursor: pointer;\n  background-color: transparent;\n  border-width: 0;\n  border-radius: ${tokens.radius.input};\n  border-color: transparent;\n  width: 100%;\n\n  ${Root} &.dropDownHidden:not(.readOnly) {\n    cursor: default;\n    padding-right: 15px;\n  }\n\n  ${Root}.disabled & {\n    cursor: default;\n  }\n\n  ${Root}.xs & {\n    border-radius: ${tokens.radius.inputXS};\n  }\n`;\n\nexport const PrimarySelect = styled(BaseSelect)`\n  background-color: ${tokens.colors.input.bg.default.default.default};\n\n  &:hover {\n    background-color: ${tokens.colors.input.bg.default.default.hover};\n  }\n\n  ${Root}.error & {\n    background-color: ${tokens.colors.input.bg.default.default.error};\n  }\n\n  ${Root}:not(.error) &:focus {\n    background-color: ${tokens.colors.input.bg.default.default.default};\n    border-color: ${tokens.colors.input.border.default.default.active};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.active};\n  }\n\n  ${Root}.opened:not(.error) &, ${Root}:not(.error):not(.disabled) &:active {\n    background-color: transparent;\n    border-color: ${tokens.colors.input.border.default.default.active};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.active};\n  }\n\n  /* stylelint-disable no-descending-specificity */\n  ${Root}.opened.error &, ${Root}.error &:active, ${Root}.error &:focus {\n    border-color: ${tokens.colors.input.border.default.default.error};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.error};\n  }\n\n  ${Root}.opened.error & {\n    background-color: transparent;\n  }\n\n  ${Root}.disabled & {\n    background-color: ${tokens.colors.input.bg.default.default.disabled};\n  }\n  /* stylelint-enable no-descending-specificity */\n`;\n\nexport const OutlineSelect = styled(BaseSelect)`\n  background-color: transparent;\n  border-color: ${tokens.colors.input.border.default.default.default};\n\n  &:hover {\n    border-color: ${tokens.colors.input.border.default.default.hover};\n  }\n\n  ${Root} &:focus {\n    border-color: ${tokens.colors.input.border.default.default.active};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.active};\n  }\n\n  ${Root}.error & {\n    border-color: ${tokens.colors.input.border.default.default.error};\n  }\n\n  ${Root}.disabled & {\n    background-color: transparent;\n    border-color: ${tokens.colors.input.border.default.default.disabled};\n  }\n\n  ${Root}.opened:not(.error) &, ${Root}:not(.error):not(.disabled) &:active {\n    border-color: ${tokens.colors.input.border.default.default.active};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.active};\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  ${Root}.error &:focus, ${Root}.error &:active {\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.error};\n  }\n`;\n\nexport const TextSelect = styled(BaseSelect)`\n  background-color: transparent;\n\n  &:hover {\n    background-color: ${tokens.colors.input.bg.ghost.default.hover};\n  }\n\n  ${Root} &:focus {\n    border-color: ${tokens.colors.input.border.default.default.active};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.active};\n  }\n\n  ${Root}.opened.error & {\n    background-color: ${tokens.colors.input.bg.ghost.default.hover};\n  }\n\n  ${Root}.opened:not(.error) &, ${Root}:not(.error):not(.disabled) &:active {\n    background-color: ${tokens.colors.input.bg.ghost.default.hover};\n    border-color: ${tokens.colors.input.border.default.default.active};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.active};\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  ${Root}.opened.error &, ${Root}.error &:active, ${Root}.error &:focus {\n    border-color: ${tokens.colors.input.border.default.default.error};\n    box-shadow: 0 0 0 3px ${tokens.colors.input.border.shade.default.error};\n  }\n`;\n\nconst arrowIconsCss = css`\n  width: ${tokens.spacing.inputL.rightIconSize};\n  height: ${tokens.spacing.inputL.rightIconSize};\n  pointer-events: none;\n  color: ${tokens.colors.input.icon.default.default.default};\n\n  ${Root}.m & {\n    width: ${tokens.spacing.inputM.rightIconSize};\n    height:${tokens.spacing.inputM.rightIconSize};\n  }\n\n  ${Root}.s & {\n    width: ${tokens.spacing.inputS.iconSize};\n    height: ${tokens.spacing.inputS.iconSize};\n  }\n\n  ${Root}.xs & {\n    width: ${tokens.spacing.inputXS.iconSize};\n    height: ${tokens.spacing.inputXS.iconSize};\n  }\n\n  ${BaseSelect}.dropDownHidden & {\n    display: none;\n  }\n\n  ${Root}.disabled & {\n    color: ${tokens.colors.icon.disabled.default.default};\n  }\n`;\n\nexport const Border = styled.div`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  background-color: transparent;\n  border-color: inherit;\n`;\n\nexport const IconDown = ({ className, ...props }: IconProps) => createElement(ChevronDownSmall, {\n  className: classnames(arrowIconsCss, className),\n  ...props,\n});\n\nexport const IconUp = ({ className, ...props }: IconProps) => createElement(ChevronUpSmall, {\n  className: classnames(arrowIconsCss, className),\n  ...props,\n});\n\nexport const LockIcon = styled(LockSmallFilled)`\n  color: ${tokens.colors.input.icon.secondary.default.default};\n  width: ${tokens.spacing.inputL.rightIconSize};\n  height: ${tokens.spacing.inputL.rightIconSize};\n\n  ${Root}.m & {\n    width: ${tokens.spacing.inputM.rightIconSize};\n    height:${tokens.spacing.inputM.rightIconSize};\n  }\n\n  ${Root}.s & {\n    width: ${tokens.spacing.inputS.iconSize};\n    height: ${tokens.spacing.inputS.iconSize};\n  }\n\n  ${Root}.xs & {\n    width: ${tokens.spacing.inputXS.iconSize};\n    height: ${tokens.spacing.inputXS.iconSize};\n  }\n`;\n\nexport const Icon = styled.div`\n  display: inline-flex;\n\n  & > svg {\n    color: ${tokens.colors.input.icon.default.default.default};\n    width: ${tokens.spacing.inputL.rightIconSize};\n    height: ${tokens.spacing.inputL.rightIconSize};\n  }\n\n  ${Root}.disabled & > svg {\n    color: ${tokens.colors.icon.disabled.default.default};\n  }\n\n  ${Root}.m & > svg {\n    width: ${tokens.spacing.inputM.rightIconSize};\n    height:${tokens.spacing.inputM.rightIconSize};\n  }\n\n  ${Root}.s & > svg {\n    width: ${tokens.spacing.inputS.iconSize};\n    height: ${tokens.spacing.inputS.iconSize};\n  }\n\n  ${Root}.xs & > svg {\n    width: ${tokens.spacing.inputXS.iconSize};\n    height: ${tokens.spacing.inputXS.iconSize};\n  }\n`;\n\nexport const Label = styled(Typography)`\n  position: absolute;\n  top: ${tokens.spacing.inputL.paddingVert};\n  left: ${tokens.spacing.inputL.paddingLeft};\n  right: calc(${tokens.spacing.inputL.rightIconSize} + ${tokens.spacing.inputL.paddingRight});\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: start;\n  pointer-events: none;\n  transition: all ease-in-out 0.1s;\n\n  ${Root}.m & {\n    top: ${tokens.spacing.inputM.paddingVert};\n    left: ${tokens.spacing.inputM.paddingLeft};\n    right: calc(${tokens.spacing.inputM.rightIconSize} + ${tokens.spacing.inputM.paddingRight});\n  }\n\n  ${Root}.s & {\n    right: calc(${tokens.spacing.inputS.iconSize} + ${tokens.spacing.inputS.paddingRight});\n  }\n\n  ${Root}.xs & {\n    right: calc(${tokens.spacing.inputXS.iconSize} + ${tokens.spacing.inputXS.paddingRight});\n  }\n`;\n\nexport const SecondaryLabel = styled(Typography)`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ${tokens.colors.input.caption.default.default.default};\n\n  ${Root}.disabled & {\n    color: ${tokens.colors.input.text.default.default.disabled};\n  }\n`;\n\nexport const HiddenInput = styled.input`\n  display: none;\n`;\n\nexport const DisplayValue = styled(Typography)`\n  flex: auto;\n  padding:\n    calc(${tokens.spacing.inputL.paddingVert} + ${tokens.spacing.inputL.textPaddingVert})\n    ${tokens.spacing.inputL.paddingRight}\n    calc(${tokens.spacing.inputL.paddingVert} + ${tokens.spacing.inputL.textPaddingVert})\n    ${tokens.spacing.inputL.paddingLeft};\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: start;\n\n  &:empty::before {\n    content: \"\";\n    display: inline-block;\n  }\n\n  ${Root}.disableTextOverflow & {\n    text-overflow: unset;\n  }\n\n  ${Root}.m & {\n    padding:\n      calc(${tokens.spacing.inputM.paddingVert} + ${tokens.spacing.inputM.textPaddingVert})\n      ${tokens.spacing.inputM.paddingRight}\n      calc(${tokens.spacing.inputM.paddingVert} + ${tokens.spacing.inputM.textPaddingVert})\n      ${tokens.spacing.inputM.paddingLeft};\n  }\n\n  ${Root}.s & {\n    padding:\n      calc(${tokens.spacing['2xs']} + ${tokens.spacing.inputS.textPaddingVert})\n      ${tokens.spacing.inputS.paddingRight}\n      calc(${tokens.spacing['2xs']} + ${tokens.spacing.inputS.textPaddingVert})\n      ${tokens.spacing.inputS.paddingLeft};\n  }\n\n  ${Root}.xs & {\n    padding:\n      calc(${tokens.spacing['2xs']} + ${tokens.spacing.inputXS.textPaddingVert})\n      ${tokens.spacing.inputXS.paddingRight}\n      calc(${tokens.spacing['2xs']} + ${tokens.spacing.inputXS.textPaddingVert})\n      ${tokens.spacing.inputXS.paddingLeft};\n  }\n\n  ${Root}.withLabel & {\n    padding-top: calc(${tokens.spacing.inputL.paddingVert} + ${LABEL_HEIGHT}px);\n    padding-bottom: ${tokens.spacing.inputL.paddingVert};\n  }\n\n  ${Root}.m.withLabel & {\n    padding-top: calc(${tokens.spacing.inputM.paddingVert} + ${LABEL_HEIGHT}px);\n    padding-bottom: ${tokens.spacing.inputM.paddingVert};\n  }\n`;\n\nexport const IconLeft = styled.div`\n  display: flex;\n  padding-left: ${tokens.spacing.inputL.paddingLeft};\n  padding-right: calc(${tokens.spacing.xs} + ${tokens.spacing['2xs']});\n  margin-right: calc(-1 * ${tokens.spacing.inputL.paddingLeft});\n\n  ${Root}.m & {\n    padding-left: ${tokens.spacing.inputM.paddingLeft};\n    margin-right: calc(-1 * ${tokens.spacing.inputM.paddingLeft});\n\n    & > svg {\n      width: ${tokens.spacing.inputM.leftIconSize};\n      height: ${tokens.spacing.inputM.leftIconSize};\n    }\n  }\n\n  ${Root}.s & {\n    padding-left: ${tokens.spacing.inputS.paddingLeft};\n    padding-right: ${tokens.spacing.xs};\n    margin-right: calc(-1 * ${tokens.spacing.inputS.paddingLeft});\n\n    & > svg {\n      width: ${tokens.spacing.inputS.iconSize};\n      height: ${tokens.spacing.inputS.iconSize};\n    }\n  }\n\n  ${Root}.xs & {\n    padding-left: ${tokens.spacing.inputXS.paddingLeft};\n    padding-right: ${tokens.spacing.xs};\n    margin-right: calc(-1 * ${tokens.spacing.inputXS.paddingLeft});\n\n    & > svg {\n      width: ${tokens.spacing.inputXS.iconSize};\n      height: ${tokens.spacing.inputXS.iconSize};\n    }\n  }\n\n  ${Root}.disabled & > svg {\n    color: ${tokens.colors.icon.disabled.default.default};\n  }\n`;\n\nexport const Container = styled.div`\n  position: relative;\n  flex: 1;\n  min-width: 0;\n`;\n\nexport const Adornment = styled.div`\n  display: inline-flex;\n  align-items: center;\n  margin-left: ${tokens.spacing.xs};\n  padding-left: ${tokens.spacing['2xs']};\n  padding-right: ${tokens.spacing.inputL.paddingRight};\n  flex-shrink: 0;\n\n  & > * + * {\n    margin-left: ${tokens.spacing.xs};\n  }\n\n  ${Root}.m & {\n    padding-right: ${tokens.spacing.inputM.paddingRight};\n  }\n\n  ${Root}.s & {\n    padding-right: ${tokens.spacing.inputS.paddingRight};\n  }\n\n  ${Root}.xs & {\n    padding-right: ${tokens.spacing.inputXS.paddingRight};\n  }\n`;\n"],"names":["LABEL_HEIGHT","Root","styled","BaseSelect","tokens","PrimarySelect","OutlineSelect","TextSelect","arrowIconsCss","css","Border","IconDown","className","props","createElement","ChevronDownSmall","classnames","IconUp","ChevronUpSmall","LockIcon","LockSmallFilled","Icon","Label","Typography","SecondaryLabel","HiddenInput","DisplayValue","IconLeft","Container","Adornment"],"mappings":"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"}

package/dist/Select/utils.js

@@ -1,6 +1,6 @@
-export const getMenuSize = (size) => (size === 's' || size === 'xs' ? 'small' : 'regular');
-export const getDisplayValueVariant = (size) => {
-    switch (size) {
+const getMenuSize = (size)=>'s' === size || 'xs' === size ? 'small' : 'regular';
+const getDisplayValueVariant = (size)=>{
+    switch(size){
         case 'l':
             return 'body16';
         case 'xs':
@@ -9,8 +9,8 @@ export const getDisplayValueVariant = (size) => {
             return 'body14';
     }
 };
-export const getSecondaryLabelVariant = (size) => {
-    switch (size) {
+const getSecondaryLabelVariant = (size)=>{
+    switch(size){
         case 'l':
             return 'body14';
         case 'xs':
@@ -19,4 +19,6 @@ export const getSecondaryLabelVariant = (size) => {
             return 'caption12';
     }
 };
+export { getDisplayValueVariant, getMenuSize, getSecondaryLabelVariant };
+
 //# sourceMappingURL=utils.js.map

package/dist/Select/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Select/utils.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,CAC9C,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAe,EAAE,EAAE;IACxD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,QAAQ,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,QAAQ,CAAC;IACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAAe,EAAE,EAAE;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,QAAQ,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,WAAW,CAAC;IACvB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Select/utils.js","sources":["../../src/Select/utils.ts"],"sourcesContent":["/**\n * Файл с общим кодом для SelectField и MultiSelectField\n */\nimport type { InputSize } from '../types.js';\n\nexport const getMenuSize = (size: InputSize) => (\n  size === 's' || size === 'xs' ? 'small' : 'regular'\n);\n\nexport const getDisplayValueVariant = (size: InputSize) => {\n  switch (size) {\n    case 'l':\n      return 'body16';\n    case 'xs':\n      return 'caption12';\n    default:\n      return 'body14';\n  }\n};\n\nexport const getSecondaryLabelVariant = (size: InputSize) => {\n  switch (size) {\n    case 'l':\n      return 'body14';\n    case 'xs':\n      return 'caption11';\n    default:\n      return 'caption12';\n  }\n};\n"],"names":["getMenuSize","size","getDisplayValueVariant","getSecondaryLabelVariant"],"mappings":"AAKO,MAAMA,cAAc,CAACC,OAC1BA,AAAS,QAATA,QAAgBA,AAAS,SAATA,OAAgB,UAAU;AAGrC,MAAMC,yBAAyB,CAACD;IACrC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEO,MAAME,2BAA2B,CAACF;IACvC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF"}

package/dist/SelectField/SelectField.js

@@ -1,112 +1,152 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState, Children, isValidElement, memo, Fragment, forwardRef, } from 'react';
-import classnames from 'clsx';
-import FieldHint from '../FieldHint/index.js';
-import { useModalState } from '../ModalsProvider/index.js';
-import DropDownMenu from '../DropDownMenu/index.js';
-import { KeyboardEventKey } from '../types.js';
-import { triggerChangeEvent } from '../utils/event.js';
-import { setRef, useForkRef } from '../utils/withForwardedRef.js';
-import { Root, PrimarySelect, OutlineSelect, TextSelect, IconUp, IconDown, Icon, LockIcon, Label, HiddenInput, DisplayValue, Adornment, SecondaryLabel, Border, Container, IconLeft, } from '../Select/SelectField.styles.js';
-import { getMenuSize, getDisplayValueVariant, getSecondaryLabelVariant } from './utils.js';
-const selectVariant = (variant) => {
-    switch (variant) {
-        case 'primary': {
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment as external_react_Fragment, forwardRef, isValidElement, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import FieldHint from "../FieldHint/index.js";
+import { useModalState } from "../ModalsProvider/index.js";
+import DropDownMenu from "../DropDownMenu/index.js";
+import { KeyboardEventKey } from "../types.js";
+import { triggerChangeEvent } from "../utils/event.js";
+import { setRef, useForkRef } from "../utils/withForwardedRef.js";
+import { Adornment, Border, Container, DisplayValue, HiddenInput, Icon, IconDown, IconLeft, IconUp, Label, LockIcon, OutlineSelect, PrimarySelect, Root, SecondaryLabel, TextSelect } from "../Select/SelectField.styles.js";
+import { getDisplayValueVariant, getMenuSize, getSecondaryLabelVariant } from "./utils.js";
+const selectVariant = (variant)=>{
+    switch(variant){
+        case 'primary':
             return PrimarySelect;
-        }
-        case 'outline': {
+        case 'outline':
             return OutlineSelect;
-        }
-        case 'ghost': {
+        case 'ghost':
             return TextSelect;
-        }
         default:
             return PrimarySelect;
     }
 };
-const anchorOrigin = { vertical: 'bottom', horizontal: 'left' };
-const transformOrigin = { vertical: -8, horizontal: 'left' };
+const anchorOrigin = {
+    vertical: 'bottom',
+    horizontal: 'left'
+};
+const transformOrigin = {
+    vertical: -8,
+    horizontal: 'left'
+};
 const defaultMenuProps = {};
 const defaultSecondaryLabelProps = {};
-const SelectField = forwardRef((_a, forwardedRef) => {
-    var _b;
-    var { variant = 'primary', fullWidth, size = 'l', name, value: valueProp, displayValue: displayValueProp, message, label, secondaryLabel, icon, iconLeft, errorText, errorIcon, disabled, readOnly, className, children, placeholder, onChange, onClick, onKeyDown, onMouseDown, hideEmptyHint, hintTooltip = size !== 'l', hintTooltipPlacement, hintTooltipMaxWidth, disableMenuGrow = false, disableOneItemDropDown, disableCloseOnItemClick, MenuProps = defaultMenuProps, SecondaryLabelProps = defaultSecondaryLabelProps, DropDownComponent = DropDownMenu } = _a, buttonProps = __rest(_a, ["variant", "fullWidth", "size", "name", "value", "displayValue", "message", "label", "secondaryLabel", "icon", "iconLeft", "errorText", "errorIcon", "disabled", "readOnly", "className", "children", "placeholder", "onChange", "onClick", "onKeyDown", "onMouseDown", "hideEmptyHint", "hintTooltip", "hintTooltipPlacement", "hintTooltipMaxWidth", "disableMenuGrow", "disableOneItemDropDown", "disableCloseOnItemClick", "MenuProps", "SecondaryLabelProps", "DropDownComponent"]);
+const SelectField = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { variant = 'primary', fullWidth, size = 'l', name, value: valueProp, displayValue: displayValueProp, message, label, secondaryLabel, icon, iconLeft, errorText, errorIcon, disabled, readOnly, className, children, placeholder, onChange, onClick, onKeyDown, onMouseDown, hideEmptyHint, hintTooltip = 'l' !== size, hintTooltipPlacement, hintTooltipMaxWidth, disableMenuGrow = false, disableOneItemDropDown, disableCloseOnItemClick, MenuProps = defaultMenuProps, SecondaryLabelProps = defaultSecondaryLabelProps, DropDownComponent = DropDownMenu } = _ref1, buttonProps = _object_without_properties__(_ref1, [
+        "variant",
+        "fullWidth",
+        "size",
+        "name",
+        "value",
+        "displayValue",
+        "message",
+        "label",
+        "secondaryLabel",
+        "icon",
+        "iconLeft",
+        "errorText",
+        "errorIcon",
+        "disabled",
+        "readOnly",
+        "className",
+        "children",
+        "placeholder",
+        "onChange",
+        "onClick",
+        "onKeyDown",
+        "onMouseDown",
+        "hideEmptyHint",
+        "hintTooltip",
+        "hintTooltipPlacement",
+        "hintTooltipMaxWidth",
+        "disableMenuGrow",
+        "disableOneItemDropDown",
+        "disableCloseOnItemClick",
+        "MenuProps",
+        "SecondaryLabelProps",
+        "DropDownComponent"
+    ]), [forwardedRef] = _rest;
+    var _MenuProps_PaperProps;
     const paperRef = useRef(null);
     const hiddenInputRef = useRef(null);
     const itemsCountRef = useRef(Children.count(children));
-    const focusedItemValueRef = useRef(undefined);
+    const focusedItemValueRef = useRef(void 0);
     const selectRef = useRef(null);
     const forkedRef = useForkRef(selectRef, forwardedRef);
     const { open: initialOpen } = useModalState(MenuProps.id);
-    const [open, setOpen] = useState(initialOpen !== null && initialOpen !== void 0 ? initialOpen : false);
+    const [open, setOpen] = useState(null != initialOpen ? initialOpen : false);
     const [menuMinWidth, setMenuMinWidth] = useState(0);
     const [focusedIndex, setFocusedIndex] = useState(-1);
     const value = Array.isArray(valueProp) ? valueProp.join(',') : valueProp;
-    useEffect(() => {
-        if (hiddenInputRef.current && hiddenInputRef.current.value !== value) {
-            hiddenInputRef.current.value = value || '';
-        }
-    }, [value]);
-    useEffect(() => {
-        if (focusedIndex >= itemsCountRef.current) {
-            setFocusedIndex(-1);
-        }
-    }, [focusedIndex, open]);
-    const handleClick = useCallback((event) => {
-        var _a;
+    useEffect(()=>{
+        if (hiddenInputRef.current && hiddenInputRef.current.value !== value) hiddenInputRef.current.value = value || '';
+    }, [
+        value
+    ]);
+    useEffect(()=>{
+        if (focusedIndex >= itemsCountRef.current) setFocusedIndex(-1);
+    }, [
+        focusedIndex,
+        open
+    ]);
+    const handleClick = useCallback((event)=>{
+        var _selectRef_current;
         setOpen(true);
-        setMenuMinWidth(((_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0);
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }, [onClick]);
-    const handleClose = useCallback(() => {
+        setMenuMinWidth((null == (_selectRef_current = selectRef.current) ? void 0 : _selectRef_current.clientWidth) || 0);
+        null == onClick || onClick(event);
+    }, [
+        onClick
+    ]);
+    const handleClose = useCallback(()=>{
         setOpen(false);
         setFocusedIndex(-1);
     }, []);
-    const getResultValue = useCallback((itemValue) => {
+    const getResultValue = useCallback((itemValue)=>{
         let resultValue = itemValue;
-        if (typeof valueProp !== 'string' && itemValue != null) {
-            if (value === null || value === void 0 ? void 0 : value.includes(`${itemValue}`)) {
-                resultValue = valueProp === null || valueProp === void 0 ? void 0 : valueProp.filter(valueItem => valueItem !== itemValue).join(',');
-            }
-            else if (value) {
-                resultValue = `${value},${itemValue}`;
-            }
+        if ('string' != typeof valueProp && null != itemValue) {
+            if (null == value ? void 0 : value.includes(`${itemValue}`)) resultValue = null == valueProp ? void 0 : valueProp.filter((valueItem)=>valueItem !== itemValue).join(',');
+            else if (value) resultValue = `${value},${itemValue}`;
         }
         return resultValue;
-    }, [value, valueProp]);
-    const handleItemClick = useCallback((itemProps) => (event) => {
-        var _a;
-        if (!disableCloseOnItemClick) {
-            handleClose();
-        }
-        (_a = itemProps.onClick) === null || _a === void 0 ? void 0 : _a.call(itemProps, event);
-        if (onChange && hiddenInputRef.current) {
-            triggerChangeEvent(hiddenInputRef.current, getResultValue(itemProps.value));
-        }
-    }, [disableCloseOnItemClick, onChange, handleClose, getResultValue]);
-    const handleKeyDown = useCallback((event) => {
-        if (event.defaultPrevented || !open) {
-            return;
-        }
-        switch (event.key) {
+    }, [
+        value,
+        valueProp
+    ]);
+    const handleItemClick = useCallback((itemProps)=>(event)=>{
+            var _itemProps_onClick;
+            if (!disableCloseOnItemClick) handleClose();
+            null == (_itemProps_onClick = itemProps.onClick) || _itemProps_onClick.call(itemProps, event);
+            if (onChange && hiddenInputRef.current) triggerChangeEvent(hiddenInputRef.current, getResultValue(itemProps.value));
+        }, [
+        disableCloseOnItemClick,
+        onChange,
+        handleClose,
+        getResultValue
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        if (event.defaultPrevented || !open) return;
+        switch(event.key){
             case KeyboardEventKey.ARROW_UP:
             case KeyboardEventKey.UP:
                 event.preventDefault();
-                setFocusedIndex(prevIndex => (prevIndex > 0 ? prevIndex - 1 : itemsCountRef.current - 1));
+                setFocusedIndex((prevIndex)=>prevIndex > 0 ? prevIndex - 1 : itemsCountRef.current - 1);
                 break;
             case KeyboardEventKey.ARROW_DOWN:
             case KeyboardEventKey.DOWN:
                 event.preventDefault();
-                setFocusedIndex(prevIndex => (prevIndex < itemsCountRef.current - 1 ? prevIndex + 1 : 0));
+                setFocusedIndex((prevIndex)=>prevIndex < itemsCountRef.current - 1 ? prevIndex + 1 : 0);
                 break;
             case KeyboardEventKey.ENTER:
-                if (focusedItemValueRef.current != null) {
+                if (null != focusedItemValueRef.current) {
                     event.preventDefault();
                     handleClose();
-                    if (onChange && hiddenInputRef.current) {
-                        triggerChangeEvent(hiddenInputRef.current, getResultValue(focusedItemValueRef.current));
-                    }
+                    if (onChange && hiddenInputRef.current) triggerChangeEvent(hiddenInputRef.current, getResultValue(focusedItemValueRef.current));
                 }
                 break;
             case KeyboardEventKey.DELETE:
@@ -114,84 +154,200 @@ const SelectField = forwardRef((_a, forwardedRef) => {
             case KeyboardEventKey.BACKSPACE:
                 break;
         }
-    }, [open, onChange, handleClose, getResultValue]);
-    const handleSelectKeyDown = useCallback((event) => {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    }, [
+        open,
+        onChange,
+        handleClose,
+        getResultValue
+    ]);
+    const handleSelectKeyDown = useCallback((event)=>{
+        null == onKeyDown || onKeyDown(event);
         handleKeyDown(event);
-    }, [onKeyDown, handleKeyDown]);
-    const handleDropDownKeyDown = useCallback((event) => {
-        var _a;
-        (_a = MenuProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(MenuProps, event);
+    }, [
+        onKeyDown,
+        handleKeyDown
+    ]);
+    const handleDropDownKeyDown = useCallback((event)=>{
+        var _MenuProps_onKeyDown;
+        null == (_MenuProps_onKeyDown = MenuProps.onKeyDown) || _MenuProps_onKeyDown.call(MenuProps, event);
         handleKeyDown(event);
-    }, [MenuProps, handleKeyDown]);
-    const handlePaperRef = useCallback((el) => {
-        var _a;
+    }, [
+        MenuProps,
+        handleKeyDown
+    ]);
+    const handlePaperRef = useCallback((el)=>{
+        var _MenuProps_PaperProps;
         setRef(paperRef, el);
-        if ((_a = MenuProps.PaperProps) === null || _a === void 0 ? void 0 : _a.ref) {
-            setRef(MenuProps.PaperProps.ref, el);
-        }
-    }, [(_b = MenuProps.PaperProps) === null || _b === void 0 ? void 0 : _b.ref]);
-    const { items, displayValue } = useMemo(() => {
+        if (null == (_MenuProps_PaperProps = MenuProps.PaperProps) ? void 0 : _MenuProps_PaperProps.ref) setRef(MenuProps.PaperProps.ref, el);
+    }, [
+        null == (_MenuProps_PaperProps = MenuProps.PaperProps) ? void 0 : _MenuProps_PaperProps.ref
+    ]);
+    const { items, displayValue } = useMemo(()=>{
         let resultDisplayValue = null;
-        focusedItemValueRef.current = undefined;
+        focusedItemValueRef.current = void 0;
         let itemIndex = 0;
         let resultSelectedItemsCount = 0;
-        const resultItems = Children.map(children, (child) => {
-            if (!isValidElement(child)) {
-                return null;
-            }
+        const resultItems = Children.map(children, (child)=>{
+            if (!/*#__PURE__*/ isValidElement(child)) return null;
             const childValue = child.props.value;
             const isChildCheckbox = child.props.checkbox;
             let selected = childValue === value;
-            if (child.props.selected != null) {
-                selected = child.props.selected;
-            }
-            const childProps = Object.assign(Object.assign({}, child.props), { onClick: child.props.disabled ? undefined : handleItemClick(child.props), selected, focused: child.props.focused == null && !child.props.disabled
-                    ? focusedIndex === itemIndex
-                    : child.props.focused, paperRef, checkbox: isChildCheckbox });
+            if (null != child.props.selected) selected = child.props.selected;
+            const childProps = _object_spread_props__(_({}, child.props), {
+                onClick: child.props.disabled ? void 0 : handleItemClick(child.props),
+                selected,
+                focused: null != child.props.focused || child.props.disabled ? child.props.focused : focusedIndex === itemIndex,
+                paperRef,
+                checkbox: isChildCheckbox
+            });
             const isChildSelected = childProps.selected;
             if (isChildSelected) {
                 resultDisplayValue = displayValueProp;
                 resultSelectedItemsCount += 1;
-                if (displayValueProp == null) {
-                    resultDisplayValue = childProps.children;
-                }
-            }
-            if (open && childProps.focused) {
-                focusedItemValueRef.current = childValue;
-            }
-            if (!childProps.disabled) {
-                itemIndex += 1;
+                if (null == displayValueProp) resultDisplayValue = childProps.children;
             }
-            return (_jsx(child.type, Object.assign({ autoScroll: focusedIndex < 0 ? isChildSelected : false }, childProps)));
+            if (open && childProps.focused) focusedItemValueRef.current = childValue;
+            if (!childProps.disabled) itemIndex += 1;
+            return /*#__PURE__*/ jsx(child.type, _({
+                autoScroll: focusedIndex < 0 ? isChildSelected : false
+            }, childProps));
         });
         itemsCountRef.current = itemIndex;
         return {
             items: resultItems,
             displayValue: resultDisplayValue,
-            selectedItemsCount: resultSelectedItemsCount,
+            selectedItemsCount: resultSelectedItemsCount
         };
-    }, [children, handleItemClick, value, focusedIndex, open, displayValueProp]);
-    const PaperProps = useMemo(() => {
-        var _a;
-        return (Object.assign(Object.assign({}, MenuProps.PaperProps), { ref: handlePaperRef, style: Object.assign({ minWidth: disableMenuGrow ? undefined : menuMinWidth, width: disableMenuGrow ? menuMinWidth : undefined }, (((_a = MenuProps.PaperProps) === null || _a === void 0 ? void 0 : _a.style) || null)) }));
-    }, [MenuProps.PaperProps, handlePaperRef, menuMinWidth, disableMenuGrow]);
+    }, [
+        children,
+        handleItemClick,
+        value,
+        focusedIndex,
+        open,
+        displayValueProp
+    ]);
+    const PaperProps = useMemo(()=>{
+        var _MenuProps_PaperProps;
+        return _object_spread_props__(_({}, MenuProps.PaperProps), {
+            ref: handlePaperRef,
+            style: _({
+                minWidth: disableMenuGrow ? void 0 : menuMinWidth,
+                width: disableMenuGrow ? menuMinWidth : void 0
+            }, (null == (_MenuProps_PaperProps = MenuProps.PaperProps) ? void 0 : _MenuProps_PaperProps.style) || null)
+        });
+    }, [
+        MenuProps.PaperProps,
+        handlePaperRef,
+        menuMinWidth,
+        disableMenuGrow
+    ]);
     const SelectElement = selectVariant(variant);
-    const withLabel = Boolean(label && (displayValue || placeholder) && size !== 's' && size !== 'xs');
-    const dropDownHidden = disableOneItemDropDown && items.length <= 1 && displayValue !== null;
-    const rootClassName = classnames(className, size, {
+    const withLabel = Boolean(label && (displayValue || placeholder) && 's' !== size && 'xs' !== size);
+    const dropDownHidden = disableOneItemDropDown && items.length <= 1 && null !== displayValue;
+    const rootClassName = clsx(className, size, {
         fullWidth,
         withLabel,
         error: Boolean(errorText),
         disabled,
         opened: open,
-        selected: Array.isArray(valueProp) && !!value,
+        selected: Array.isArray(valueProp) && !!value
+    });
+    const DisplayValueWrapper = iconLeft && withLabel ? Container : external_react_Fragment;
+    return /*#__PURE__*/ jsxs(Root, {
+        className: rootClassName,
+        children: [
+            /*#__PURE__*/ jsx(FieldHint, {
+                variant: hintTooltip ? 'tooltip' : 'static',
+                size: size,
+                message: open && hintTooltip ? void 0 : errorText || message,
+                disabled: disabled,
+                error: Boolean(errorText),
+                errorIcon: errorIcon,
+                hideEmpty: hideEmptyHint,
+                tooltipPlacement: hintTooltipPlacement,
+                tooltipMaxWidth: hintTooltipMaxWidth,
+                children: /*#__PURE__*/ jsxs(SelectElement, _object_spread_props__(_({
+                    type: "button"
+                }, buttonProps), {
+                    ref: forkedRef,
+                    disabled: disabled,
+                    className: clsx({
+                        dropDownHidden,
+                        readOnly
+                    }),
+                    onClick: disabled || readOnly || dropDownHidden ? onClick : handleClick,
+                    onKeyDown: handleSelectKeyDown,
+                    children: [
+                        iconLeft && /*#__PURE__*/ jsx(IconLeft, {
+                            className: "ui-select-field_icon-left",
+                            children: iconLeft
+                        }),
+                        /*#__PURE__*/ jsxs(DisplayValueWrapper, {
+                            children: [
+                                /*#__PURE__*/ jsx(DisplayValue, {
+                                    className: "ui-select-field__value",
+                                    variant: getDisplayValueVariant(size),
+                                    color: disabled ? 'disabled' : void 0,
+                                    children: displayValue || placeholder || label
+                                }),
+                                withLabel && /*#__PURE__*/ jsx(Label, {
+                                    className: "ui-select-field__label",
+                                    weight: "normal",
+                                    variant: 'l' !== size ? 'caption11' : 'caption12',
+                                    color: disabled ? 'disabled' : errorText ? 'negative' : 'secondary',
+                                    children: label
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs(Adornment, {
+                            className: "ui-select-field__adornment",
+                            children: [
+                                (secondaryLabel || icon) && /*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        secondaryLabel && /*#__PURE__*/ jsx(SecondaryLabel, _object_spread_props__(_({
+                                            color: "custom",
+                                            variant: getSecondaryLabelVariant(size)
+                                        }, SecondaryLabelProps), {
+                                            children: secondaryLabel
+                                        })),
+                                        icon && /*#__PURE__*/ jsx(Icon, {
+                                            className: "ui-select-field__icon",
+                                            children: icon
+                                        })
+                                    ]
+                                }),
+                                readOnly ? /*#__PURE__*/ jsx(LockIcon, {}) : open ? /*#__PURE__*/ jsx(IconUp, {}) : /*#__PURE__*/ jsx(IconDown, {})
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Border, {
+                            className: "ui-select__border"
+                        })
+                    ]
+                }))
+            }),
+            /*#__PURE__*/ jsx(DropDownComponent, _object_spread_props__(_({
+                anchorEl: selectRef.current || void 0,
+                open: open,
+                anchorOrigin: anchorOrigin,
+                transformOrigin: transformOrigin,
+                onClose: handleClose,
+                size: getMenuSize(size)
+            }, MenuProps), {
+                onKeyDown: handleDropDownKeyDown,
+                PaperProps: PaperProps,
+                children: items
+            })),
+            /*#__PURE__*/ jsx(HiddenInput, {
+                type: "text",
+                name: name,
+                autoComplete: "off",
+                onChange: onChange,
+                ref: hiddenInputRef
+            })
+        ]
     });
-    const DisplayValueWrapper = iconLeft && withLabel ? Container : Fragment;
-    return (_jsxs(Root, { className: rootClassName, children: [_jsx(FieldHint, { variant: hintTooltip ? 'tooltip' : 'static', size: size, message: !open || !hintTooltip ? errorText || message : undefined, disabled: disabled, error: Boolean(errorText), errorIcon: errorIcon, hideEmpty: hideEmptyHint, tooltipPlacement: hintTooltipPlacement, tooltipMaxWidth: hintTooltipMaxWidth, children: _jsxs(SelectElement, Object.assign({ type: "button" }, buttonProps, { ref: forkedRef, disabled: disabled, className: classnames({ dropDownHidden, readOnly }), onClick: disabled || readOnly || dropDownHidden ? onClick : handleClick, onKeyDown: handleSelectKeyDown, children: [iconLeft && (_jsx(IconLeft, { className: "ui-select-field_icon-left", children: iconLeft })), _jsxs(DisplayValueWrapper, { children: [_jsx(DisplayValue, { className: "ui-select-field__value", variant: getDisplayValueVariant(size), color: disabled ? 'disabled' : undefined, children: displayValue || placeholder || label }), withLabel && (_jsx(Label, { className: "ui-select-field__label", weight: "normal", variant: size !== 'l' ? 'caption11' : 'caption12', color: disabled ? 'disabled' : (errorText ? 'negative' : 'secondary'), children: label }))] }), _jsxs(Adornment, { className: "ui-select-field__adornment", children: [(secondaryLabel || icon) && (_jsxs(_Fragment, { children: [secondaryLabel && (_jsx(SecondaryLabel, Object.assign({ color: "custom", variant: getSecondaryLabelVariant(size) }, SecondaryLabelProps, { children: secondaryLabel }))), icon && _jsx(Icon, { className: "ui-select-field__icon", children: icon })] })), readOnly ? (_jsx(LockIcon, {})) : open ? (_jsx(IconUp, {})) : (_jsx(IconDown, {}))] }), _jsx(Border, { className: "ui-select__border" })] })) }), _jsx(DropDownComponent, Object.assign({ anchorEl: selectRef.current || undefined, open: open, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, onClose: handleClose, size: getMenuSize(size) }, MenuProps, { onKeyDown: handleDropDownKeyDown, PaperProps: PaperProps, children: items })), _jsx(HiddenInput, { type: "text", name: name, 
-                // We don't want use autoComplete in hidden input
-                // Use set manually
-                autoComplete: "off", onChange: onChange, ref: hiddenInputRef })] }));
 });
-export default memo(SelectField);
+const SelectField_SelectField = /*#__PURE__*/ memo(SelectField);
+export default SelectField_SelectField;
+
 //# sourceMappingURL=SelectField.js.map