@finam/web-ui-kit-components 3.24.1

package/dist/SecurityIndicator/SecurityIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityIndicator.d.ts","sourceRoot":"","sources":["../../src/SecurityIndicator/SecurityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAY,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAG/D,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,GAAG,mBAAmB,GAAG,UAAU,GAAG,aAAa,GAAG,qBAAqB,CAAC;AAExI,MAAM,WAAW,KAAM,SAAQ,wBAAwB,CAAC,OAAO,IAAI,CAAC;IAClE,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAWD,QAAA,MAAM,iBAAiB,kGAkBrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/SecurityIndicator/SecurityIndicator.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'clsx';
+import { LockIcon, Root } from './SecurityIndicator.styles.js';
+import { OrderAndPositionIcon, OrderIcon, PositionIcon } from './OrderAndPositionIcons.js';
+const IconMap = {
+    needAccount: LockIcon,
+    needQualification: LockIcon,
+    notTradable: LockIcon,
+    hasOrder: OrderIcon,
+    hasPosition: PositionIcon,
+    hasOrderAndPosition: OrderAndPositionIcon,
+};
+const SecurityIndicator = forwardRef((_a, ref) => {
+    var { variant, onClick, className } = _a, props = __rest(_a, ["variant", "onClick", "className"]);
+    const Icon = IconMap[variant];
+    return (_jsx(Root, Object.assign({ ref: ref, onClick: onClick, className: classNames({ clickable: onClick }, className) }, props, { children: _jsx(Icon, { className: variant }) })));
+});
+export default SecurityIndicator;
+//# sourceMappingURL=SecurityIndicator.js.map

package/dist/SecurityIndicator/SecurityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityIndicator.js","sourceRoot":"","sources":["../../src/SecurityIndicator/SecurityIndicator.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAS3F,MAAM,OAAO,GAAkC;IAC7C,WAAW,EAAE,QAAQ;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,WAAW,EAAE,QAAQ;IACrB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,YAAY;IACzB,mBAAmB,EAAE,oBAAoB;CAC1C,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAAwB,CAAC,EAK5D,EAAE,GAAG,EAAE,EAAE;QALmD,EAC3D,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,KAAK,cAJmD,mCAK5D,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,IACpD,KAAK,cAET,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,GAAI,IACvB,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/SecurityIndicator/SecurityIndicator.styles.css

@@ -0,0 +1,3 @@
+.ui_components_r1mxdtpx{display:flex;}.ui_components_r1mxdtpx.clickable{cursor:pointer;}
+.ui_components_logz5oq{width:12px;height:12px;}.ui_components_logz5oq.notTradable{color:var(--ui-colors-icon-base-tertiary);}.ui_components_logz5oq.needAccount{color:var(--ui-colors-icon-brand);}.ui_components_logz5oq.needQualification{color:var(--ui-colors-data-chart-1);}
+.ui_components_stm2f82{overflow:visible;}

package/dist/SecurityIndicator/SecurityIndicator.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const Root: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LockIcon: {
+    __wyw_meta: unknown;
+} & ((props: import("@finam/web-ui-kit-icons/SvgIcon").Props) => import("react/jsx-runtime").JSX.Element);
+export declare const StyledSvgIcon: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("@finam/web-ui-kit-icons/SvgIcon").Props & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=SecurityIndicator.styles.d.ts.map

package/dist/SecurityIndicator/SecurityIndicator.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityIndicator.styles.d.ts","sourceRoot":"","sources":["../../src/SecurityIndicator/SecurityIndicator.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,qKAMhB,CAAC;AAEF,eAAO,MAAM,QAAQ;;yGAepB,CAAC;AAEF,eAAO,MAAM,aAAa;;6IAEzB,CAAC"}

package/dist/SecurityIndicator/SecurityIndicator.styles.js

