@mmb-digital/ds-lilly 0.0.1-alpha.354 → 0.0.1-alpha.355

package/dist/ds-lilly.js

@@ -96213,6 +96213,8 @@ var CompactButtons = function (_a) {
     var container = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
     var refs = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])([]);
     var width = useContainerDimensions(container).width;
+    var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _c[0], setIsDropdownVisible = _c[1];
+    var toggleDropdownVisibility = function () { return setIsDropdownVisible(function (prev) { return !prev; }); };
     var ends = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () {
         var offset = 0;
         return refs.current.map(function (_, i, arr) {
@@ -96240,9 +96242,9 @@ var CompactButtons = function (_a) {
                         label),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("i", { className: "c-compact-buttons__button_separator" })));
             }),
-            !isButtonVisible(buttons.length - 1) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Dropdown, { placement: "bottom-end", triggerComponent: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { "aria-hidden": true, ariaLabel: "other", color: background, isSmall: isSmall, theme: "c-compact-buttons__button", type: type },
+            !isButtonVisible(buttons.length - 1) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Dropdown, { forceVisibility: isDropdownVisible, placement: "bottom-end", trigger: null, triggerComponent: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { "aria-hidden": true, ariaLabel: "other", color: background, isSmall: isSmall, theme: "c-compact-buttons__button", type: type, onClick: toggleDropdownVisibility },
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "other" }),
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "c-compact-buttons__dropdowm__opener" })) },
+                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "c-compact-buttons__dropdowm__opener" })), onVisibleChange: function (state) { return setIsDropdownVisible(state); } },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownMenu, { ariaHidden: true }, buttons.map(function (_a, i) {
                     var icon = _a.icon, isDisabled = _a.isDisabled, isLoading = _a.isLoading, key = _a.key, label = _a.label, onClick = _a.onClick;
                     if (isButtonVisible(i))
@@ -96250,7 +96252,7 @@ var CompactButtons = function (_a) {
                     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownItem, { key: key, iconName: icon, isDisabled: isDisabled, theme: classBinder_cx('c-compact-buttons__dropdowm-item', {
                             'c-compact-buttons__dropdowm-item--disabled': isDisabled || isLoading
                         }), onClick: onClick },
-                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isDisabled: isDisabled, isLoading: isLoading, theme: "c-compact-buttons__dropdowm-item-button", type: "border" }, label)));
+                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isDisabled: isDisabled, isLoading: isLoading, theme: "c-compact-buttons__dropdowm-item-button", type: "border", onClick: onClick }, label)));
                 })))))));
 };
 
@@ -102980,7 +102982,7 @@ var SelectControlAutocomplete = Object(external_root_React_commonjs2_react_commo
         // @ts-ignore
         es_filter(function (item) { return (!inputValue || showAllItems ? true : isMatch(inputValue, item)); }), es_reject(es_isNil));
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: ref, className: es_cx({ 'f-control-wrapper--active': isOpen }) },
-            selectedItem && isTextInputHidden ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, SelectControlAutocomplete_assign({ "data-value": selectedItem.value, isDisabled: disabled, theme: es_cx('f-control', { 'f-control--active': isOpen }, theme) }, getToggleButtonProps({
+            selectedItem && isTextInputHidden ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, SelectControlAutocomplete_assign({ allowEventPropagation: true, "data-value": selectedItem.value, isDisabled: disabled, theme: es_cx('f-control', { 'f-control--active': isOpen }, theme) }, getToggleButtonProps({
                 'aria-label': ariaLabel,
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
@@ -103067,7 +103069,7 @@ var SelectControlStatic = Object(external_root_React_commonjs2_react_commonjs_re
             })),
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(SelectItem, SelectControlStatic_assign({}, item, { hasAmountDisplayed: hasAmountDisplayed })))); }));
             return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: ref, className: classBinder_cx({ 'f-control-wrapper--active': isOpen }) },
-                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, SelectControlStatic_assign({ "aria-errormessage": context === null || context === void 0 ? void 0 : context.error, "aria-invalid": context.hasError ? true : false, "data-value": selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value, isDisabled: disabled, theme: classBinder_cx('f-control', { 'f-control--active': isOpen }, theme) }, getToggleButtonProps({ name: name, id: id, 'aria-label': ariaLabel, onClick: function () { return context.onFocus(); } })), selectedItem ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(SelectItem, SelectControlStatic_assign({}, selectedItem, { hasAmountDisplayed: hasAmountDisplayed }))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-control__placeholder') }, placeholder))),
+                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, SelectControlStatic_assign({ allowEventPropagation: true, "aria-errormessage": context === null || context === void 0 ? void 0 : context.error, "aria-invalid": context.hasError ? true : false, "data-value": selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value, isDisabled: disabled, theme: classBinder_cx('f-control', { 'f-control--active': isOpen }, theme) }, getToggleButtonProps({ name: name, id: id, 'aria-label': ariaLabel, onClick: function () { return context.onFocus(); } })), selectedItem ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(SelectItem, SelectControlStatic_assign({}, selectedItem, { hasAmountDisplayed: hasAmountDisplayed }))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-control__placeholder') }, placeholder))),
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(SelectMenu, { getMenuProps: getMenuProps, indexedGroupedItems: indexedGroupedItems, isDisabled: !!disabled, isOpen: isOpen, isWider: !!hasWiderMenu, renderItems: renderItems })));
         })));
 });
@@ -105537,7 +105539,7 @@ var MonthInput = function (_a) {
                     altFormat: 'F Y'
                 })
             ], disableMobile: true }, settings), render: function (_, ref) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: ref },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: ariaLabel, isDisabled: isDisabled, type: "border" },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { allowEventPropagation: true, isSmall: true, ariaLabel: ariaLabel, isDisabled: isDisabled, type: "border" },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { isLeft: true, name: "calendar", size: "small" }), shownValue === null || shownValue === void 0 ? void 0 :
                 shownValue.toString()))); }, value: value, onChange: onDateChange }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.0.1-alpha.354",
+  "version": "0.0.1-alpha.355",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,