@mmb-digital/ds-lilly 0.8.0 → 0.8.1

package/dist/ds-lilly.js

@@ -86950,7 +86950,7 @@ var Tooltip = function (_a) {
         offset: [0, verticalOffset]
     }), getArrowProps = _l.getArrowProps, getTooltipProps = _l.getTooltipProps, setTooltipRef = _l.setTooltipRef, setTriggerRef = _l.setTriggerRef, visible = _l.visible;
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
-        Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(children, { ref: setTriggerRef, tabIndex: 0, 'aria-describedBy': identifier }),
+        Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(children, { ref: setTriggerRef, tabIndex: 0, 'aria-describedby': identifier }),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": visible, "aria-live": "polite", className: "c-tooltip-wrapper", id: identifier, role: "tooltip", tabIndex: -1 }, visible && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", Tooltip_assign({ ref: setTooltipRef, "data-testid": testId }, getTooltipProps({
             className: classBinder_cx('c-tooltip', "c-tooltip--" + type, "c-tooltip--" + placement, { 'upper-case': isUpperCased, 'c-tooltip--bold': isBold }, theme)
         })),
@@ -96749,7 +96749,7 @@ var Tag = function (_a) {
 
 var ContentTableRow = function (_a) {
     var _b;
-    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, amountSubtitleType = _a.amountSubtitleType, ariaLabel = _a.ariaLabel, _c = _a.buttons, buttons = _c === void 0 ? [] : _c, _d = _a.columns, columns = _d === void 0 ? [] : _d, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, iconName = _a.iconName, iconBackgroundColor = _a.iconBackgroundColor, _e = _a.iconBadgePosition, iconBadgePosition = _e === void 0 ? 'bottomRight' : _e, id = _a.id, _f = _a.isOpen, isOpen = _f === void 0 ? false : _f, _g = _a.subtitles, subtitles = _g === void 0 ? [] : _g, subtitleTagIconBackgroundColor = _a.subtitleTagIconBackgroundColor, subtitleTagIconName = _a.subtitleTagIconName, subtitleTagIconImageUrl = _a.subtitleTagIconImageUrl, subtitleTagText = _a.subtitleTagText, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j;
+    var amount = _a.amount, amountSubtitle = _a.amountSubtitle, amountSubtitleType = _a.amountSubtitleType, ariaLabel = _a.ariaLabel, _c = _a.buttons, buttons = _c === void 0 ? [] : _c, _d = _a.columns, columns = _d === void 0 ? [] : _d, currencyCode = _a.currencyCode, customIcon = _a.customIcon, children = _a.children, iconName = _a.iconName, iconBackgroundColor = _a.iconBackgroundColor, _e = _a.iconBadgePosition, iconBadgePosition = _e === void 0 ? 'bottomRight' : _e, id = _a.id, _f = _a.isOpen, isOpen = _f === void 0 ? false : _f, onToggle = _a.onToggle, _g = _a.subtitles, subtitles = _g === void 0 ? [] : _g, subtitleTagIconBackgroundColor = _a.subtitleTagIconBackgroundColor, subtitleTagIconName = _a.subtitleTagIconName, subtitleTagIconImageUrl = _a.subtitleTagIconImageUrl, subtitleTagText = _a.subtitleTagText, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j;
     var _k = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useContext"])(contexts_ContentTableContext), columnsDefinition = _k.columns, hasIcons = _k.hasIcons, hideSubtitleOnExpand = _k.hideSubtitleOnExpand, isCollapsible = _k.isCollapsible, isMobileDeviceView = _k.isMobileDeviceView, titleAlignContent = _k.titleAlignContent, withoutOpeners = _k.withoutOpeners;
     var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () {
         var buttonsColumn = buttons ? columnsDefinition[columnsDefinition.length - 1] : undefined;
@@ -96767,8 +96767,10 @@ var ContentTableRow = function (_a) {
     var _m = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isOpen), isOpened = _m[0], setIsOpened = _m[1];
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () { return setIsOpened(isOpen); }, [isOpen]);
     var handleToggle = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function () {
-        setIsOpened(!isOpened);
-    }, [setIsOpened, isOpened]);
+        var next = !isOpened;
+        setIsOpened(next);
+        onToggle && onToggle(next);
+    }, [setIsOpened, isOpened, onToggle]);
     var hasSubtitleTag = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return (subtitleTagIconName || subtitleTagIconImageUrl) && subtitleTagText; }, [
         subtitleTagIconName,
         subtitleTagIconImageUrl,

package/dist/types/src/components/Components/ContentTable/ContentTableRow.d.ts

@@ -32,6 +32,8 @@ export interface ContentTableRowPropsType extends ComponentPropsType {
     id?: string;
     /** Flag whether row is expanded */
     isOpen?: boolean;
+    /** Callback called on expand/collapse */
+    onToggle?: (isOpened: boolean) => void;
     /** Title column content */
     title: ReactNode;
     /** Title size */
@@ -49,5 +51,5 @@ export interface ContentTableRowPropsType extends ComponentPropsType {
     /** Subtitle tag content */
     subtitleTagText?: ReactNode;
 }
-export declare const ContentTableRow: ({ amount, amountSubtitle, amountSubtitleType, ariaLabel, buttons, columns, currencyCode, customIcon, children, iconName, iconBackgroundColor, iconBadgePosition, id, isOpen, subtitles, subtitleTagIconBackgroundColor, subtitleTagIconName, subtitleTagIconImageUrl, subtitleTagText, title, titleSize, titleVisual }: ContentTableRowPropsType) => JSX.Element;
+export declare const ContentTableRow: ({ amount, amountSubtitle, amountSubtitleType, ariaLabel, buttons, columns, currencyCode, customIcon, children, iconName, iconBackgroundColor, iconBadgePosition, id, isOpen, onToggle, subtitles, subtitleTagIconBackgroundColor, subtitleTagIconName, subtitleTagIconImageUrl, subtitleTagText, title, titleSize, titleVisual }: ContentTableRowPropsType) => JSX.Element;
 //# sourceMappingURL=ContentTableRow.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,