@@ -0,0 +1,22 @@
+import { styled } from '@linaria/react';
+import SvgIcon from '@finam/web-ui-kit-icons/SvgIcon';
+import LockFilled from '@finam/web-ui-kit-icons/Lock/LockFilled';
+export const Root = /*#__PURE__*/styled('div')({
+  name: "Root",
+  class: "ui_components_r1mxdtpx",
+  propsAsIs: false
+});
+const _exp = /*#__PURE__*/() => LockFilled;
+export const LockIcon = /*#__PURE__*/styled(_exp())({
+  name: "LockIcon",
+  class: "ui_components_logz5oq",
+  propsAsIs: true
+});
+const _exp5 = /*#__PURE__*/() => SvgIcon;
+export const StyledSvgIcon = /*#__PURE__*/styled(_exp5())({
+  name: "StyledSvgIcon",
+  class: "ui_components_stm2f82",
+  propsAsIs: true
+});
+
+import "./SecurityIndicator.styles.css";

package/dist/SecurityIndicator/SecurityIndicator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityIndicator.styles.js","sourceRoot":"","sources":["../../src/SecurityIndicator/SecurityIndicator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,UAAU,MAAM,yCAAyC,CAAC;AAEjE,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;;;aAK7B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;;;;aAIxC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;;;;aAIxC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;;CAEzC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;CAE3C,CAAC"}

package/dist/SecurityIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type Props as SecurityIndicatorProps, type IndicatorVariant, } from './SecurityIndicator.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/SecurityIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SecurityIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,KAAK,IAAI,sBAAsB,EACpC,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC"}

package/dist/SecurityIndicator/index.js

@@ -0,0 +1,2 @@
+export { default, } from './SecurityIndicator.js';
+//# sourceMappingURL=index.js.map

package/dist/SecurityIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SecurityIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,GAGR,MAAM,wBAAwB,CAAC"}

package/dist/Select/SelectField.styles.css

