@alfalab/core-components 29.0.0 → 29.2.1

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
-import 'downshift';
 import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-virtual';
 import '../../../../../form-control/modern';
 import '../../../utils.js';
@@ -18,7 +18,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/option/Component.js';
 import '../../../../../popover/modern';
 import '../../../components/native-select/Component.js';
-import '../../../Component-eef8ac3b.js';
+import '../../../Component-98ab6d71.js';
 import '../../../Component.js';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../modal/modern/mobile';
@@ -27,5 +27,5 @@ import '../../../../../base-modal/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../components/base-select-mobile/checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-c9359098.js';
-export { O as OptionsListWithApply } from '../../../Component-75155b9f.js';
+import '../../../intersection-observer-a2645118.js';
+export { O as OptionsListWithApply } from '../../../Component-94ced1c5.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: 18j48 */
+/* hash: 53d3o */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_yrv3e {
+.select__footer_kqcgx {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_yrv3e > * + * {
+.select__footer_kqcgx > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_yrv3e {
+.select__withBorder_kqcgx {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-75155b9f";
+export * from "../../../Component-94ced1c5";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,10 +1,10 @@
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
-import 'downshift';
 import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-virtual';
 import '../../../../../form-control/modern';
 import '../../../utils.js';
@@ -18,7 +18,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/option/Component.js';
 import '../../../../../popover/modern';
 import '../../../components/native-select/Component.js';
-import '../../../Component-eef8ac3b.js';
+import '../../../Component-98ab6d71.js';
 import '../../../Component.js';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../modal/modern/mobile';
@@ -27,5 +27,5 @@ import '../../../../../base-modal/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../components/base-select-mobile/checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-c9359098.js';
-export { O as OptionsListWithApply } from '../../../Component-75155b9f.js';
+import '../../../intersection-observer-a2645118.js';
+export { O as OptionsListWithApply } from '../../../Component-94ced1c5.js';

package/select/modern/presets/useSelectWithLoading/hook.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "../../typings";
+import { BaseSelectProps, OptionProps, OptionShape } from "../../typings";
 type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
 };
 declare function useSelectWithLoading({ loading, visibleOptions, }: useSelectWithLoadingProps): {
-    Option: (props: any) => JSX.Element;
+    Option: (props: OptionProps) => JSX.Element;
     options: OptionShape[];
 } | null;
 export { useSelectWithLoading };

package/select/modern/presets/useSelectWithLoading/hook.js

@@ -5,11 +5,11 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '../../../../skeleton/modern';
 
-var styles = {"skeleton":"select__skeleton_1k4to"};
+var styles = {"skeleton":"select__skeleton_1slhe"};
 require('./index.css');
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {
-    const renderOption = useCallback(props => (React.createElement(Option, Object.assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))), [loading]);
+    const renderOption = useCallback((props) => (React.createElement(Option, Object.assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))), [loading]);
     const options = Array(visibleOptions)
         .fill(0)
         .map((_, key) => ({

package/select/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1qmhl */
-.select__skeleton_1k4to {
+/* hash: 16p16 */
+.select__skeleton_1slhe {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/modern/typings.d.ts

@@ -489,7 +489,7 @@ type OptionProps = {
     /**
      * Компонент пункта меню
      */
-    Checkmark?: FC<CheckmarkProps>;
+    Checkmark?: FC<CheckmarkProps> | null;
     /**
      * Внутренние свойства, которые должны быть установлены компоненту.
      */

package/select/presets/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-b0d6b344.js');
+require('../tslib.es6-2d734c90.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -20,7 +20,7 @@ require('@juggle/resize-observer');
 require('../../popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../Component-b4c00a84.js');
+require('../Component-5a813263.js');
 require('../Component.js');
 require('../../bottom-sheet');
 require('../../modal/mobile');
@@ -28,11 +28,11 @@ require('../../button');
 require('../../base-modal');
 require('../components/base-select-mobile/options-list/Component.js');
 require('../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../Component-55235c19.js');
 require('react-virtual');
 require('../../skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-b4334d6c.js');
+require('../intersection-observer-c7ed8f56.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 
 

package/select/presets/useLazyLoading/hook.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptionShape } from "../../typings";
+import { OptionProps, OptionShape } from "../../typings";
 type OptionsFetcherResponse = {
     options: OptionShape[];
     hasMore: boolean;
@@ -26,7 +26,7 @@ type useLazyLoadingProps = {
 };
 declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, }: useLazyLoadingProps): {
     optionsProps: {
-        Option: (props: any) => JSX.Element;
+        Option: (props: OptionProps) => JSX.Element;
         options: OptionShape[];
         optionsListProps: {
             ref: React.RefObject<HTMLDivElement>;

package/select/presets/useLazyLoading/hook.js

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b0d6b344.js');
+var tslib_es6 = require('../../tslib.es6-2d734c90.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('../../../skeleton');
-require('../../intersection-observer-b4334d6c.js');
+require('../../intersection-observer-c7ed8f56.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_1xu17"};
+var styles = {"skeleton":"select__skeleton_aowh3"};
 require('./index.css');
 
 var DEBOUNCE_TIMEOUT = 300;
@@ -174,7 +174,7 @@ function useLazyLoading(_a) {
         }, DEBOUNCE_TIMEOUT);
         /* eslint-enable */
     }, []);
-    var renderOption = React.useCallback(function (props) { return React__default['default'].createElement(components_option_Component.Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted })); }, [loading]);
+    var renderOption = React.useCallback(function (props) { return (React__default['default'].createElement(components_option_Component.Option, tslib_es6.__assign({}, props, { highlighted: loading ? false : props.highlighted }))); }, [loading]);
     var skeletonOptions = React.useMemo(function () {
         return Array(loading ? limit : 0)
             .fill(0)

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1yr32 */
-.select__skeleton_1xu17 {
+/* hash: surn8 */
+.select__skeleton_aowh3 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-b0d6b344.js');
+require('../../tslib.es6-2d734c90.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -20,7 +20,7 @@ require('@juggle/resize-observer');
 require('../../../popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-b4c00a84.js');
+require('../../Component-5a813263.js');
 require('../../Component.js');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
@@ -28,10 +28,10 @@ require('../../../button');
 require('../../../base-modal');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../../Component-55235c19.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-b4334d6c.js');
+require('../../intersection-observer-c7ed8f56.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-b0d6b344.js');
+require('../../../tslib.es6-2d734c90.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -20,7 +20,7 @@ require('@juggle/resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-b4c00a84.js');
+require('../../../Component-5a813263.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
@@ -28,10 +28,10 @@ require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../../../Component-55235c19.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-b4334d6c.js');
+require('../../../intersection-observer-c7ed8f56.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: 18j48 */
+/* hash: 53d3o */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_yrv3e {
+.select__footer_kqcgx {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_yrv3e > * + * {
+.select__footer_kqcgx > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_yrv3e {
+.select__withBorder_kqcgx {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-adb77a91";
+export * from "../../../Component-55235c19";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-b0d6b344.js');
+require('../../../tslib.es6-2d734c90.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -20,7 +20,7 @@ require('@juggle/resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-b4c00a84.js');
+require('../../../Component-5a813263.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
@@ -28,10 +28,10 @@ require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-adb77a91.js');
+var presets_useSelectWithApply_hook = require('../../../Component-55235c19.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-b4334d6c.js');
+require('../../../intersection-observer-c7ed8f56.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "../../typings";
+import { BaseSelectProps, OptionProps, OptionShape } from "../../typings";
 type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
 };
 declare function useSelectWithLoading({ loading, visibleOptions, }: useSelectWithLoadingProps): {
-    Option: (props: any) => JSX.Element;
+    Option: (props: OptionProps) => JSX.Element;
     options: OptionShape[];
 } | null;
 export { useSelectWithLoading };

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b0d6b344.js');
+var tslib_es6 = require('../../tslib.es6-2d734c90.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_1k4to"};
+var styles = {"skeleton":"select__skeleton_1slhe"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1qmhl */
-.select__skeleton_1k4to {
+/* hash: 16p16 */
+.select__skeleton_1slhe {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/typings.d.ts

@@ -489,7 +489,7 @@ type OptionProps = {
     /**
      * Компонент пункта меню
      */
-    Checkmark?: FC<CheckmarkProps>;
+    Checkmark?: FC<CheckmarkProps> | null;
     /**
      * Внутренние свойства, которые должны быть установлены компоненту.
      */

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-d349c09a.js');
+var tslib_es6 = require('./tslib.es6-924d60b3.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

package/select-with-tags/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-d349c09a.js');
+require('../tslib.es6-924d60b3.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/components/tag/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d349c09a.js');
+var tslib_es6 = require('../../tslib.es6-924d60b3.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tag":"select-with-tags__tag_u0irl","tagNoClose":"select-with-tags__tagNoClose_u0irl","tagContentWrap":"select-with-tags__tagContentWrap_u0irl","tagCross":"select-with-tags__tagCross_u0irl"};
+var styles = {"tag":"select-with-tags__tag_1yoza","tagNoClose":"select-with-tags__tagNoClose_1yoza","tagContentWrap":"select-with-tags__tagContentWrap_1yoza","tagCross":"select-with-tags__tagCross_1yoza"};
 require('./index.css');
 
 var Tag = function (_a) {

package/select-with-tags/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: v8crj */
+/* hash: cbfry */
 :root {
 
     /* Hard */
@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_u0irl {
+.select-with-tags__tag_1yoza {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_u0irl:active:not(:disabled) {
+.select-with-tags__tag_1yoza:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_u0irl:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_1yoza:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_u0irl > span {
+.select-with-tags__tag_1yoza > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_u0irl {
+.select-with-tags__tagNoClose_1yoza {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_u0irl {
+.select-with-tags__tagContentWrap_1yoza {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_u0irl {
+.select-with-tags__tagCross_1yoza {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_u0irl:hover {
+.select-with-tags__tagCross_1yoza:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_u0irl:active {
+.select-with-tags__tagCross_1yoza:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_u0irl svg {
+.select-with-tags__tagCross_1yoza svg {
         height: 100%;
     }

package/select-with-tags/components/tag/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d349c09a.js');
+require('../../tslib.es6-924d60b3.js');
 require('react');
 require('classnames');
 require('../../../tag');

package/select-with-tags/components/tag-list/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d349c09a.js');
+var tslib_es6 = require('../../tslib.es6-924d60b3.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select-with-tags__component_1cb1w","xl":"select-with-tags__xl_1cb1w","contentWrapper":"select-with-tags__contentWrapper_1cb1w","l":"select-with-tags__l_1cb1w","m":"select-with-tags__m_1cb1w","s":"select-with-tags__s_1cb1w","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1cb1w","hasLabel":"select-with-tags__hasLabel_1cb1w","hasTags":"select-with-tags__hasTags_1cb1w","addons":"select-with-tags__addons_1cb1w","field":"select-with-tags__field_1cb1w","input":"select-with-tags__input_1cb1w","block":"select-with-tags__block_1cb1w","focusVisible":"select-with-tags__focusVisible_1cb1w","placeholder":"select-with-tags__placeholder_1cb1w","addons-size-m":"select-with-tags__addons-size-m_1cb1w","addons-size-l":"select-with-tags__addons-size-l_1cb1w","addons-size-xl":"select-with-tags__addons-size-xl_1cb1w","label":"select-with-tags__label_1cb1w"};
+var styles = {"component":"select-with-tags__component_gin6n","xl":"select-with-tags__xl_gin6n","contentWrapper":"select-with-tags__contentWrapper_gin6n","l":"select-with-tags__l_gin6n","m":"select-with-tags__m_gin6n","s":"select-with-tags__s_gin6n","contentWrapperVertical":"select-with-tags__contentWrapperVertical_gin6n","hasLabel":"select-with-tags__hasLabel_gin6n","hasTags":"select-with-tags__hasTags_gin6n","addons":"select-with-tags__addons_gin6n","field":"select-with-tags__field_gin6n","input":"select-with-tags__input_gin6n","block":"select-with-tags__block_gin6n","focusVisible":"select-with-tags__focusVisible_gin6n","placeholder":"select-with-tags__placeholder_gin6n","addons-size-m":"select-with-tags__addons-size-m_gin6n","addons-size-l":"select-with-tags__addons-size-l_gin6n","addons-size-xl":"select-with-tags__addons-size-xl_gin6n","label":"select-with-tags__label_gin6n"};
 require('./index.css');
 
 var TagList = function (_a) {
@@ -70,10 +70,12 @@ var TagList = function (_a) {
         }
     }, [handleDeleteTag, selectedMultiple, value]);
     var toggleShowMoreLessButton = React.useCallback(function (event) {
-        event.stopPropagation();
-        setShowMoreEnabled(function (v) { return !v; });
-        if (handleUpdatePopover) {
-            handleUpdatePopover();
+        if (event) {
+            event.stopPropagation();
+            setShowMoreEnabled(function (v) { return !v; });
+            if (handleUpdatePopover) {
+                handleUpdatePopover();
+            }
         }
     }, [handleUpdatePopover]);
     React.useEffect(function () {