@mmb-digital/ds-lilly 0.0.1-alpha.367 → 0.0.1-alpha.368

package/dist/ds-lilly.js

@@ -96157,12 +96157,15 @@ var DropdownMenu = function (_a) {
 
 var DropdownItem = function (_a) {
     var _b;
-    var amount = _a.amount, children = _a.children, iconBackground = _a.iconBackground, iconName = _a.iconName, id = _a.id, isDisabled = _a.isDisabled, isFocused = _a.isFocused, isSelected = _a.isSelected, onClick = _a.onClick, onKeyDown = _a.onKeyDown, onMouseOver = _a.onMouseOver, perex = _a.perex, role = _a.role, tabIndex = _a.tabIndex, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, amount = _a.amount, children = _a.children, iconBackground = _a.iconBackground, iconName = _a.iconName, id = _a.id, isDisabled = _a.isDisabled, isFocused = _a.isFocused, isSelected = _a.isSelected, onClick = _a.onClick, onKeyDown = _a.onKeyDown, onMouseOver = _a.onMouseOver, perex = _a.perex, role = _a.role, tabIndex = _a.tabIndex, testId = _a.testId, theme = _a.theme, value = _a.value;
     var handleOnClick = function (event) {
         if (onClick && !isDisabled) {
             value ? onClick(event, value) : onClick(event);
             event.preventDefault();
         }
+        if (!allowEventPropagation) {
+            event.stopPropagation();
+        }
     };
     var handleOnMouseOver = function (event) {
         if (onMouseOver && !isDisabled) {
@@ -96244,10 +96247,10 @@ var CompactButtons = function (_a) {
                     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__dropdown__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, testId = _a.testId;
+                    var allowEventPropagation = _a.allowEventPropagation, icon = _a.icon, isDisabled = _a.isDisabled, isLoading = _a.isLoading, key = _a.key, label = _a.label, onClick = _a.onClick, testId = _a.testId;
                     if (isButtonVisible(i))
                         return;
-                    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownItem, { key: key, iconName: icon, isDisabled: isDisabled, testId: testId + "-dropdown", theme: classBinder_cx('c-compact-buttons__dropdown-item', {
+                    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(DropdownItem, { key: key, allowEventPropagation: allowEventPropagation, iconName: icon, isDisabled: isDisabled, testId: testId + "-dropdown", theme: classBinder_cx('c-compact-buttons__dropdown-item', {
                             'c-compact-buttons__dropdown-item--disabled': isDisabled || isLoading
                         }), onClick: onClick }, label));
                 })))))));

package/dist/types/src/components/Components/CompactButtons/CompactButtons.d.ts

@@ -2,6 +2,8 @@ import { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import { IconNameType, TargetType } from '../../..';
 import { ComponentPropsType } from '../../../utils';
 interface CompactButtonsButtonType extends ComponentPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
     /** React collection key */
     key: string;
     /** Button icon name */

package/dist/types/src/components/Components/Dropdown/_elements_/DropdownItem.d.ts

@@ -1,6 +1,8 @@
 import React, { ReactNode } from 'react';
 import { ComponentPropsType, IconBackgroundType, IconNameType } from '../../../../';
 export interface DropdownItemPropsType extends ComponentPropsType {
+    /** Allow click event propagation */
+    allowEventPropagation?: boolean;
     /** Optional value for withAmount variant. */
     amount?: ReactNode;
     /** Children to be rendered in the main container. */
@@ -27,5 +29,5 @@ export interface DropdownItemPropsType extends ComponentPropsType {
     id?: string;
     onKeyDown?: (event: React.KeyboardEvent<HTMLLIElement>) => void;
 }
-export declare const DropdownItem: ({ amount, children, iconBackground, iconName, id, isDisabled, isFocused, isSelected, onClick, onKeyDown, onMouseOver, perex, role, tabIndex, testId, theme, value }: DropdownItemPropsType) => JSX.Element;
+export declare const DropdownItem: ({ allowEventPropagation, amount, children, iconBackground, iconName, id, isDisabled, isFocused, isSelected, onClick, onKeyDown, onMouseOver, perex, role, tabIndex, testId, theme, value }: DropdownItemPropsType) => JSX.Element;
 //# sourceMappingURL=DropdownItem.d.ts.map

package/package.json

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