@@ -0,0 +1,16 @@
+.ui_components_roi4eg9{display:inline-block;position:relative;}.ui_components_roi4eg9.fullWidth{width:100%;}
+.ui_components_b1m8l3dp{position:relative;display:flex;align-items:center;padding:0;outline:none;cursor:pointer;background-color:transparent;border-width:0;border-radius:var(--ui-radius-input);border-color:transparent;width:100%;}.ui_components_roi4eg9 .ui_components_b1m8l3dp.dropDownHidden:not(.readOnly){cursor:default;padding-right:15px;}.ui_components_roi4eg9.disabled .ui_components_b1m8l3dp{cursor:default;}.ui_components_roi4eg9.xs .ui_components_b1m8l3dp{border-radius:var(--ui-radius-inputXS);}
+.ui_components_pvoh4i9.ui_components_b1m8l3dp{background-color:var(--ui-colors-input-bg-default);}.ui_components_pvoh4i9.ui_components_b1m8l3dp:hover{background-color:var(--ui-colors-input-bg-default-hover);}.ui_components_roi4eg9.error .ui_components_pvoh4i9.ui_components_b1m8l3dp{background-color:var(--ui-colors-input-bg-default-error);}.ui_components_roi4eg9:not(.error) .ui_components_pvoh4i9.ui_components_b1m8l3dp:focus{background-color:var(--ui-colors-input-bg-default);border-color:var(--ui-colors-input-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-active);}.ui_components_roi4eg9.opened:not(.error) .ui_components_pvoh4i9.ui_components_b1m8l3dp,.ui_components_roi4eg9:not(.error):not(.disabled) .ui_components_pvoh4i9.ui_components_b1m8l3dp:active{background-color:transparent;border-color:var(--ui-colors-input-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-active);}.ui_components_roi4eg9.opened.error .ui_components_pvoh4i9.ui_components_b1m8l3dp,.ui_components_roi4eg9.error .ui_components_pvoh4i9.ui_components_b1m8l3dp:active,.ui_components_roi4eg9.error .ui_components_pvoh4i9.ui_components_b1m8l3dp:focus{border-color:var(--ui-colors-input-border-default-error);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-error);}.ui_components_roi4eg9.opened.error .ui_components_pvoh4i9.ui_components_b1m8l3dp{background-color:transparent;}.ui_components_roi4eg9.disabled .ui_components_pvoh4i9.ui_components_b1m8l3dp{background-color:var(--ui-colors-input-bg-default-disabled);}
+.ui_components_odr8otq.ui_components_b1m8l3dp{background-color:transparent;border-color:var(--ui-colors-input-border-default);}.ui_components_odr8otq.ui_components_b1m8l3dp:hover{border-color:var(--ui-colors-input-border-default-hover);}.ui_components_roi4eg9 .ui_components_odr8otq.ui_components_b1m8l3dp:focus{border-color:var(--ui-colors-input-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-active);}.ui_components_roi4eg9.error .ui_components_odr8otq.ui_components_b1m8l3dp{border-color:var(--ui-colors-input-border-default-error);}.ui_components_roi4eg9.disabled .ui_components_odr8otq.ui_components_b1m8l3dp{background-color:transparent;border-color:var(--ui-colors-input-border-default-disabled);}.ui_components_roi4eg9.opened:not(.error) .ui_components_odr8otq.ui_components_b1m8l3dp,.ui_components_roi4eg9:not(.error):not(.disabled) .ui_components_odr8otq.ui_components_b1m8l3dp:active{border-color:var(--ui-colors-input-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-active);}.ui_components_roi4eg9.error .ui_components_odr8otq.ui_components_b1m8l3dp:focus,.ui_components_roi4eg9.error .ui_components_odr8otq.ui_components_b1m8l3dp:active{box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-error);}
+.ui_components_t13pizak.ui_components_b1m8l3dp{background-color:transparent;}.ui_components_t13pizak.ui_components_b1m8l3dp:hover{background-color:var(--ui-colors-input-bg-ghost-hover);}.ui_components_roi4eg9 .ui_components_t13pizak.ui_components_b1m8l3dp:focus{border-color:var(--ui-colors-input-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-active);}.ui_components_roi4eg9.opened.error .ui_components_t13pizak.ui_components_b1m8l3dp{background-color:var(--ui-colors-input-bg-ghost-hover);}.ui_components_roi4eg9.opened:not(.error) .ui_components_t13pizak.ui_components_b1m8l3dp,.ui_components_roi4eg9:not(.error):not(.disabled) .ui_components_t13pizak.ui_components_b1m8l3dp:active{background-color:var(--ui-colors-input-bg-ghost-hover);border-color:var(--ui-colors-input-border-default-active);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-active);}.ui_components_roi4eg9.opened.error .ui_components_t13pizak.ui_components_b1m8l3dp,.ui_components_roi4eg9.error .ui_components_t13pizak.ui_components_b1m8l3dp:active,.ui_components_roi4eg9.error .ui_components_t13pizak.ui_components_b1m8l3dp:focus{border-color:var(--ui-colors-input-border-default-error);box-shadow:0 0 0 3px var(--ui-colors-input-border-shade-error);}
+.ui_components_awl8bhp{width:var(--ui-spacing-inputL-rightIconSize);height:var(--ui-spacing-inputL-rightIconSize);pointer-events:none;color:var(--ui-colors-input-icon-default);}.ui_components_roi4eg9.m .ui_components_awl8bhp{width:var(--ui-spacing-inputM-rightIconSize);height:var(--ui-spacing-inputM-rightIconSize);}.ui_components_roi4eg9.s .ui_components_awl8bhp{width:var(--ui-spacing-inputS-iconSize);height:var(--ui-spacing-inputS-iconSize);}.ui_components_roi4eg9.xs .ui_components_awl8bhp{width:var(--ui-spacing-inputXS-iconSize);height:var(--ui-spacing-inputXS-iconSize);}.ui_components_b1m8l3dp.dropDownHidden .ui_components_awl8bhp{display:none;}.ui_components_roi4eg9.disabled .ui_components_awl8bhp{color:var(--ui-colors-icon-disabled);}
+.ui_components_b5oenp2{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;border-radius:inherit;border:1px solid transparent;background-color:transparent;border-color:inherit;}
+.ui_components_l18ny4qx{color:var(--ui-colors-input-icon-secondary);width:var(--ui-spacing-inputL-rightIconSize);height:var(--ui-spacing-inputL-rightIconSize);}.ui_components_roi4eg9.m .ui_components_l18ny4qx{width:var(--ui-spacing-inputM-rightIconSize);height:var(--ui-spacing-inputM-rightIconSize);}.ui_components_roi4eg9.s .ui_components_l18ny4qx{width:var(--ui-spacing-inputS-iconSize);height:var(--ui-spacing-inputS-iconSize);}.ui_components_roi4eg9.xs .ui_components_l18ny4qx{width:var(--ui-spacing-inputXS-iconSize);height:var(--ui-spacing-inputXS-iconSize);}
+.ui_components_iduk1j2{display:inline-flex;}.ui_components_iduk1j2>svg{color:var(--ui-colors-input-icon-default);width:var(--ui-spacing-inputL-rightIconSize);height:var(--ui-spacing-inputL-rightIconSize);}.ui_components_roi4eg9.disabled .ui_components_iduk1j2>svg{color:var(--ui-colors-icon-disabled);}.ui_components_roi4eg9.m .ui_components_iduk1j2>svg{width:var(--ui-spacing-inputM-rightIconSize);height:var(--ui-spacing-inputM-rightIconSize);}.ui_components_roi4eg9.s .ui_components_iduk1j2>svg{width:var(--ui-spacing-inputS-iconSize);height:var(--ui-spacing-inputS-iconSize);}.ui_components_roi4eg9.xs .ui_components_iduk1j2>svg{width:var(--ui-spacing-inputXS-iconSize);height:var(--ui-spacing-inputXS-iconSize);}
+.ui_components_ljv9fhm{position:absolute;top:var(--ui-spacing-inputL-paddingVert);left:var(--ui-spacing-inputL-paddingLeft);right:calc(var(--ui-spacing-inputL-rightIconSize) + var(--ui-spacing-inputL-paddingRight));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;pointer-events:none;transition:all ease-in-out 0.1s;}.ui_components_roi4eg9.m .ui_components_ljv9fhm{top:var(--ui-spacing-inputM-paddingVert);left:var(--ui-spacing-inputM-paddingLeft);right:calc(var(--ui-spacing-inputM-rightIconSize) + var(--ui-spacing-inputM-paddingRight));}.ui_components_roi4eg9.s .ui_components_ljv9fhm{right:calc(var(--ui-spacing-inputS-iconSize) + var(--ui-spacing-inputS-paddingRight));}.ui_components_roi4eg9.xs .ui_components_ljv9fhm{right:calc(var(--ui-spacing-inputXS-iconSize) + var(--ui-spacing-inputXS-paddingRight));}
+.ui_components_s1oxfjvx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ui-colors-input-caption-default);}.ui_components_roi4eg9.disabled .ui_components_s1oxfjvx{color:var(--ui-colors-input-text-default-disabled);}
+.ui_components_h1g4coqz{display:none;}
+.ui_components_d1qgiczq{flex:auto;padding:calc(var(--ui-spacing-inputL-paddingVert) + var(--ui-spacing-inputL-textPaddingVert)) var(--ui-spacing-inputL-paddingRight) calc(var(--ui-spacing-inputL-paddingVert) + var(--ui-spacing-inputL-textPaddingVert)) var(--ui-spacing-inputL-paddingLeft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;}.ui_components_d1qgiczq:empty::before{content:"";display:inline-block;}.ui_components_roi4eg9.disableTextOverflow .ui_components_d1qgiczq{text-overflow:unset;}.ui_components_roi4eg9.m .ui_components_d1qgiczq{padding:calc(var(--ui-spacing-inputM-paddingVert) + var(--ui-spacing-inputM-textPaddingVert)) var(--ui-spacing-inputM-paddingRight) calc(var(--ui-spacing-inputM-paddingVert) + var(--ui-spacing-inputM-textPaddingVert)) var(--ui-spacing-inputM-paddingLeft);}.ui_components_roi4eg9.s .ui_components_d1qgiczq{padding:calc(var(--ui-spacing-2xs) + var(--ui-spacing-inputS-textPaddingVert)) var(--ui-spacing-inputS-paddingRight) calc(var(--ui-spacing-2xs) + var(--ui-spacing-inputS-textPaddingVert)) var(--ui-spacing-inputS-paddingLeft);}.ui_components_roi4eg9.xs .ui_components_d1qgiczq{padding:calc(var(--ui-spacing-2xs) + var(--ui-spacing-inputXS-textPaddingVert)) var(--ui-spacing-inputXS-paddingRight) calc(var(--ui-spacing-2xs) + var(--ui-spacing-inputXS-textPaddingVert)) var(--ui-spacing-inputXS-paddingLeft);}.ui_components_roi4eg9.withLabel .ui_components_d1qgiczq{padding-top:calc(var(--ui-spacing-inputL-paddingVert) + 16px);padding-bottom:var(--ui-spacing-inputL-paddingVert);}.ui_components_roi4eg9.m.withLabel .ui_components_d1qgiczq{padding-top:calc(var(--ui-spacing-inputM-paddingVert) + 16px);padding-bottom:var(--ui-spacing-inputM-paddingVert);}
+.ui_components_i1vlxfi6{display:flex;padding-left:var(--ui-spacing-inputL-paddingLeft);padding-right:calc(var(--ui-spacing-xs) + var(--ui-spacing-2xs));margin-right:calc(-1 * var(--ui-spacing-inputL-paddingLeft));}.ui_components_roi4eg9.m .ui_components_i1vlxfi6{padding-left:var(--ui-spacing-inputM-paddingLeft);margin-right:calc(-1 * var(--ui-spacing-inputM-paddingLeft));}.ui_components_roi4eg9.m .ui_components_i1vlxfi6>svg{width:var(--ui-spacing-inputM-leftIconSize);height:var(--ui-spacing-inputM-leftIconSize);}.ui_components_roi4eg9.s .ui_components_i1vlxfi6{padding-left:var(--ui-spacing-inputS-paddingLeft);padding-right:var(--ui-spacing-xs);margin-right:calc(-1 * var(--ui-spacing-inputS-paddingLeft));}.ui_components_roi4eg9.s .ui_components_i1vlxfi6>svg{width:var(--ui-spacing-inputS-iconSize);height:var(--ui-spacing-inputS-iconSize);}.ui_components_roi4eg9.xs .ui_components_i1vlxfi6{padding-left:var(--ui-spacing-inputXS-paddingLeft);padding-right:var(--ui-spacing-xs);margin-right:calc(-1 * var(--ui-spacing-inputXS-paddingLeft));}.ui_components_roi4eg9.xs .ui_components_i1vlxfi6>svg{width:var(--ui-spacing-inputXS-iconSize);height:var(--ui-spacing-inputXS-iconSize);}.ui_components_roi4eg9.disabled .ui_components_i1vlxfi6>svg{color:var(--ui-colors-icon-disabled);}
+.ui_components_cultry4{position:relative;flex:1;min-width:0;}
+.ui_components_a1npkptp{display:inline-flex;align-items:center;margin-left:var(--ui-spacing-xs);padding-left:var(--ui-spacing-2xs);padding-right:var(--ui-spacing-inputL-paddingRight);flex-shrink:0;}.ui_components_a1npkptp>*+*{margin-left:var(--ui-spacing-xs);}.ui_components_roi4eg9.m .ui_components_a1npkptp{padding-right:var(--ui-spacing-inputM-paddingRight);}.ui_components_roi4eg9.s .ui_components_a1npkptp{padding-right:var(--ui-spacing-inputS-paddingRight);}.ui_components_roi4eg9.xs .ui_components_a1npkptp{padding-right:var(--ui-spacing-inputXS-paddingRight);}

package/dist/Select/SelectField.styles.d.ts

@@ -0,0 +1,38 @@
+import type { Props as IconProps } from '@finam/web-ui-kit-icons/SvgIcon';
+export declare const Root: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PrimarySelect: {
+    __wyw_meta: unknown;
+} & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const OutlineSelect: {
+    __wyw_meta: unknown;
+} & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const TextSelect: {
+    __wyw_meta: unknown;
+} & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
+    as?: React.ElementType;
+}>;
+export declare const Border: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const IconDown: ({ className, ...props }: IconProps) => import("react").FunctionComponentElement<IconProps>;
+export declare const IconUp: ({ className, ...props }: IconProps) => import("react").FunctionComponentElement<IconProps>;
+export declare const LockIcon: {
+    __wyw_meta: unknown;
+} & ((props: IconProps) => import("react/jsx-runtime").JSX.Element);
+export declare const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Label: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("../Typography/Typography.js").Props & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const SecondaryLabel: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("../Typography/Typography.js").Props & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const HiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+export declare const DisplayValue: {
+    __wyw_meta: unknown;
+} & import("react").ForwardRefExoticComponent<import("../Typography/Typography.js").Props & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const IconLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Adornment: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=SelectField.styles.d.ts.map

