@hh.ru/magritte-ui-select 6.0.24 → 6.0.26

package/Select.js

@@ -13,7 +13,7 @@ import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-drop';
 import '@hh.ru/magritte-ui-icon/icon';
-import './SelectActivator-B49OrRS8.js';
+import './SelectActivator-Bp2d4NPX.js';
 import 'classnames';
 import '@hh.ru/magritte-ui-counter';
 import '@hh.ru/magritte-ui-form-helper';

package/{SelectActivator-B49OrRS8.js → SelectActivator-Bp2d4NPX.js}

@@ -10,7 +10,7 @@ import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"select-activator":"magritte-select-activator___9XXwA_6-0-24","selectActivator":"magritte-select-activator___9XXwA_6-0-24","select-activator-label":"magritte-select-activator-label___Mc49R_6-0-24","selectActivatorLabel":"magritte-select-activator-label___Mc49R_6-0-24","select-activator-placeholder":"magritte-select-activator-placeholder___7ODSn_6-0-24","selectActivatorPlaceholder":"magritte-select-activator-placeholder___7ODSn_6-0-24","select-activator-value":"magritte-select-activator-value___wDbVR_6-0-24","selectActivatorValue":"magritte-select-activator-value___wDbVR_6-0-24","select-activator-chevron":"magritte-select-activator-chevron___DHIUH_6-0-24","selectActivatorChevron":"magritte-select-activator-chevron___DHIUH_6-0-24","select-activator-disabled":"magritte-select-activator-disabled___mYKi2_6-0-24","selectActivatorDisabled":"magritte-select-activator-disabled___mYKi2_6-0-24","select-activator-item":"magritte-select-activator-item___JsY4v_6-0-24","selectActivatorItem":"magritte-select-activator-item___JsY4v_6-0-24","select-activator-invalid":"magritte-select-activator-invalid___IdlRp_6-0-24","selectActivatorInvalid":"magritte-select-activator-invalid___IdlRp_6-0-24","select-activator-size-large":"magritte-select-activator-size-large___MIXAH_6-0-24","selectActivatorSizeLarge":"magritte-select-activator-size-large___MIXAH_6-0-24","select-activator-with-label":"magritte-select-activator-with-label___DwcKr_6-0-24","selectActivatorWithLabel":"magritte-select-activator-with-label___DwcKr_6-0-24","select-activator-label-root":"magritte-select-activator-label-root___eYIWQ_6-0-24","selectActivatorLabelRoot":"magritte-select-activator-label-root___eYIWQ_6-0-24","select-activator-has-counter":"magritte-select-activator-has-counter___k2Kc2_6-0-24","selectActivatorHasCounter":"magritte-select-activator-has-counter___k2Kc2_6-0-24","select-activator-ellipsis":"magritte-select-activator-ellipsis___16zkC_6-0-24","selectActivatorEllipsis":"magritte-select-activator-ellipsis___16zkC_6-0-24","select-activator-chevron-animation-timeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-24","selectActivatorChevronAnimationTimeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-24","select-activator-chevron-up":"magritte-select-activator-chevron-up___gtPyi_6-0-24","selectActivatorChevronUp":"magritte-select-activator-chevron-up___gtPyi_6-0-24","select-options":"magritte-select-options___y2KYZ_6-0-24","selectOptions":"magritte-select-options___y2KYZ_6-0-24","select-options-xs":"magritte-select-options-xs___BiiPo_6-0-24","selectOptionsXs":"magritte-select-options-xs___BiiPo_6-0-24","optionDelimiter":"magritte-optionDelimiter___OaKsB_6-0-24"};
+var styles = {"select-activator":"magritte-select-activator___9XXwA_6-0-26","selectActivator":"magritte-select-activator___9XXwA_6-0-26","select-activator-label":"magritte-select-activator-label___Mc49R_6-0-26","selectActivatorLabel":"magritte-select-activator-label___Mc49R_6-0-26","select-activator-placeholder":"magritte-select-activator-placeholder___7ODSn_6-0-26","selectActivatorPlaceholder":"magritte-select-activator-placeholder___7ODSn_6-0-26","select-activator-value":"magritte-select-activator-value___wDbVR_6-0-26","selectActivatorValue":"magritte-select-activator-value___wDbVR_6-0-26","select-activator-chevron":"magritte-select-activator-chevron___DHIUH_6-0-26","selectActivatorChevron":"magritte-select-activator-chevron___DHIUH_6-0-26","select-activator-disabled":"magritte-select-activator-disabled___mYKi2_6-0-26","selectActivatorDisabled":"magritte-select-activator-disabled___mYKi2_6-0-26","select-activator-item":"magritte-select-activator-item___JsY4v_6-0-26","selectActivatorItem":"magritte-select-activator-item___JsY4v_6-0-26","select-activator-invalid":"magritte-select-activator-invalid___IdlRp_6-0-26","selectActivatorInvalid":"magritte-select-activator-invalid___IdlRp_6-0-26","select-activator-size-large":"magritte-select-activator-size-large___MIXAH_6-0-26","selectActivatorSizeLarge":"magritte-select-activator-size-large___MIXAH_6-0-26","select-activator-with-label":"magritte-select-activator-with-label___DwcKr_6-0-26","selectActivatorWithLabel":"magritte-select-activator-with-label___DwcKr_6-0-26","select-activator-label-root":"magritte-select-activator-label-root___eYIWQ_6-0-26","selectActivatorLabelRoot":"magritte-select-activator-label-root___eYIWQ_6-0-26","select-activator-has-counter":"magritte-select-activator-has-counter___k2Kc2_6-0-26","selectActivatorHasCounter":"magritte-select-activator-has-counter___k2Kc2_6-0-26","select-activator-ellipsis":"magritte-select-activator-ellipsis___16zkC_6-0-26","selectActivatorEllipsis":"magritte-select-activator-ellipsis___16zkC_6-0-26","select-activator-chevron-animation-timeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-26","selectActivatorChevronAnimationTimeout":"magritte-select-activator-chevron-animation-timeout___y19bf_6-0-26","select-activator-chevron-up":"magritte-select-activator-chevron-up___gtPyi_6-0-26","selectActivatorChevronUp":"magritte-select-activator-chevron-up___gtPyi_6-0-26","select-options":"magritte-select-options___y2KYZ_6-0-26","selectOptions":"magritte-select-options___y2KYZ_6-0-26","select-options-xs":"magritte-select-options-xs___BiiPo_6-0-26","selectOptionsXs":"magritte-select-options-xs___BiiPo_6-0-26","optionDelimiter":"magritte-optionDelimiter___OaKsB_6-0-26"};
 
 // Когда активатор находится в фокусе, обрабатываем клавиатурную навигацию один раз и передаем фокус в дроп,
 // внутри дропа ей будет заниматься useKeyboardNavigation
