@weavix/tracker-components 0.0.1

package/build/esm/components/Select/MultiAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","debounce","MultiSelect","filterAutocompleteOption","jsx","_jsx","MultiAutocomplete","_ref","ref","options","value","onUpdate","onFilterChange","searchDelay","props","_objectWithoutProperties","_excluded","handleFilterChange","undefined","optionsWithValue","concat","_toConsumableArray","filter","option","some","valueItem","handleUpdate","newValue","map","find","selectValue","_objectSpread","filterable","filterOption","displayName"],"sources":["MultiAutocomplete.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useMemo} from 'react';\n\nimport type {SelectOption} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\n\nimport type {MultiSelectProps} from './MultiSelect';\nimport {MultiSelect} from './MultiSelect';\nimport {filterAutocompleteOption} from './utils/filterAutocompleteOption';\n\nexport type MultiAutocompleteProps = Omit<MultiSelectProps, 'filterable' | 'value' | 'onUpdate'> & {\n    value?: SelectOption[];\n    onUpdate: (value: SelectOption[]) => void;\n    searchDelay?: number;\n};\n\nexport const MultiAutocomplete = forwardRef<HTMLButtonElement, MultiAutocompleteProps>(\n    ({options, value, onUpdate, onFilterChange, searchDelay, ...props}, ref) => {\n        const handleFilterChange = useMemo(\n            () => (onFilterChange ? debounce(onFilterChange, searchDelay) : undefined),\n            [onFilterChange, searchDelay],\n        );\n\n        const optionsWithValue = useMemo(() => {\n            return [\n                ...(value ?? []),\n                ...(options ?? []).filter(\n                    (option) =>\n                        !value?.some(\n                            (valueItem) => 'value' in option && option.value === valueItem.value,\n                        ),\n                ),\n            ];\n        }, [options, value]);\n\n        const handleUpdate = useCallback(\n            (newValue: string[]) => {\n                onUpdate(\n                    newValue.map(\n                        (valueItem) =>\n                            optionsWithValue.find(\n                                (option) => 'value' in option && option.value === valueItem,\n                            ) as SelectOption,\n                    ),\n                );\n            },\n            [onUpdate, optionsWithValue],\n        );\n\n        const selectValue = useMemo(() => value?.map((valueItem) => valueItem.value), [value]);\n\n        return (\n            <MultiSelect\n                {...props}\n                ref={ref}\n                onUpdate={handleUpdate}\n                value={selectValue}\n                options={optionsWithValue}\n                onFilterChange={handleFilterChange}\n                filterable\n                filterOption={filterAutocompleteOption}\n            />\n        );\n    },\n);\n\nMultiAutocomplete.displayName = 'MultiAutocomplete';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAG7D,OAAOC,QAAQ,MAAM,iBAAiB;AAGtC,SAAQC,WAAW;AACnB,SAAQC,wBAAwB;AAA0C,SAAAC,GAAA,IAAAC,IAAA;AAQ1E,OAAO,IAAMC,iBAAiB,gBAAGR,UAAU,CACvC,UAAAS,IAAA,EAAoEC,GAAG,EAAK;EAAA,IAA1EC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAC7D,IAAMC,kBAAkB,GAAGjB,OAAO,CAC9B;IAAA,OAAOY,cAAc,GAAGX,QAAQ,CAACW,cAAc,EAAEC,WAAW,CAAC,GAAGK,SAAS;EAAA,CAAC,EAC1E,CAACN,cAAc,EAAEC,WAAW,CAChC,CAAC;EAED,IAAMM,gBAAgB,GAAGnB,OAAO,CAAC,YAAM;IACnC,UAAAoB,MAAA,CAAAC,kBAAA,CACQX,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,GAAAW,kBAAA,CACZ,CAACZ,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE,EAAEa,MAAM,CACrB,UAACC,MAAM;MAAA,OACH,EAACb,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEc,IAAI,CACR,UAACC,SAAS;QAAA,OAAK,OAAO,IAAIF,MAAM,IAAIA,MAAM,CAACb,KAAK,KAAKe,SAAS,CAACf,KAAK;MAAA,CACxE,CAAC;IAAA,CACT,CAAC;EAET,CAAC,EAAE,CAACD,OAAO,EAAEC,KAAK,CAAC,CAAC;EAEpB,IAAMgB,YAAY,GAAG3B,WAAW,CAC5B,UAAC4B,QAAkB,EAAK;IACpBhB,QAAQ,CACJgB,QAAQ,CAACC,GAAG,CACR,UAACH,SAAS;MAAA,OACNN,gBAAgB,CAACU,IAAI,CACjB,UAACN,MAAM;QAAA,OAAK,OAAO,IAAIA,MAAM,IAAIA,MAAM,CAACb,KAAK,KAAKe,SAAS;MAAA,CAC/D,CAAC;IAAA,CACT,CACJ,CAAC;EACL,CAAC,EACD,CAACd,QAAQ,EAAEQ,gBAAgB,CAC/B,CAAC;EAED,IAAMW,WAAW,GAAG9B,OAAO,CAAC;IAAA,OAAMU,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkB,GAAG,CAAC,UAACH,SAAS;MAAA,OAAKA,SAAS,CAACf,KAAK;IAAA,EAAC;EAAA,GAAE,CAACA,KAAK,CAAC,CAAC;EAEtF,oBACIL,IAAA,CAACH,WAAW,EAAA6B,aAAA,CAAAA,aAAA,KACJjB,KAAK;IACTN,GAAG,EAAEA,GAAI;IACTG,QAAQ,EAAEe,YAAa;IACvBhB,KAAK,EAAEoB,WAAY;IACnBrB,OAAO,EAAEU,gBAAiB;IAC1BP,cAAc,EAAEK,kBAAmB;IACnCe,UAAU;IACVC,YAAY,EAAE9B;EAAyB,EAC1C,CAAC;AAEV,CACJ,CAAC;AAEDG,iBAAiB,CAAC4B,WAAW,GAAG,mBAAmB","ignoreList":[]}