package/dist/Select/SelectField.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.styles.d.ts","sourceRoot":"","sources":["../../src/Select/SelectField.styles.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAK1E,eAAO,MAAM,IAAI,qKAOhB,CAAC;AA6BF,eAAO,MAAM,aAAa;;;;EAqCzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;EA+BzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;EA2BtB,CAAC;AAgCF,eAAO,MAAM,MAAM,qKAWlB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,yBAAyB,SAAS,wDAGzD,CAAC;AAEH,eAAO,MAAM,MAAM,GAAI,yBAAyB,SAAS,wDAGvD,CAAC;AAEH,eAAO,MAAM,QAAQ;;mEAmBpB,CAAC;AAEF,eAAO,MAAM,IAAI,qKA2BhB,CAAC;AAEF,eAAO,MAAM,KAAK;;gJAyBjB,CAAC;AAEF,eAAO,MAAM,cAAc;;gJAS1B,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC;AAEF,eAAO,MAAM,YAAY;;gJAsDxB,CAAC;AAEF,eAAO,MAAM,QAAQ,qKAyCpB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAuBrB,CAAC"}

package/dist/Select/SelectField.styles.js

@@ -0,0 +1,114 @@
+import { __rest } from "tslib";
+/**
+ * Файл с общим кодом для SelectField и MultiSelectField
+ */
+import { createElement } from 'react';
+import classnames from 'clsx';
+import { styled } from '@linaria/react';
+import ChevronDownSmall from '@finam/web-ui-kit-icons/Chevron/ChevronDownSmall';
+import ChevronUpSmall from '@finam/web-ui-kit-icons/Chevron/ChevronUpSmall';
+import LockSmallFilled from '@finam/web-ui-kit-icons/Lock/LockSmallFilled';
+import Typography from '../Typography/index.js';
+export const Root = /*#__PURE__*/styled('div')({
+  name: "Root",
+  class: "ui_components_roi4eg9",
+  propsAsIs: false
+});
+const BaseSelect = /*#__PURE__*/styled('button')({
+  name: "BaseSelect",
+  class: "ui_components_b1m8l3dp",
+  propsAsIs: false
+});
+const _exp6 = /*#__PURE__*/() => BaseSelect;
+export const PrimarySelect = /*#__PURE__*/styled(_exp6())({
+  name: "PrimarySelect",
+  class: "ui_components_pvoh4i9",
+  propsAsIs: true
+});
+const _exp25 = /*#__PURE__*/() => BaseSelect;
+export const OutlineSelect = /*#__PURE__*/styled(_exp25())({
+  name: "OutlineSelect",
+  class: "ui_components_odr8otq",
+  propsAsIs: true
+});
+const _exp42 = /*#__PURE__*/() => BaseSelect;
+export const TextSelect = /*#__PURE__*/styled(_exp42())({
+  name: "TextSelect",
+  class: "ui_components_t13pizak",
+  propsAsIs: true
+});
+const arrowIconsCss = "ui_components_awl8bhp";
+export const Border = /*#__PURE__*/styled('div')({
+  name: "Border",
+  class: "ui_components_b5oenp2",
+  propsAsIs: false
+});
+export const IconDown = _a => {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return createElement(ChevronDownSmall, Object.assign({
+    className: classnames(arrowIconsCss, className)
+  }, props));
+};
+export const IconUp = _a => {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return createElement(ChevronUpSmall, Object.assign({
+    className: classnames(arrowIconsCss, className)
+  }, props));
+};
+const _exp74 = /*#__PURE__*/() => LockSmallFilled;
+export const LockIcon = /*#__PURE__*/styled(_exp74())({
+  name: "LockIcon",
+  class: "ui_components_l18ny4qx",
+  propsAsIs: true
+});
+export const Icon = /*#__PURE__*/styled('div')({
+  name: "Icon",
+  class: "ui_components_iduk1j2",
+  propsAsIs: false
+});
+const _exp101 = /*#__PURE__*/() => Typography;
+export const Label = /*#__PURE__*/styled(_exp101())({
+  name: "Label",
+  class: "ui_components_ljv9fhm",
+  propsAsIs: true
+});
+const _exp117 = /*#__PURE__*/() => Typography;
+export const SecondaryLabel = /*#__PURE__*/styled(_exp117())({
+  name: "SecondaryLabel",
+  class: "ui_components_s1oxfjvx",
+  propsAsIs: true
+});
+export const HiddenInput = /*#__PURE__*/styled('input')({
+  name: "HiddenInput",
+  class: "ui_components_h1g4coqz",
+  propsAsIs: false
+});
+const _exp121 = /*#__PURE__*/() => Typography;
+export const DisplayValue = /*#__PURE__*/styled(_exp121())({
+  name: "DisplayValue",
+  class: "ui_components_d1qgiczq",
+  propsAsIs: true
+});
+export const IconLeft = /*#__PURE__*/styled('div')({
+  name: "IconLeft",
+  class: "ui_components_i1vlxfi6",
+  propsAsIs: false
+});
+export const Container = /*#__PURE__*/styled('div')({
+  name: "Container",
+  class: "ui_components_cultry4",
+  propsAsIs: false
+});
+export const Adornment = /*#__PURE__*/styled('div')({
+  name: "Adornment",
+  class: "ui_components_a1npkptp",
+  propsAsIs: false
+});
+
+import "./SelectField.styles.css";

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.styles.js","sourceRoot":"","sources":["../../src/Select/SelectField.styles.ts"],"names":[],"mappings":"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"}