@@ -107,4 +107,4 @@ const renderSelectActivator = (props) => {
 };
 
 export { SelectActivator as S, renderSelectActivator as r, styles as s };
-//# sourceMappingURL=SelectActivator-B49OrRS8.js.map
+//# sourceMappingURL=SelectActivator-Bp2d4NPX.js.map

package/{SelectActivator-B49OrRS8.js.map → SelectActivator-Bp2d4NPX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectActivator-B49OrRS8.js","sources":["../src/SelectActivator.tsx"],"sourcesContent":["import {\n    ForwardedRef,\n    Fragment,\n    KeyboardEventHandler,\n    ReactNode,\n    SyntheticEvent,\n    forwardRef,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { findNextFocusableElement, keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { DeprecatedCounter } from '@hh.ru/magritte-ui-counter';\nimport { FormHelper } from '@hh.ru/magritte-ui-form-helper';\nimport { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { type SelectActivatorProps } from '@hh.ru/magritte-ui-select/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\n// Когда активатор находится в фокусе, обрабатываем клавиатурную навигацию один раз и передаем фокус в дроп,\n// внутри дропа ей будет заниматься useKeyboardNavigation\nconst focusOptionsList = (event: SyntheticEvent, drop: HTMLElement | null | undefined, direction: 'up' | 'down') => {\n    if (drop) {\n        const nextFocusableElement = findNextFocusableElement(drop, null, direction, 'list');\n        if (nextFocusableElement !== null) {\n            event.preventDefault();\n            nextFocusableElement.focus();\n        }\n    }\n};\n\nconst SelectActivator = forwardRef(\n    <T,>(\n        {\n            placeholder,\n            size = 'medium',\n            elevatePlaceholder = false,\n            disabled = false,\n            multiple,\n            invalid = false,\n            searchable = false,\n            selectedOptions,\n            toggleOptions,\n            onFocus,\n            onBlur,\n            searchValue,\n            setSearchValue,\n            description,\n            errorMessage,\n            visible,\n            dropRef,\n            forcedState,\n            setForcedState,\n        }: SelectActivatorProps<T>,\n        ref: ForwardedRef<HTMLElement>\n    ) => {\n        const activatorRef = useRef<HTMLDivElement>(null);\n        const activatorRefCallback = useMultipleRefs(ref, activatorRef);\n        const counter = multiple ? selectedOptions?.length ?? 0 : 0;\n        const inputRef = useRef<HTMLInputElement>(null);\n        const prevVisibleRef = useRef(visible);\n\n        const value = selectedOptions?.map(({ label, value }, index) => (\n            <Fragment key={value}>\n                {label}\n                {index === selectedOptions.length - 1 ? '' : ', '}\n            </Fragment>\n        ));\n\n        const hintContent = (\n            <FormHelper\n                key=\"hint\"\n                description={description}\n                errorMessage={errorMessage}\n                disabled={disabled}\n                invalid={invalid && !visible}\n            />\n        );\n\n        const handleKeyDown = useCallback<KeyboardEventHandler>(\n            (event) => {\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                    setForcedState?.('focus');\n                    toggleOptions(false);\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp)) {\n                    focusOptionsList(event, dropRef?.current, 'up');\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown)) {\n                    focusOptionsList(event, dropRef?.current, 'down');\n                    return;\n                }\n\n                if (!visible && !keyboardMatch(event.nativeEvent, keyboardKeys.Tab)) {\n                    toggleOptions(true);\n                }\n            },\n            [dropRef, setForcedState, toggleOptions, visible]\n        );\n\n        useLayoutEffect(() => {\n            if (forcedState === 'focus') {\n                if (inputRef.current !== null) {\n                    inputRef.current.focus();\n                } else {\n                    activatorRef.current?.focus();\n                    setForcedState?.(null);\n                }\n            }\n\n            if (forcedState === 'focusAndSelect') {\n                inputRef.current?.focus();\n                inputRef.current?.select();\n            }\n\n            // список опций закрылся по клику вне него\n            if (!forcedState && !visible && prevVisibleRef.current) {\n                onBlur?.();\n            }\n\n            prevVisibleRef.current = visible;\n        }, [forcedState, setForcedState, visible, onBlur]);\n\n        if (searchable && (visible || forcedState === 'focus' || forcedState === 'focusAndSelect')) {\n            const sizeProp = size === 'large' ? ({ size: 'large' } as const) : ({ size: 'medium' } as const);\n\n            return (\n                <>\n                    <BaseInput\n                        {...sizeProp}\n                        wrapperRef={ref as ForwardedRef<HTMLDivElement> | undefined}\n                        onKeyDown={handleKeyDown}\n                        ref={inputRef}\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onBlur={() => setForcedState?.(null)}\n                        data-qa=\"magritte-select-activator-input\"\n                        placeholder={selectedOptions.length > 0 ? value : placeholder}\n                        counter={counter === 0 ? undefined : counter}\n                        autoComplete=\"off\"\n                    />\n                    {hintContent}\n                </>\n            );\n        }\n\n        const showValue = selectedOptions.length > 0;\n        const showPlaceholder = !!(placeholder && !showValue);\n        const isLargeSize = size === 'large';\n        const showLabel = !!(isLargeSize && placeholder && elevatePlaceholder && showValue);\n\n        return (\n            <>\n                <div\n                    ref={activatorRefCallback}\n                    data-qa=\"magritte-select-activator\"\n                    className={classnames(styles.selectActivator, {\n                        [styles.selectActivatorSizeLarge]: isLargeSize,\n                        [styles.selectActivatorWithLabel]: showLabel,\n                        [styles.selectActivatorHasCounter]: counter > 0,\n                        [styles.selectActivatorDisabled]: disabled,\n                        [styles.selectActivatorInvalid]: invalid,\n                    })}\n                    onClick={() => {\n                        if (!disabled && !visible) {\n                            toggleOptions(true);\n                        }\n                    }}\n                    onFocus={() => {\n                        if (!disabled && !visible && forcedState !== 'focus' && forcedState !== 'focusAndSelect') {\n                            onFocus?.();\n                            toggleOptions(true);\n                            setForcedState?.('focus');\n                        }\n                    }}\n                    onBlur={() => {\n                        if (!disabled && !visible) {\n                            onBlur?.();\n                        }\n                    }}\n                    onKeyDown={handleKeyDown}\n                    tabIndex={disabled ? -1 : 0}\n                >\n                    <div className={styles.selectActivatorLabelRoot}>\n                        {showPlaceholder && (\n                            <div className={styles.selectActivatorPlaceholder}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showLabel && (\n                            <div className={styles.selectActivatorLabel}>\n                                <Text typography=\"label-4-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showValue && (\n                            <div className={styles.selectActivatorValue}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{value}</div>\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n                    <div className={styles.selectActivatorItem}>\n                        {counter > 0 && <DeprecatedCounter label={counter} />}\n                        <div\n                            className={classnames(styles.selectActivatorChevron, {\n                                [styles.selectActivatorChevronUp]: visible,\n                            })}\n                        >\n                            <ChevronDownOutlinedSize24 />\n                        </div>\n                    </div>\n                </div>\n                {hintContent}\n            </>\n        );\n    }\n);\n\nSelectActivator.displayName = 'SelectActivator';\n\nconst renderSelectActivator = <T,>(props: SelectActivatorProps<T>): ReactNode => {\n    return <SelectActivator {...props} />;\n};\n\nexport { SelectActivator, renderSelectActivator };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"SelectActivator-Bp2d4NPX.js","sources":["../src/SelectActivator.tsx"],"sourcesContent":["import {\n    ForwardedRef,\n    Fragment,\n    KeyboardEventHandler,\n    ReactNode,\n    SyntheticEvent,\n    forwardRef,\n    useCallback,\n    useLayoutEffect,\n    useRef,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { findNextFocusableElement, keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { DeprecatedCounter } from '@hh.ru/magritte-ui-counter';\nimport { FormHelper } from '@hh.ru/magritte-ui-form-helper';\nimport { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { type SelectActivatorProps } from '@hh.ru/magritte-ui-select/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './styles.less';\n\n// Когда активатор находится в фокусе, обрабатываем клавиатурную навигацию один раз и передаем фокус в дроп,\n// внутри дропа ей будет заниматься useKeyboardNavigation\nconst focusOptionsList = (event: SyntheticEvent, drop: HTMLElement | null | undefined, direction: 'up' | 'down') => {\n    if (drop) {\n        const nextFocusableElement = findNextFocusableElement(drop, null, direction, 'list');\n        if (nextFocusableElement !== null) {\n            event.preventDefault();\n            nextFocusableElement.focus();\n        }\n    }\n};\n\nconst SelectActivator = forwardRef(\n    <T,>(\n        {\n            placeholder,\n            size = 'medium',\n            elevatePlaceholder = false,\n            disabled = false,\n            multiple,\n            invalid = false,\n            searchable = false,\n            selectedOptions,\n            toggleOptions,\n            onFocus,\n            onBlur,\n            searchValue,\n            setSearchValue,\n            description,\n            errorMessage,\n            visible,\n            dropRef,\n            forcedState,\n            setForcedState,\n        }: SelectActivatorProps<T>,\n        ref: ForwardedRef<HTMLElement>\n    ) => {\n        const activatorRef = useRef<HTMLDivElement>(null);\n        const activatorRefCallback = useMultipleRefs(ref, activatorRef);\n        const counter = multiple ? selectedOptions?.length ?? 0 : 0;\n        const inputRef = useRef<HTMLInputElement>(null);\n        const prevVisibleRef = useRef(visible);\n\n        const value = selectedOptions?.map(({ label, value }, index) => (\n            <Fragment key={value}>\n                {label}\n                {index === selectedOptions.length - 1 ? '' : ', '}\n            </Fragment>\n        ));\n\n        const hintContent = (\n            <FormHelper\n                key=\"hint\"\n                description={description}\n                errorMessage={errorMessage}\n                disabled={disabled}\n                invalid={invalid && !visible}\n            />\n        );\n\n        const handleKeyDown = useCallback<KeyboardEventHandler>(\n            (event) => {\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                    setForcedState?.('focus');\n                    toggleOptions(false);\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowUp)) {\n                    focusOptionsList(event, dropRef?.current, 'up');\n                    return;\n                }\n\n                if (visible && keyboardMatch(event.nativeEvent, keyboardKeys.ArrowDown)) {\n                    focusOptionsList(event, dropRef?.current, 'down');\n                    return;\n                }\n\n                if (!visible && !keyboardMatch(event.nativeEvent, keyboardKeys.Tab)) {\n                    toggleOptions(true);\n                }\n            },\n            [dropRef, setForcedState, toggleOptions, visible]\n        );\n\n        useLayoutEffect(() => {\n            if (forcedState === 'focus') {\n                if (inputRef.current !== null) {\n                    inputRef.current.focus();\n                } else {\n                    activatorRef.current?.focus();\n                    setForcedState?.(null);\n                }\n            }\n\n            if (forcedState === 'focusAndSelect') {\n                inputRef.current?.focus();\n                inputRef.current?.select();\n            }\n\n            // список опций закрылся по клику вне него\n            if (!forcedState && !visible && prevVisibleRef.current) {\n                onBlur?.();\n            }\n\n            prevVisibleRef.current = visible;\n        }, [forcedState, setForcedState, visible, onBlur]);\n\n        if (searchable && (visible || forcedState === 'focus' || forcedState === 'focusAndSelect')) {\n            const sizeProp = size === 'large' ? ({ size: 'large' } as const) : ({ size: 'medium' } as const);\n\n            return (\n                <>\n                    <BaseInput\n                        {...sizeProp}\n                        wrapperRef={ref as ForwardedRef<HTMLDivElement> | undefined}\n                        onKeyDown={handleKeyDown}\n                        ref={inputRef}\n                        value={searchValue}\n                        onChange={setSearchValue}\n                        onBlur={() => setForcedState?.(null)}\n                        data-qa=\"magritte-select-activator-input\"\n                        placeholder={selectedOptions.length > 0 ? value : placeholder}\n                        counter={counter === 0 ? undefined : counter}\n                        autoComplete=\"off\"\n                    />\n                    {hintContent}\n                </>\n            );\n        }\n\n        const showValue = selectedOptions.length > 0;\n        const showPlaceholder = !!(placeholder && !showValue);\n        const isLargeSize = size === 'large';\n        const showLabel = !!(isLargeSize && placeholder && elevatePlaceholder && showValue);\n\n        return (\n            <>\n                <div\n                    ref={activatorRefCallback}\n                    data-qa=\"magritte-select-activator\"\n                    className={classnames(styles.selectActivator, {\n                        [styles.selectActivatorSizeLarge]: isLargeSize,\n                        [styles.selectActivatorWithLabel]: showLabel,\n                        [styles.selectActivatorHasCounter]: counter > 0,\n                        [styles.selectActivatorDisabled]: disabled,\n                        [styles.selectActivatorInvalid]: invalid,\n                    })}\n                    onClick={() => {\n                        if (!disabled && !visible) {\n                            toggleOptions(true);\n                        }\n                    }}\n                    onFocus={() => {\n                        if (!disabled && !visible && forcedState !== 'focus' && forcedState !== 'focusAndSelect') {\n                            onFocus?.();\n                            toggleOptions(true);\n                            setForcedState?.('focus');\n                        }\n                    }}\n                    onBlur={() => {\n                        if (!disabled && !visible) {\n                            onBlur?.();\n                        }\n                    }}\n                    onKeyDown={handleKeyDown}\n                    tabIndex={disabled ? -1 : 0}\n                >\n                    <div className={styles.selectActivatorLabelRoot}>\n                        {showPlaceholder && (\n                            <div className={styles.selectActivatorPlaceholder}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showLabel && (\n                            <div className={styles.selectActivatorLabel}>\n                                <Text typography=\"label-4-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{placeholder}</div>\n                                </Text>\n                            </div>\n                        )}\n                        {showValue && (\n                            <div className={styles.selectActivatorValue}>\n                                <Text typography=\"label-2-regular\">\n                                    <div className={styles.selectActivatorEllipsis}>{value}</div>\n                                </Text>\n                            </div>\n                        )}\n                    </div>\n                    <div className={styles.selectActivatorItem}>\n                        {counter > 0 && <DeprecatedCounter label={counter} />}\n                        <div\n                            className={classnames(styles.selectActivatorChevron, {\n                                [styles.selectActivatorChevronUp]: visible,\n                            })}\n                        >\n                            <ChevronDownOutlinedSize24 />\n                        </div>\n                    </div>\n                </div>\n                {hintContent}\n            </>\n        );\n    }\n);\n\nSelectActivator.displayName = 'SelectActivator';\n\nconst renderSelectActivator = <T,>(props: SelectActivatorProps<T>): ReactNode => {\n    return <SelectActivator {...props} />;\n};\n\nexport { SelectActivator, renderSelectActivator };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/SelectActivator.js

@@ -9,5 +9,5 @@ import '@hh.ru/magritte-ui-form-helper';
 import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-input/BaseInput';
 import '@hh.ru/magritte-ui-typography';
-export { S as SelectActivator, r as renderSelectActivator } from './SelectActivator-B49OrRS8.js';
+export { S as SelectActivator, r as renderSelectActivator } from './SelectActivator-Bp2d4NPX.js';
 //# sourceMappingURL=SelectActivator.js.map

package/SelectForDesktopDevice.js

@@ -7,7 +7,7 @@ import { Card } from '@hh.ru/magritte-ui-card';
 import { Cell, CellText } from '@hh.ru/magritte-ui-cell';
 import { Drop } from '@hh.ru/magritte-ui-drop';
 import { CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
-import { S as SelectActivator, s as styles } from './SelectActivator-B49OrRS8.js';
+import { S as SelectActivator, s as styles } from './SelectActivator-Bp2d4NPX.js';
 import { SelectOption } from './SelectOption.js';
 import { getChecked } from './getChecked.js';
 import 'classnames';