@salutejs/plasma-new-hope 0.141.0-canary.1420.10717002054.0 → 0.141.0-canary.1422.10721189833.0

package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx

@@ -47,6 +47,7 @@ const meta: Meta<StorySelectProps> = {
         usePortal: false,
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
         label: 'Label',
         placeholder: 'Placeholder',
         enumerationType: 'comma',
@@ -81,7 +82,7 @@ const getSelectItems = (slug: string, elemCount: number) =>
     }));
 
 const StorySingle = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
 
@@ -104,6 +105,7 @@ const StorySingle = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -129,7 +131,18 @@ export const Single: StoryObj<StorySelectProps> = {
 };
 
 const StoryMultiple = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+    const {
+        usePortal,
+        placement,
+        label,
+        placeholder,
+        readOnly,
+        disabled,
+        enumerationType,
+        alwaysOpened,
+        size = 'm',
+        view,
+    } = args;
 
     const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
 
@@ -153,6 +166,7 @@ const StoryMultiple = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -174,7 +188,7 @@ export const Multiple: StoryObj<StorySelectProps> = {
 };
 
 const StoryAddCustomItem = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [opened, setOpened] = useState(false);
     const [items, setItems] = useState(getSelectItems('item', 1));
@@ -225,6 +239,7 @@ const StoryAddCustomItem = (args: StorySelectProps) => {
                 disabled={disabled}
                 readOnly={readOnly}
                 opened={opened}
+                alwaysOpened={alwaysOpened}
                 onToggle={onToggle}
                 onChangeValue={onChangeValue}
                 onKeyDown={onKeyDown}

package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx

@@ -73,6 +73,7 @@ const meta: Meta<StorySelectProps> = {
         variant: 'normal',
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
     },
     parameters: {
         controls: {
@@ -86,6 +87,7 @@ const meta: Meta<StorySelectProps> = {
                 'helperText',
                 'isTargetAmount',
                 'closeAfterSelect',
+                'alwaysOpened',
                 'variant',
                 'disabled',
                 'readOnly',

package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx

@@ -47,6 +47,7 @@ const meta: Meta<StorySelectProps> = {
         usePortal: false,
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
         label: 'Label',
         placeholder: 'Placeholder',
         enumerationType: 'comma',
@@ -81,7 +82,7 @@ const getSelectItems = (slug: string, elemCount: number) =>
     }));
 
 const StorySingle = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
 
@@ -104,6 +105,7 @@ const StorySingle = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -129,7 +131,18 @@ export const Single: StoryObj<StorySelectProps> = {
 };
 
 const StoryMultiple = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+    const {
+        usePortal,
+        placement,
+        label,
+        placeholder,
+        readOnly,
+        disabled,
+        enumerationType,
+        alwaysOpened,
+        size = 'm',
+        view,
+    } = args;
 
     const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
 
@@ -153,6 +166,7 @@ const StoryMultiple = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -174,7 +188,7 @@ export const Multiple: StoryObj<StorySelectProps> = {
 };
 
 const StoryAddCustomItem = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [opened, setOpened] = useState(false);
     const [items, setItems] = useState(getSelectItems('item', 1));
@@ -225,6 +239,7 @@ const StoryAddCustomItem = (args: StorySelectProps) => {
                 disabled={disabled}
                 readOnly={readOnly}
                 opened={opened}
+                alwaysOpened={alwaysOpened}
                 onToggle={onToggle}
                 onChangeValue={onChangeValue}
                 onKeyDown={onKeyDown}

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter", "closeAfterSelect"];
+var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -58,6 +58,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$alwaysOpened = props.alwaysOpened,
+      alwaysOpened = _props$alwaysOpened === void 0 ? false : _props$alwaysOpened,
       filter = props.filter,
       outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
@@ -107,7 +109,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       checked = _useState6[0],
       setChecked = _useState6[1];
-    var isCurrentListOpen = Boolean(path[0]);
+    var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
     var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !multiple;
@@ -217,7 +219,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
           newValues.push(item.value);
         }
       });
-      if (closeAfterSelect) {
+      if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
         });