package/build/esm/components/Select/MultiSelect.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ButtonButtonProps, SelectProps as CommonSelectProps, SelectOption } from '@gravity-ui/uikit';
+import './Select.scss';
+export type MultiSelectProps = CommonSelectProps & {
+    id?: string;
+    loading?: boolean;
+    loadingItems?: boolean;
+    controlProps?: ButtonButtonProps;
+    withArrow?: boolean;
+    title?: string;
+    icon?: ReactNode;
+    selectSize?: CommonSelectProps['size'];
+    renderDisplayValue?: (value: SelectOption[]) => ReactNode;
+    chevronView?: 'desktop' | 'touch';
+    autoFocus?: boolean;
+    withSpecialNoOptions?: boolean;
+    disablePortal?: boolean;
+    disableTooltip?: boolean;
+    filterOption?: (option: SelectOption, filter: string) => boolean;
+};
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/Select/MultiSelect.js

@@ -0,0 +1,271 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["id", "loading", "loadingItems", "disabled", "renderControl", "className", "options", "value", "width", "size", "name", "placeholder", "popupClassName", "renderOption", "renderSelectedOption", "renderDisplayValue", "controlProps", "controlClassName", "withArrow", "title", "icon", "validationState", "selectSize", "chevronView", "open", "filterable", "disablePortal", "filterOption", "renderFilter", "autoFocus", "filterPlaceholder", "withSpecialNoOptions", "onOpenChange", "disableTooltip"];
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.array.some.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.some.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.timers.js";
+import React, { Fragment, forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
+import { ChevronDown, ChevronRight } from '@gravity-ui/icons';
+import { ActionTooltip, Button, Select as CommonSelect, Icon, Loader, Text, TextInput, getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../hooks/useLocalizedString";
+import { cnSelect } from "./Select.classname";
+import { defaultMessages } from "./i18n";
+import { filterOption } from "./utils/filterOption";
+import { getValueOption } from "./utils/getValueOption";
+import { isGroupOption } from "./utils/isGroupOption";
+import { renderOption } from "./utils/renderOption";
+import "./Select.css";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var MultiSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    loading = _ref.loading,
+    loadingItems = _ref.loadingItems,
+    disabled = _ref.disabled,
+    providedRenderControl = _ref.renderControl,
+    className = _ref.className,
+    options = _ref.options,
+    value = _ref.value,
+    width = _ref.width,
+    size = _ref.size,
+    name = _ref.name,
+    placeholder = _ref.placeholder,
+    popupClassName = _ref.popupClassName,
+    _ref$renderOption = _ref.renderOption,
+    providedRenderOption = _ref$renderOption === void 0 ? renderOption : _ref$renderOption,
+    renderSelectedOption = _ref.renderSelectedOption,
+    renderDisplayValue = _ref.renderDisplayValue,
+    controlProps = _ref.controlProps,
+    controlClassName = _ref.controlClassName,
+    _ref$withArrow = _ref.withArrow,
+    withArrow = _ref$withArrow === void 0 ? true : _ref$withArrow,
+    title = _ref.title,
+    icon = _ref.icon,
+    validationState = _ref.validationState,
+    selectSize = _ref.selectSize,
+    _ref$chevronView = _ref.chevronView,
+    chevronView = _ref$chevronView === void 0 ? 'desktop' : _ref$chevronView,
+    open = _ref.open,
+    filterable = _ref.filterable,
+    disablePortal = _ref.disablePortal,
+    providedFilterOption = _ref.filterOption,
+    providedRenderFilter = _ref.renderFilter,
+    autoFocus = _ref.autoFocus,
+    filterPlaceholder = _ref.filterPlaceholder,
+    withSpecialNoOptions = _ref.withSpecialNoOptions,
+    onOpenChange = _ref.onOpenChange,
+    disableTooltip = _ref.disableTooltip,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var inputRef = useRef(null);
+  var renderControl = useCallback(function (renderControlProps, config) {
+    var triggerProps = renderControlProps.triggerProps,
+      ref = renderControlProps.ref,
+      open = renderControlProps.open;
+    var hasError = validationState === 'invalid';
+    if (loading) {
+      return /*#__PURE__*/_jsx("div", {
+        ref: ref,
+        className: cnSelect('button-wrapper'),
+        children: /*#__PURE__*/_jsx(ActionTooltip, {
+          title: title !== null && title !== void 0 ? title : '',
+          disabled: disableTooltip || !title,
+          placement: "bottom",
+          children: /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
+            view: "outlined",
+            size: size,
+            disabled: true,
+            width: "max",
+            name: name,
+            className: cnSelect('button', {
+              loading: true,
+              error: hasError,
+              platform: 'desktop'
+            }, controlClassName)
+          }, controlProps), {}, {
+            id: id,
+            children: [/*#__PURE__*/_jsx(Loader, {
+              className: cnSelect('loader')
+            }), withArrow && /*#__PURE__*/_jsx(Icon, {
+              data: chevronView === 'touch' ? ChevronRight : ChevronDown
+            })]
+          }))
+        })
+      });
+    }
+    if (providedRenderControl) {
+      return providedRenderControl(renderControlProps, config);
+    }
+    var valueOptions = [];
+    if (value && value.length) {
+      var _iterator = _createForOfIteratorHelper(value),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var valueItem = _step.value;
+          var valueOption = getValueOption(options !== null && options !== void 0 ? options : [], valueItem);
+          if (valueOption) {
+            valueOptions.push(valueOption);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+    return /*#__PURE__*/_jsx("div", {
+      ref: ref,
+      className: cnSelect('button-wrapper'),
+      children: /*#__PURE__*/_jsx(ActionTooltip, {
+        title: title !== null && title !== void 0 ? title : '',
+        disabled: disableTooltip || !title,
+        placement: "bottom",
+        children: /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread(_objectSpread({
+          view: "outlined",
+          size: size
+        }, triggerProps), {}, {
+          name: name,
+          "aria-haspopup": "listbox",
+          width: "max",
+          disabled: disabled,
+          className: cnSelect('button', {
+            empty: valueOptions.length === 0,
+            'with-icon': Boolean(icon),
+            error: hasError,
+            platform: 'desktop'
+          }, controlClassName)
+        }, controlProps), {}, {
+          id: id,
+          children: [icon, renderDisplayValue ? renderDisplayValue(valueOptions) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [valueOptions.length === 0 && (placeholder || '—'), valueOptions.map(function (item, index) {
+              return /*#__PURE__*/_jsxs(Fragment, {
+                children: [renderSelectedOption ? renderSelectedOption(item, index) : item.text || item.content, index < valueOptions.length - 1 && ', ']
+              }, item.value);
+            })]
+          }), withArrow && /*#__PURE__*/_jsx(Icon, {
+            size: chevronView === 'touch' ? 24 : 16,
+            data: chevronView === 'touch' ? ChevronRight : ChevronDown,
+            className: cnSelect('chevron', {
+              open: open
+            })
+          })]
+        }))
+      })
+    });
+  }, [validationState, loading, providedRenderControl, value, title, disableTooltip, id, size, name, disabled, icon, controlClassName, controlProps, renderDisplayValue, placeholder, withArrow, chevronView, options, renderSelectedOption]);
+  var renderPopup = useCallback(function (_ref2) {
+    var renderFilter = _ref2.renderFilter,
+      renderList = _ref2.renderList;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [renderFilter(), renderList()]
+    });
+  }, []);
+  var renderFilter = useCallback(function (_ref3) {
+    var _props$defaultValue$l, _props$defaultValue;
+    var inputProps = _ref3.inputProps;
+    var hasDefaultValue = ((_props$defaultValue$l = (_props$defaultValue = props.defaultValue) === null || _props$defaultValue === void 0 ? void 0 : _props$defaultValue.length) !== null && _props$defaultValue$l !== void 0 ? _props$defaultValue$l : 0) > 0;
+    var controlProps = {
+      role: 'combobox',
+      'aria-activedescendant': inputProps['aria-activedescendant'],
+      'aria-controls': inputProps['aria-controls'],
+      'aria-label': inputProps['aria-label']
+    };
+    return /*#__PURE__*/_jsx(TextInput, _objectSpread(_objectSpread({
+      autoFocus: autoFocus && !hasDefaultValue,
+      className: cnSelect('filter')
+    }, inputProps), {}, {
+      controlProps: controlProps,
+      controlRef: inputRef,
+      size: selectSize,
+      name: name
+    }));
+  }, [autoFocus, props.defaultValue, selectSize, name]);
+  var optionsWithLoading = useMemo(function () {
+    if (!loadingItems) {
+      if (!(options !== null && options !== void 0 && options.length)) {
+        return [{
+          value: '',
+          disabled: true,
+          content: withSpecialNoOptions ? /*#__PURE__*/_jsxs("div", {
+            className: cnSelect('no-options'),
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: "primary",
+              variant: "subheader-3",
+              children: t('no-options-title')
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-2",
+              children: t('no-options-description')
+            })]
+          }) : /*#__PURE__*/_jsx("div", {
+            className: cnSelect('no-options'),
+            children: t('no-options')
+          })
+        }];
+      }
+      return options;
+    }
+    return [{
+      value: '',
+      disabled: true,
+      content: /*#__PURE__*/_jsx("div", {
+        className: cnSelect('items-loader'),
+        children: /*#__PURE__*/_jsx(Loader, {
+          size: "m"
+        })
+      })
+    }];
+  }, [loadingItems, options, t, withSpecialNoOptions]);
+  var withGroups = options === null || options === void 0 ? void 0 : options.some(isGroupOption);
+  useEffect(function () {
+    var timer;
+    if (open && inputRef.current) {
+      timer = setTimeout(function () {
+        var _inputRef$current;
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+          preventScroll: true
+        });
+      }, 0);
+    }
+    return function () {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- inputRef.current must be in list
+  }, [open && inputRef.current]);
+  return /*#__PURE__*/_jsx(CommonSelect, _objectSpread({
+    disablePortal: disablePortal,
+    disabled: disabled || loading,
+    options: optionsWithLoading,
+    value: value,
+    renderControl: renderControl,
+    multiple: true,
+    renderOption: loadingItems || !(options !== null && options !== void 0 && options.length) ? renderOption : providedRenderOption,
+    ref: ref,
+    filterPlaceholder: filterPlaceholder !== null && filterPlaceholder !== void 0 ? filterPlaceholder : t('search'),
+    popupClassName: cnSelect('popup', {
+      'with-groups': withGroups,
+      filterable: filterable
+    }, popupClassName),
+    filterOption: providedFilterOption !== null && providedFilterOption !== void 0 ? providedFilterOption : filterOption,
+    width: width,
+    className: cnSelect(null, className),
+    size: size,
+    validationState: validationState,
+    renderPopup: renderPopup,
+    open: open,
+    renderFilter: providedRenderFilter !== null && providedRenderFilter !== void 0 ? providedRenderFilter : renderFilter,
+    filterable: filterable,
+    onOpenChange: onOpenChange
+  }, props));
+});
+MultiSelect.displayName = 'MultiSelect';
+// #sourceMappingURL=MultiSelect.js.map