package/dist/Select/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Файл с общим кодом для SelectField и MultiSelectField
+ */
+import type { InputSize } from '../types.js';
+export declare const getMenuSize: (size: InputSize) => "small" | "regular";
+export declare const getDisplayValueVariant: (size: InputSize) => "body14" | "caption12" | "body16";
+export declare const getSecondaryLabelVariant: (size: InputSize) => "body14" | "caption12" | "caption11";
+//# sourceMappingURL=utils.d.ts.map

package/dist/Select/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Select/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,wBAE1C,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,MAAM,SAAS,sCASrD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,yCASvD,CAAC"}

package/dist/Select/utils.js

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

package/dist/Select/utils.js.map

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

package/dist/SelectField/SelectField.d.ts

@@ -0,0 +1,69 @@
+import { ComponentPropsWithoutRef, ReactNode, ReactElement, ComponentType, ChangeEvent } from 'react';
+import { DropDownMenuProps } from '../DropDownMenu/index.js';
+import { Placement, InputVariant, InputSize } from '../types.js';
+import type { MenuItemProps } from '../MenuItem/index.js';
+import type { TypographyProps } from '../Typography/index.js';
+import { PrimarySelect } from '../Select/SelectField.styles.js';
+export interface Props extends Omit<ComponentPropsWithoutRef<typeof PrimarySelect>, 'type' | 'onChange'> {
+    /** from HTMLInputElement */
+    name?: string;
+    /** Состояние значения выпадающего списка */
+    value?: string | string[];
+    /** Отображаемое значение выпадающего списка */
+    displayValue?: ReactNode;
+    /** from HTMLInputElement */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Текст сообщения подсказки */
+    message?: ReactNode;
+    /** Содержимое label выпадающего списка */
+    label?: string;
+    /** Текст побочного label выпадающего списка */
+    secondaryLabel?: string;
+    /** Текст метки-заполнителя */
+    placeholder?: string;
+    /** Иконка, размещающаяся в блоке отображаемого значения */
+    icon?: ReactNode;
+    /** Иконка, размещающаяся слева от блока отображаемого значения */
+    iconLeft?: ReactNode;
+    /** Вариант отображения выпадающего списка */
+    variant?: InputVariant;
+    /** Флаг неактивного состояния выпадающего списка */
+    disabled?: boolean;
+    /** Флаг доступности выпадающего списка только для чтения */
+    readOnly?: boolean;
+    /** Растяжение компонента по ширине контейнера */
+    fullWidth?: boolean;
+    /** Размер выпадающего списка */
+    size?: InputSize;
+    /** Сообщение об ошибке */
+    errorText?: string;
+    /** Отображение иконки, если есть ошибка */
+    errorIcon?: boolean;
+    /** Пункты выпадающего меню */
+    children: ReactElement<MenuItemProps> | ReactElement<MenuItemProps>[];
+    /** Скрывать блок подсказки, если `message` отсутствует */
+    hideEmptyHint?: boolean;
+    /** Флаг отображения подсказки в виде всплывающего окна */
+    hintTooltip?: boolean;
+    /** Расположение всплывающего окна подсказки */
+    hintTooltipPlacement?: Placement;
+    /** Максимальная ширина всплывающего окна подсказки */
+    hintTooltipMaxWidth?: number;
+    /** Флаг, отключающий расширение блока выпадающего списка,
+     * если содержимое пунктов меню не вмещается в данный блок */
+    disableMenuGrow?: boolean;
+    /** Флаг, отключающий раскрытие выпадающего списка в случае,
+     * если значение не задано и количество пунктов меню меньше или равно одному */
+    disableOneItemDropDown?: boolean;
+    /** Флаг, отключающий закрытие выпадающего списка после выбора пункта меню */
+    disableCloseOnItemClick?: boolean;
+    /** Дополнительные свойства для компонента обертки выпадающего списка */
+    MenuProps?: Partial<DropDownMenuProps>;
+    /** Кастомный компонент обертки выпадающего списка */
+    DropDownComponent?: ComponentType<DropDownMenuProps>;
+    /** Дополнительные свойства для побочного label выпадающего списка */
+    SecondaryLabelProps?: Partial<TypographyProps>;
+}
+declare const _default: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/SelectField/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/SelectField/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAChE,WAAW,EAIZ,MAAM,OAAO,CAAC;AAIf,OAAqB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAoB,MAAM,aAAa,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAEL,aAAa,EAed,MAAM,iCAAiC,CAAC;AAGzC,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACtG,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,+CAA+C;IAC/C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,EAAE,YAAY,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACtE,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;iEAC6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;mFAC+E;IAC/E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACvC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACrD,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAChD;;AAoYD,wBAAiC"}