@@ -262,7 +264,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
         updateSingleAncestors(item, checkedCopy, 'dot');
       }
       setTextValue(isCurrentChecked ? '' : item.label);
-      if (closeAfterSelect) {
+      if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
         });

package/emotion/es/components/Combobox/ComboboxOld/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "placement", "onToggle", "onKeyDown", "filterFunction"];
+var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "alwaysOpened", "placement", "onToggle", "onKeyDown", "filterFunction"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -43,6 +43,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
       enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
       _ref$opened = _ref.opened,
       opened = _ref$opened === void 0 ? false : _ref$opened,
+      _ref$alwaysOpened = _ref.alwaysOpened,
+      alwaysOpened = _ref$alwaysOpened === void 0 ? false : _ref$alwaysOpened,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
       onToggle = _ref.onToggle,
@@ -73,7 +75,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       itemsRefs: itemsRefs,
       inputRef: inputRef
     };
-    var _useState3 = useState(opened),
+    var _useState3 = useState(alwaysOpened || opened),
       _useState4 = _slicedToArray(_useState3, 2),
       isVisible = _useState4[0],
       setIsVisible = _useState4[1];
@@ -99,11 +101,11 @@ export var comboboxRoot = function comboboxRoot(Root) {
       if (disabled || readOnly) {
         return;
       }
-      setIsVisible(opened);
-    }, [opened, disabled, readOnly]);
+      setIsVisible(alwaysOpened || opened);
+    }, [opened, alwaysOpened, disabled, readOnly]);
     useEffect(function () {
       // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
-      if (opened) {
+      if (alwaysOpened || opened) {
         setFilterValue('');
       }
     }, []);
@@ -117,10 +119,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
         setFilterValue('');
       }
       if (onToggle) {
-        onToggle(openValue, event);
+        onToggle(alwaysOpened || openValue, event);
         return;
       }