package/build/esm/components/Select/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","forwardRef","useCallback","useEffect","useMemo","useRef","ChevronDown","ChevronRight","ActionTooltip","Button","Select","CommonSelect","Icon","Loader","Text","TextInput","getConfig","useLocalizedString","cnSelect","defaultMessages","filterOption","getValueOption","isGroupOption","renderOption","jsx","_jsx","jsxs","_jsxs","_Fragment","MultiSelect","_ref","ref","id","loading","loadingItems","disabled","providedRenderControl","renderControl","className","options","value","width","size","name","placeholder","popupClassName","_ref$renderOption","providedRenderOption","renderSelectedOption","renderDisplayValue","controlProps","controlClassName","_ref$withArrow","withArrow","title","icon","validationState","selectSize","_ref$chevronView","chevronView","open","filterable","disablePortal","providedFilterOption","providedRenderFilter","renderFilter","autoFocus","filterPlaceholder","withSpecialNoOptions","onOpenChange","disableTooltip","props","_objectWithoutProperties","_excluded","config","_useLocalizedString","lang","t","inputRef","renderControlProps","triggerProps","hasError","children","placement","_objectSpread","view","error","platform","data","valueOptions","length","_iterator","_createForOfIteratorHelper","_step","s","n","done","valueItem","valueOption","push","err","e","f","empty","Boolean","map","item","index","text","content","renderPopup","_ref2","renderList","_ref3","_props$defaultValue$l","_props$defaultValue","inputProps","hasDefaultValue","defaultValue","role","controlRef","optionsWithLoading","color","variant","withGroups","some","timer","current","setTimeout","_inputRef$current","focus","preventScroll","clearTimeout","multiple","displayName"],"sources":["MultiSelect.tsx"],"sourcesContent":["import type {ReactNode, Ref} from 'react';\nimport React, {Fragment, forwardRef, useCallback, useEffect, useMemo, useRef} from 'react';\n\nimport {ChevronDown, ChevronRight} from '@gravity-ui/icons';\nimport type {\n    ButtonButtonProps,\n    SelectProps as CommonSelectProps,\n    SelectOption,\n} from '@gravity-ui/uikit';\nimport {\n    ActionTooltip,\n    Button,\n    Select as CommonSelect,\n    Icon,\n    Loader,\n    Text,\n    TextInput,\n    getConfig,\n} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {cnSelect} from './Select.classname';\nimport {defaultMessages} from './i18n';\nimport {filterOption} from './utils/filterOption';\nimport {getValueOption} from './utils/getValueOption';\nimport {isGroupOption} from './utils/isGroupOption';\nimport {renderOption} from './utils/renderOption';\n\nimport './Select.scss';\n\nexport type MultiSelectProps = CommonSelectProps & {\n    id?: string;\n    loading?: boolean;\n    loadingItems?: boolean;\n    controlProps?: ButtonButtonProps;\n    withArrow?: boolean;\n    title?: string;\n    icon?: ReactNode;\n    selectSize?: CommonSelectProps['size'];\n    renderDisplayValue?: (value: SelectOption[]) => ReactNode;\n    chevronView?: 'desktop' | 'touch';\n    autoFocus?: boolean;\n    withSpecialNoOptions?: boolean;\n    disablePortal?: boolean;\n    disableTooltip?: boolean;\n    filterOption?: (option: SelectOption, filter: string) => boolean;\n};\n\nexport const MultiSelect: React.ForwardRefExoticComponent<\n    MultiSelectProps & React.RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, MultiSelectProps>(\n    (\n        {\n            id,\n            loading,\n            loadingItems,\n            disabled,\n            renderControl: providedRenderControl,\n            className,\n            options,\n            value,\n            width,\n            size,\n            name,\n            placeholder,\n            popupClassName,\n            renderOption: providedRenderOption = renderOption,\n            renderSelectedOption,\n            renderDisplayValue,\n            controlProps,\n            controlClassName,\n            withArrow = true,\n            title,\n            icon,\n            validationState,\n            selectSize,\n            chevronView = 'desktop',\n            open,\n            filterable,\n            disablePortal,\n            filterOption: providedFilterOption,\n            renderFilter: providedRenderFilter,\n            autoFocus,\n            filterPlaceholder,\n            withSpecialNoOptions,\n            onOpenChange,\n            disableTooltip,\n            ...props\n        },\n        ref,\n    ) => {\n        const config = getConfig();\n        const {t} = useLocalizedString(defaultMessages, config.lang);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n\n        const renderControl = useCallback<NonNullable<CommonSelectProps['renderControl']>>(\n            (renderControlProps, config) => {\n                const {triggerProps, ref, open} = renderControlProps;\n                const hasError = validationState === 'invalid';\n\n                if (loading) {\n                    return (\n                        <div\n                            ref={ref as Ref<HTMLDivElement>}\n                            className={cnSelect('button-wrapper')}\n                        >\n                            <ActionTooltip\n                                title={title ?? ''}\n                                disabled={disableTooltip || !title}\n                                placement=\"bottom\"\n                            >\n                                <Button\n                                    view=\"outlined\"\n                                    size={size}\n                                    disabled\n                                    width=\"max\"\n                                    name={name}\n                                    className={cnSelect(\n                                        'button',\n                                        {\n                                            loading: true,\n                                            error: hasError,\n                                            platform: 'desktop',\n                                        },\n                                        controlClassName,\n                                    )}\n                                    {...controlProps}\n                                    id={id}\n                                >\n                                    <Loader className={cnSelect('loader')} />\n                                    {withArrow && (\n                                        <Icon\n                                            data={\n                                                chevronView === 'touch' ? ChevronRight : ChevronDown\n                                            }\n                                        />\n                                    )}\n                                </Button>\n                            </ActionTooltip>\n                        </div>\n                    );\n                }\n\n                if (providedRenderControl) {\n                    return providedRenderControl(renderControlProps, config);\n                }\n\n                const valueOptions: SelectOption[] = [];\n\n                if (value && value.length) {\n                    for (const valueItem of value) {\n                        const valueOption = getValueOption(options ?? [], valueItem);\n\n                        if (valueOption) {\n                            valueOptions.push(valueOption);\n                        }\n                    }\n                }\n\n                return (\n                    <div ref={ref as Ref<HTMLDivElement>} className={cnSelect('button-wrapper')}>\n                        <ActionTooltip\n                            title={title ?? ''}\n                            disabled={disableTooltip || !title}\n                            placement=\"bottom\"\n                        >\n                            <Button\n                                view=\"outlined\"\n                                size={size}\n                                {...triggerProps}\n                                name={name}\n                                aria-haspopup=\"listbox\"\n                                width=\"max\"\n                                disabled={disabled}\n                                className={cnSelect(\n                                    'button',\n                                    {\n                                        empty: valueOptions.length === 0,\n                                        'with-icon': Boolean(icon),\n                                        error: hasError,\n                                        platform: 'desktop',\n                                    },\n                                    controlClassName,\n                                )}\n                                {...controlProps}\n                                id={id}\n                            >\n                                {icon}\n                                {renderDisplayValue ? (\n                                    renderDisplayValue(valueOptions)\n                                ) : (\n                                    <>\n                                        {valueOptions.length === 0 && (placeholder || '—')}\n                                        {valueOptions.map((item, index) => (\n                                            <Fragment key={item.value}>\n                                                {renderSelectedOption\n                                                    ? renderSelectedOption(item, index)\n                                                    : item.text || item.content}\n                                                {index < valueOptions.length - 1 && ', '}\n                                            </Fragment>\n                                        ))}\n                                    </>\n                                )}\n                                {withArrow && (\n                                    <Icon\n                                        size={chevronView === 'touch' ? 24 : 16}\n                                        data={chevronView === 'touch' ? ChevronRight : ChevronDown}\n                                        className={cnSelect('chevron', {\n                                            open,\n                                        })}\n                                    />\n                                )}\n                            </Button>\n                        </ActionTooltip>\n                    </div>\n                );\n            },\n            [\n                validationState,\n                loading,\n                providedRenderControl,\n                value,\n                title,\n                disableTooltip,\n                id,\n                size,\n                name,\n                disabled,\n                icon,\n                controlClassName,\n                controlProps,\n                renderDisplayValue,\n                placeholder,\n                withArrow,\n                chevronView,\n                options,\n                renderSelectedOption,\n            ],\n        );\n\n        const renderPopup = useCallback<NonNullable<CommonSelectProps['renderPopup']>>(\n            ({renderFilter, renderList}) => (\n                <>\n                    {renderFilter()}\n                    {renderList()}\n                </>\n            ),\n            [],\n        );\n\n        const renderFilter = useCallback<NonNullable<CommonSelectProps['renderFilter']>>(\n            ({inputProps}) => {\n                const hasDefaultValue = (props.defaultValue?.length ?? 0) > 0;\n\n                const controlProps = {\n                    role: 'combobox',\n                    'aria-activedescendant': inputProps['aria-activedescendant'],\n                    'aria-controls': inputProps['aria-controls'],\n                    'aria-label': inputProps['aria-label'],\n                };\n\n                return (\n                    <TextInput\n                        autoFocus={autoFocus && !hasDefaultValue}\n                        className={cnSelect('filter')}\n                        {...inputProps}\n                        controlProps={controlProps}\n                        controlRef={inputRef}\n                        size={selectSize}\n                        name={name}\n                    />\n                );\n            },\n            [autoFocus, props.defaultValue, selectSize, name],\n        );\n\n        const optionsWithLoading = useMemo(() => {\n            if (!loadingItems) {\n                if (!options?.length) {\n                    return [\n                        {\n                            value: '',\n                            disabled: true,\n                            content: withSpecialNoOptions ? (\n                                <div className={cnSelect('no-options')}>\n                                    <Text color=\"primary\" variant=\"subheader-3\">\n                                        {t('no-options-title')}\n                                    </Text>\n                                    <Text variant=\"body-2\">{t('no-options-description')}</Text>\n                                </div>\n                            ) : (\n                                <div className={cnSelect('no-options')}>{t('no-options')}</div>\n                            ),\n                        },\n                    ];\n                }\n\n                return options;\n            }\n\n            return [\n                {\n                    value: '',\n                    disabled: true,\n                    content: (\n                        <div className={cnSelect('items-loader')}>\n                            <Loader size=\"m\" />\n                        </div>\n                    ),\n                },\n            ];\n        }, [loadingItems, options, t, withSpecialNoOptions]);\n\n        const withGroups = options?.some(isGroupOption);\n\n        useEffect(() => {\n            let timer: NodeJS.Timeout | undefined;\n\n            if (open && inputRef.current) {\n                timer = setTimeout(() => inputRef.current?.focus({preventScroll: true}), 0);\n            }\n\n            return () => {\n                if (timer) {\n                    clearTimeout(timer);\n                }\n            };\n            // eslint-disable-next-line react-hooks/exhaustive-deps -- inputRef.current must be in list\n        }, [open && inputRef.current]);\n\n        return (\n            <CommonSelect\n                disablePortal={disablePortal}\n                disabled={disabled || loading}\n                options={optionsWithLoading}\n                value={value}\n                renderControl={renderControl}\n                multiple\n                renderOption={\n                    loadingItems || !options?.length ? renderOption : providedRenderOption\n                }\n                ref={ref}\n                filterPlaceholder={filterPlaceholder ?? t('search')}\n                popupClassName={cnSelect(\n                    'popup',\n                    {\n                        'with-groups': withGroups,\n                        filterable,\n                    },\n                    popupClassName,\n                )}\n                filterOption={providedFilterOption ?? filterOption}\n                width={width}\n                className={cnSelect(null, className)}\n                size={size}\n                validationState={validationState}\n                renderPopup={renderPopup}\n                open={open}\n                renderFilter={providedRenderFilter ?? renderFilter}\n                filterable={filterable}\n                onOpenChange={onOpenChange}\n                {...props}\n            />\n        );\n    },\n);\n\nMultiSelect.displayName = 'MultiSelect';\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/Select/Select.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnSelect: import("@bem-react/classname").ClassNameFormatter;

package/build/esm/components/Select/Select.classname.js

@@ -0,0 +1,3 @@
+import { block } from "../cn";
+export var cnSelect = block('select');
+// #sourceMappingURL=Select.classname.js.map

package/build/esm/components/Select/Select.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["block","cnSelect"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnSelect = block('select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,QAAQ,GAAGD,KAAK,CAAC,QAAQ,CAAC","ignoreList":[]}

package/build/esm/components/Select/Select.css

@@ -0,0 +1,121 @@
+.tpc-select__button {
+  vertical-align: text-bottom;
+}
+.tpc-select__button_error::before {
+  --_--focus-outline-color: var(--g-color-line-danger);
+  border-color: var(--g-color-line-danger);
+}
+.tpc-select__button:not(.tpc-select__button_with-icon).tpc-select__button_empty {
+  color: var(--g-color-text-hint);
+}
+.tpc-select__button:not(.tpc-select__button_loading) {
+  justify-content: space-between;
+}
+.tpc-select__button:disabled {
+  color: var(--g-color-text-hint);
+}
+.tpc-select__button_clear {
+  padding: 0;
+}
+.tpc-select__button_clear .g-button__icon_side_end {
+  margin: 0;
+}
+.tpc-select__button_loading.g-button_width_max {
+  justify-content: space-between;
+}
+.tpc-select__button_loading.g-button_width_max .g-button__text {
+  margin: auto;
+}
+.tpc-select__button_platform_desktop .tpc-select__chevron_open {
+  transform: rotate(180deg);
+}
+.tpc-select__loader {
+  vertical-align: middle;
+}
+.tpc-select__items-loader {
+  display: flex;
+  justify-content: center;
+}
+.tpc-select__option {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tpc-select__option_disabled {
+  cursor: default;
+  color: var(--g-color-text-secondary);
+}
+.tpc-select__no-options {
+  justify-content: center;
+}
+.tpc-select__popup .g-select-list__group-label-content {
+  color: var(--g-color-text-hint);
+}
+.tpc-select__popup .tpc-select__filter {
+  width: auto;
+  padding: var(--g-spacing-1) var(--g-spacing-1) 0;
+}
+.tpc-select__button-wrapper {
+  width: 100%;
+}
+.tpc-select__popup_mobile {
+  --suggest-offset: 230px;
+}
+.tpc-select__popup_mobile .tpc-select__filter {
+  width: auto;
+  padding: 0 var(--g-spacing-5);
+  margin-bottom: var(--g-spacing-2);
+}
+.tpc-select__popup_mobile .g-sheet__sheet-content {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+}
+.tpc-select__popup_mobile .g-sheet__sheet-content > div:not([class]) {
+  display: flex;
+  flex-direction: column;
+  flex: auto;
+  width: 100%;
+  min-height: 0;
+}
+.tpc-select__popup_mobile .g-sheet__sheet-content .g-select-filter {
+  flex: none;
+}
+.tpc-select__popup_mobile .g-sheet__sheet-content .g-select-list_mobile {
+  flex: auto;
+}
+.tpc-select__popup_mobile .g-select-list__option {
+  padding: var(--g-spacing-2) var(--g-spacing-4);
+}
+.tpc-select__popup_mobile .g-select-list__group-label-content {
+  font-weight: inherit;
+}
+.tpc-select__popup_mobile .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {
+  height: auto;
+}
+.tpc-select__popup_mobile .g-select-list__item:has(.g-select-list__group-label) {
+  margin-top: var(--g-spacing-2);
+}
+.tpc-select__popup_mobile .g-select-list__item:not(:first-child) .g-select-list__group-label::before {
+  right: var(--g-spacing-3);
+  left: var(--g-spacing-3);
+  width: auto;
+}
+.tpc-select__popup_mobile.tpc-select__popup_filterable .g-sheet__sheet-content {
+  height: calc(100dvh - var(--suggest-offset));
+}
+.tpc-select__popup:not(.tpc-select__popup_mobile).tpc-select__popup_with-groups .g-select-list__option {
+  padding-left: var(--g-spacing-4);
+}
+.tpc-select__popup:not(.tpc-select__popup_mobile) .g-select-list {
+  /* stylelint-disable-next-line declaration-no-important */
+  max-height: 40vh !important;
+}
+.tpc-select__title_platform_touch {
+  padding-top: var(--g-spacing-3);
+  padding-bottom: var(--g-spacing-3);
+  margin: auto;
+}
+/*# sourceMappingURL=Select.css.map */

package/build/esm/components/Select/Select.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Select.scss"],"names":[],"mappings":"AAGI;EACI,2BAAA;AAFR;AAIQ;EACI,oDAAA;EACA,wCAAA;AAFZ;AAMY;EACI,+BAAA;AAJhB;AAQQ;EACI,8BAAA;AANZ;AASQ;EACI,+BAAA;AAPZ;AAUQ;EACI,UAAA;AARZ;AAUY;EACI,SAAA;AARhB;AAYQ;EACI,8BAAA;AAVZ;AAYY;EACI,YAAA;AAVhB;AAgBgB;EACI,yBAAA;AAdpB;AAoBI;EACI,sBAAA;AAlBR;AAqBI;EACI,aAAA;EACA,uBAAA;AAnBR;AAsBI;EACI,qBAAA;EAEA,WAAA;EAEA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AAvBR;AAyBQ;EACI,eAAA;EAEA,oCAAA;AAxBZ;AA4BI;EACI,uBAAA;AA1BR;AA8BQ;EACI,+BAAA;AA5BZ;AA+BQ;EACI,WAAA;EACA,gDAAA;AA7BZ;AAiCI;EACI,WAAA;AA/BR;AAkCI;EACI,uBAAA;AAhCR;AAkCQ;EACI,WAAA;EACA,6BAAA;EACA,iCAAA;AAhCZ;AAmCQ;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;AAlCZ;AAoCY;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,WAAA;EACA,aAAA;AAnChB;AAsCY;EACI,UAAA;AApChB;AAuCY;EACI,UAAA;AArChB;AAyCQ;EACI,8CAAA;AAvCZ;AA0CQ;EACI,oBAAA;AAxCZ;AA2CQ;EACI,YAAA;AAzCZ;AA4CQ;EACI,8BAAA;AA1CZ;AA6CQ;EACI,yBAAA;EACA,wBAAA;EAEA,WAAA;AA5CZ;AAgDY;EACI,4CAAA;AA9ChB;AAqDY;EACI,gCAAA;AAnDhB;AAuDQ;EAEI,yDAAA;EACA,2BAAA;AAtDZ;AA2DQ;EACI,+BAAA;EACA,kCAAA;EACA,YAAA;AAzDZ","file":"Select.css","sourcesContent":["$arrowIconSpace: 25px;\n\n.tpc-select {\n    &__button {\n        vertical-align: text-bottom;\n\n        &_error::before {\n            --_--focus-outline-color: var(--g-color-line-danger);\n            border-color: var(--g-color-line-danger);\n        }\n\n        &:not(.tpc-select__button_with-icon) {\n            &.tpc-select__button_empty {\n                color: var(--g-color-text-hint);\n            }\n        }\n\n        &:not(.tpc-select__button_loading) {\n            justify-content: space-between;\n        }\n\n        &:disabled {\n            color: var(--g-color-text-hint);\n        }\n\n        &_clear {\n            padding: 0;\n\n            .g-button__icon_side_end {\n                margin: 0;\n            }\n        }\n\n        &_loading.g-button_width_max {\n            justify-content: space-between;\n\n            .g-button__text {\n                margin: auto;\n            }\n        }\n\n        &_platform {\n            &_desktop {\n                .tpc-select__chevron_open {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n    }\n\n    &__loader {\n        vertical-align: middle;\n    }\n\n    &__items-loader {\n        display: flex;\n        justify-content: center;\n    }\n\n    &__option {\n        display: inline-block;\n\n        width: 100%;\n\n        overflow: hidden;\n\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &_disabled {\n            cursor: default;\n\n            color: var(--g-color-text-secondary);\n        }\n    }\n\n    &__no-options {\n        justify-content: center;\n    }\n\n    &__popup {\n        .g-select-list__group-label-content {\n            color: var(--g-color-text-hint);\n        }\n\n        .tpc-select__filter {\n            width: auto;\n            padding: var(--g-spacing-1) var(--g-spacing-1) 0;\n        }\n    }\n\n    &__button-wrapper {\n        width: 100%;\n    }\n\n    &__popup_mobile {\n        --suggest-offset: 230px;\n\n        .tpc-select__filter {\n            width: auto;\n            padding: 0 var(--g-spacing-5);\n            margin-bottom: var(--g-spacing-2);\n        }\n\n        .g-sheet__sheet-content {\n            display: flex;\n            flex-direction: column;\n\n            padding: 0;\n\n            > div:not([class]) {\n                display: flex;\n                flex-direction: column;\n\n                flex: auto;\n                width: 100%;\n                min-height: 0;\n            }\n\n            .g-select-filter {\n                flex: none;\n            }\n\n            .g-select-list_mobile {\n                flex: auto;\n            }\n        }\n\n        .g-select-list__option {\n            padding: var(--g-spacing-2) var(--g-spacing-4);\n        }\n\n        .g-select-list__group-label-content {\n            font-weight: inherit;\n        }\n\n        .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {\n            height: auto;\n        }\n\n        .g-select-list__item:has(.g-select-list__group-label) {\n            margin-top: var(--g-spacing-2);\n        }\n\n        .g-select-list__item:not(:first-child) .g-select-list__group-label::before {\n            right: var(--g-spacing-3);\n            left: var(--g-spacing-3);\n\n            width: auto;\n        }\n\n        &.tpc-select__popup_filterable {\n            .g-sheet__sheet-content {\n                height: calc(100dvh - var(--suggest-offset));\n            }\n        }\n    }\n\n    &__popup:not(.tpc-select__popup_mobile) {\n        &.tpc-select__popup_with-groups {\n            .g-select-list__option {\n                padding-left: var(--g-spacing-4);\n            }\n        }\n\n        .g-select-list {\n            // override Select styles\n            /* stylelint-disable-next-line declaration-no-important */\n            max-height: 40vh !important;\n        }\n    }\n\n    &__title {\n        &_platform_touch {\n            padding-top: var(--g-spacing-3);\n            padding-bottom: var(--g-spacing-3);\n            margin: auto;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/Select/Select.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { MultiSelectProps } from './MultiSelect';
+export type SelectProps = Omit<MultiSelectProps, 'multiple' | 'value' | 'onUpdate' | 'onFocus' | 'onBlur'> & {
+    value?: string;
+    onUpdate: (value: string) => void;
+};
+export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "onUpdate" | "value" | "onFocus" | "onBlur"> & {
+    value?: string;
+    onUpdate: (value: string) => void;
+} & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/Select/Select.js

@@ -0,0 +1,25 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["value", "onUpdate"];
+import React, { forwardRef, useCallback, useMemo } from 'react';
+import { MultiSelect } from "./MultiSelect";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+    onUpdate = _ref.onUpdate,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var normalizedValue = useMemo(function () {
+    return value ? [value] : [];
+  }, [value]);
+  var handleUpdate = useCallback(function (values) {
+    onUpdate(values[0]);
+  }, [onUpdate]);
+  return /*#__PURE__*/_jsx(MultiSelect, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    value: normalizedValue,
+    onUpdate: handleUpdate,
+    multiple: false
+  }));
+});
+Select.displayName = 'Select';
+// #sourceMappingURL=Select.js.map

package/build/esm/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","MultiSelect","jsx","_jsx","Select","_ref","ref","value","onUpdate","props","_objectWithoutProperties","_excluded","normalizedValue","handleUpdate","values","_objectSpread","multiple","displayName"],"sources":["Select.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useMemo} from 'react';\n\nimport type {MultiSelectProps} from './MultiSelect';\nimport {MultiSelect} from './MultiSelect';\n\nexport type SelectProps = Omit<\n    MultiSelectProps,\n    'multiple' | 'value' | 'onUpdate' | 'onFocus' | 'onBlur'\n> & {\n    value?: string;\n    onUpdate: (value: string) => void;\n};\n\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(\n    ({value, onUpdate, ...props}, ref) => {\n        const normalizedValue = useMemo(() => (value ? [value] : []), [value]);\n\n        const handleUpdate = useCallback(\n            (values: string[]) => {\n                onUpdate(values[0]!);\n            },\n            [onUpdate],\n        );\n\n        return (\n            <MultiSelect\n                {...props}\n                ref={ref}\n                value={normalizedValue}\n                onUpdate={handleUpdate}\n                multiple={false}\n            />\n        );\n    },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAGC,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAO,OAAO;AAG7D,SAAQC,WAAW;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAU1C,OAAO,IAAMC,MAAM,gBAAGN,UAAU,CAC5B,UAAAO,IAAA,EAA8BC,GAAG,EAAK;EAAA,IAApCC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACvB,IAAMC,eAAe,GAAGZ,OAAO,CAAC;IAAA,OAAOO,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAE;EAAA,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEtE,IAAMM,YAAY,GAAGd,WAAW,CAC5B,UAACe,MAAgB,EAAK;IAClBN,QAAQ,CAACM,MAAM,CAAC,CAAC,CAAE,CAAC;EACxB,CAAC,EACD,CAACN,QAAQ,CACb,CAAC;EAED,oBACIL,IAAA,CAACF,WAAW,EAAAc,aAAA,CAAAA,aAAA,KACJN,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAEK,eAAgB;IACvBJ,QAAQ,EAAEK,YAAa;IACvBG,QAAQ,EAAE;EAAM,EACnB,CAAC;AAEV,CACJ,CAAC;AAEDZ,MAAM,CAACa,WAAW,GAAG,QAAQ","ignoreList":[]}