package/dist/SelectField/SelectField.js

@@ -0,0 +1,197 @@
+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': {
+            return PrimarySelect;
+        }
+        case 'outline': {
+            return OutlineSelect;
+        }
+        case 'ghost': {
+            return TextSelect;
+        }
+        default:
+            return PrimarySelect;
+    }
+};
+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 paperRef = useRef(null);
+    const hiddenInputRef = useRef(null);
+    const itemsCountRef = useRef(Children.count(children));
+    const focusedItemValueRef = useRef(undefined);
+    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 [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;
+        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(() => {
+        setOpen(false);
+        setFocusedIndex(-1);
+    }, []);
+    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}`;
+            }
+        }
+        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) {
+            case KeyboardEventKey.ARROW_UP:
+            case KeyboardEventKey.UP:
+                event.preventDefault();
+                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));
+                break;
+            case KeyboardEventKey.ENTER:
+                if (focusedItemValueRef.current != null) {
+                    event.preventDefault();
+                    handleClose();
+                    if (onChange && hiddenInputRef.current) {
+                        triggerChangeEvent(hiddenInputRef.current, getResultValue(focusedItemValueRef.current));
+                    }
+                }
+                break;
+            case KeyboardEventKey.DELETE:
+            case KeyboardEventKey.DEL:
+            case KeyboardEventKey.BACKSPACE:
+                break;
+        }
+    }, [open, onChange, handleClose, getResultValue]);
+    const handleSelectKeyDown = useCallback((event) => {
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : 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);
+        handleKeyDown(event);
+    }, [MenuProps, handleKeyDown]);
+    const handlePaperRef = useCallback((el) => {
+        var _a;
+        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(() => {
+        let resultDisplayValue = null;
+        focusedItemValueRef.current = undefined;
+        let itemIndex = 0;
+        let resultSelectedItemsCount = 0;
+        const resultItems = Children.map(children, (child) => {
+            if (!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 });
+            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;
+            }
+            return (_jsx(child.type, Object.assign({ autoScroll: focusedIndex < 0 ? isChildSelected : false }, childProps)));
+        });
+        itemsCountRef.current = itemIndex;
+        return {
+            items: resultItems,
+            displayValue: resultDisplayValue,
+            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]);
+    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, {
+        fullWidth,
+        withLabel,
+        error: Boolean(errorText),
+        disabled,
+        opened: open,
+        selected: Array.isArray(valueProp) && !!value,
+    });
+    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 ? undefined : 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);
+//# sourceMappingURL=SelectField.js.map