-      setIsVisible(openValue);
+      setIsVisible(alwaysOpened || openValue);
     };
     var closedWithoutChanges = useRef(true);
     var updateValue = function updateValue(item, event) {
@@ -134,7 +136,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       }
       var newSelected = getNewSelected(rest.value, newValue, 'single');
       (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
-      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
+      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(alwaysOpened || false, event);
       closedWithoutChanges.current = false;
     };
     var onClickChildrenItem = function onClickChildrenItem(event) {
@@ -178,6 +180,11 @@ export var comboboxRoot = function comboboxRoot(Root) {
       onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
       onKeyDownTarget(event);
     };
+    useEffect(function () {
+      if (alwaysOpened && rest.valueType === 'single') {
+        setSearch(String(value));
+      }
+    }, [value, alwaysOpened]);
     return /*#__PURE__*/React.createElement(StyledRoot, {
       ref: comboboxRef
     }, /*#__PURE__*/React.createElement(StyledNativeSelect, {

package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx

@@ -73,6 +73,7 @@ const meta: Meta<StorySelectProps> = {
         variant: 'normal',
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
     },
     parameters: {
         controls: {
@@ -86,6 +87,7 @@ const meta: Meta<StorySelectProps> = {
                 'helperText',
                 'isTargetAmount',
                 'closeAfterSelect',
+                'alwaysOpened',
                 'variant',
                 'disabled',
                 'readOnly',

package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx

@@ -47,6 +47,7 @@ const meta: Meta<StorySelectProps> = {
         usePortal: false,
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
         label: 'Label',
         placeholder: 'Placeholder',
         enumerationType: 'comma',
@@ -81,7 +82,7 @@ const getSelectItems = (slug: string, elemCount: number) =>
     }));
 
 const StorySingle = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
 
@@ -104,6 +105,7 @@ const StorySingle = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -129,7 +131,18 @@ export const Single: StoryObj<StorySelectProps> = {
 };
 
 const StoryMultiple = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+    const {
+        usePortal,
+        placement,
+        label,
+        placeholder,
+        readOnly,
+        disabled,
+        enumerationType,
+        alwaysOpened,
+        size = 'm',
+        view,
+    } = args;
 
     const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
 
@@ -153,6 +166,7 @@ const StoryMultiple = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -174,7 +188,7 @@ export const Multiple: StoryObj<StorySelectProps> = {
 };
 
 const StoryAddCustomItem = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [opened, setOpened] = useState(false);
     const [items, setItems] = useState(getSelectItems('item', 1));
@@ -225,6 +239,7 @@ const StoryAddCustomItem = (args: StorySelectProps) => {
                 disabled={disabled}
                 readOnly={readOnly}
                 opened={opened}
+                alwaysOpened={alwaysOpened}
                 onToggle={onToggle}
                 onChangeValue={onChangeValue}
                 onKeyDown={onKeyDown}

package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx

@@ -73,6 +73,7 @@ const meta: Meta<StorySelectProps> = {
         variant: 'normal',
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
     },
     parameters: {
         controls: {
@@ -86,6 +87,7 @@ const meta: Meta<StorySelectProps> = {
                 'helperText',
                 'isTargetAmount',
                 'closeAfterSelect',
+                'alwaysOpened',
                 'variant',
                 'disabled',
                 'readOnly',

package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx

@@ -47,6 +47,7 @@ const meta: Meta<StorySelectProps> = {
         usePortal: false,
         disabled: false,
         readOnly: false,
+        alwaysOpened: false,
         label: 'Label',
         placeholder: 'Placeholder',
         enumerationType: 'comma',
@@ -81,7 +82,7 @@ const getSelectItems = (slug: string, elemCount: number) =>
     }));
 
 const StorySingle = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
 
@@ -104,6 +105,7 @@ const StorySingle = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -129,7 +131,18 @@ export const Single: StoryObj<StorySelectProps> = {
 };
 
 const StoryMultiple = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+    const {
+        usePortal,
+        placement,
+        label,
+        placeholder,
+        readOnly,
+        disabled,
+        enumerationType,
+        alwaysOpened,
+        size = 'm',
+        view,
+    } = args;
 
     const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
 
@@ -153,6 +166,7 @@ const StoryMultiple = (args: StorySelectProps) => {
                 view={view}
                 disabled={disabled}
                 readOnly={readOnly}
+                alwaysOpened={alwaysOpened}
                 onChangeValue={onChangeValue}
             >
                 <ComboboxItem value={undefined} text="Clear" />
@@ -174,7 +188,7 @@ export const Multiple: StoryObj<StorySelectProps> = {
 };
 
 const StoryAddCustomItem = (args: StorySelectProps) => {
-    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+    const { usePortal, placement, label, placeholder, readOnly, disabled, alwaysOpened, size = 'm', view } = args;
 
     const [opened, setOpened] = useState(false);
     const [items, setItems] = useState(getSelectItems('item', 1));
@@ -225,6 +239,7 @@ const StoryAddCustomItem = (args: StorySelectProps) => {
                 disabled={disabled}
                 readOnly={readOnly}
                 opened={opened}
+                alwaysOpened={alwaysOpened}
                 onToggle={onToggle}
                 onChangeValue={onChangeValue}
                 onKeyDown={onKeyDown}

package/es/components/Combobox/ComboboxNew/Combobox.js

@@ -23,7 +23,7 @@ import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Com
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter", "closeAfterSelect"];
+var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect"];
 var Context = /*#__PURE__*/createContext({});
 
 /**
@@ -59,6 +59,8 @@ var comboboxRoot = function comboboxRoot(Root) {
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$alwaysOpened = props.alwaysOpened,
+      alwaysOpened = _props$alwaysOpened === void 0 ? false : _props$alwaysOpened,
       filter = props.filter,
       outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
@@ -108,7 +110,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       checked = _useState6[0],
       setChecked = _useState6[1];
-    var isCurrentListOpen = Boolean(path[0]);
+    var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
     var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !multiple;
@@ -218,7 +220,7 @@ var comboboxRoot = function comboboxRoot(Root) {
           newValues.push(item.value);
         }
       });
-      if (closeAfterSelect) {
+      if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
         });
@@ -263,7 +265,7 @@ var comboboxRoot = function comboboxRoot(Root) {
         updateSingleAncestors(item, checkedCopy, 'dot');
       }
       setTextValue(isCurrentChecked ? '' : item.label);
-      if (closeAfterSelect) {
+      if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
         });