@mmb-digital/ds-lilly 0.10.0 → 0.10.3

package/dist/ds-lilly.js

@@ -98241,7 +98241,7 @@ var Tag = function (_a) {
 
 
 
-var ContentTableRow = function (_a) {
+var ContentTableRow = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["forwardRef"])(function (_a, ref) {
     var _b;
     var amount = _a.amount, amountCurrencyCode = _a.amountCurrencyCode, amountLocale = _a.amountLocale, amountMaximumFractionDigits = _a.amountMaximumFractionDigits, amountMinimumFractionDigits = _a.amountMinimumFractionDigits, 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, 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, testId = _a.testId, 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;
@@ -98285,7 +98285,10 @@ var ContentTableRow = function (_a) {
         }
     }, [handleToggle]);
     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,
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("tr", { "aria-controls": id ? id + "-content" : undefined, "aria-expanded": isCollapsible && isOpened, "aria-label": ariaLabel, className: classBinder_cx('c-contentTableRow', {
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("tr", { 
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            ref: ref, "aria-controls": id ? id + "-content" : undefined, "aria-expanded": isCollapsible && isOpened, "aria-label": ariaLabel, className: classBinder_cx('c-contentTableRow', {
                 'c-contentTableRow--collapsible': isCollapsible,
                 'c-contentTableRow--collapsible--open': isCollapsible && isOpened
             }), "data-testid": testId, id: id, role: isCollapsible ? 'button' : undefined, tabIndex: isCollapsible ? 0 : undefined, onClick: isCollapsible ? handleToggle : undefined, onKeyDown: handleKeyDown },
@@ -98331,7 +98334,8 @@ var ContentTableRow = function (_a) {
                         open: { opacity: 1, height: 'auto' },
                         collapsed: { opacity: 0, height: 0 }
                     } }, children))))))));
-};
+});
+ContentTableRow.displayName = 'forwardRef(ContentTableRow)';
 
 // CONCATENATED MODULE: ./src/components/Components/ContentTable/index.ts
 
@@ -98559,17 +98563,21 @@ var ModalFooter = function (_a) {
 
 
 var ModalHeader = function (_a) {
-    var closeText = _a.closeText, _b = _a.isCloseHidden, isCloseHidden = _b === void 0 ? false : _b, _c = _a.isTitleHidden, isTitleHidden = _c === void 0 ? false : _c, subtitle = _a.subtitle, testId = _a.testId, theme = _a.theme, title = _a.title, _d = _a.titleSize, titleSize = _d === void 0 ? 'h2' : _d, _e = _a.titleVisual, titleVisual = _e === void 0 ? 'h3' : _e;
+    var closeText = _a.closeText, _b = _a.isCloseHidden, isCloseHidden = _b === void 0 ? false : _b, _c = _a.isTitleHidden, isTitleHidden = _c === void 0 ? false : _c, onClose = _a.onClose, subtitle = _a.subtitle, testId = _a.testId, theme = _a.theme, title = _a.title, _d = _a.titleSize, titleSize = _d === void 0 ? 'h2' : _d, _e = _a.titleVisual, titleVisual = _e === void 0 ? 'h3' : _e;
     var _f = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useContext"])(contexts_ModalContext), onHide = _f.hide, identification = _f.identification;
+    var handleClose = function () {
+        onClose && onClose();
+        onHide();
+    };
     var handleEscPress = function (_a) {
         var key = _a.key;
-        return key === 'Escape' && onHide();
+        return key === 'Escape' && handleClose();
     };
     useEventListener('keydown', handleEscPress);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("header", { className: classBinder_cx('c-modal__header', theme), "data-testid": testId },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { id: identification + "_title", size: titleSize, theme: classBinder_cx('c-modal__title', { 'u-vHide': isTitleHidden }), visual: titleVisual }, title),
         subtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { component: "div", size: "small" }, subtitle)),
-        !isCloseHidden && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: closeText, onlyIconName: "close", theme: classBinder_cx('c-modal__close'), type: "transparent", onClick: onHide }))));
+        !isCloseHidden && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: closeText, onlyIconName: "close", theme: classBinder_cx('c-modal__close'), type: "transparent", onClick: handleClose }))));
 };
 
 // EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom","umd":"react-dom"}
@@ -109305,7 +109313,7 @@ var Slider_Slider = /** @class */ (function (_super) {
                             normalizeValue(min, max, step, customValue)
                         : _this.getValueFromDragEvent(event);
             }
-            onChange && value && onChange(event, Number(value.toFixed(5)));
+            onChange && typeof value === 'number' && onChange(event, Number(value.toFixed(5)));
         };
         _this.onDragStart = function (event, touch) {
             var onDragStart = _this.props.onDragStart;

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

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { BackgroundColorType, IconNameType } from '../../..';
 import { ComponentPropsType } from '../../../utils';
 import { TextType, TitleSize } from '../../Typography';
@@ -57,5 +57,5 @@ export interface ContentTableRowPropsType extends ComponentPropsType {
     /** Subtitle tag content */
     subtitleTagText?: ReactNode;
 }
-export declare const ContentTableRow: ({ amount, amountCurrencyCode, amountLocale, amountMaximumFractionDigits, amountMinimumFractionDigits, amountSubtitle, amountSubtitleType, ariaLabel, buttons, columns, customIcon, children, iconName, iconBackgroundColor, iconBadgePosition, id, isOpen, onToggle, subtitles, subtitleTagIconBackgroundColor, subtitleTagIconName, subtitleTagIconImageUrl, subtitleTagText, testId, title, titleSize, titleVisual }: ContentTableRowPropsType) => JSX.Element;
+export declare const ContentTableRow: React.ForwardRefExoticComponent<ContentTableRowPropsType & React.RefAttributes<unknown>>;
 //# sourceMappingURL=ContentTableRow.d.ts.map

package/dist/types/src/components/Components/Modal/ModalHeader.d.ts

@@ -15,6 +15,8 @@ export interface ModalHeaderPropsType extends ComponentPropsType {
     titleSize?: TitleSize;
     /** Title visual size. Use this for matching title visual with desired design. */
     titleVisual?: TitleSize;
+    /** Close button click event handler. */
+    onClose?: () => void;
 }
-export declare const ModalHeader: ({ closeText, isCloseHidden, isTitleHidden, subtitle, testId, theme, title, titleSize, titleVisual }: ModalHeaderPropsType) => JSX.Element;
+export declare const ModalHeader: ({ closeText, isCloseHidden, isTitleHidden, onClose, subtitle, testId, theme, title, titleSize, titleVisual }: ModalHeaderPropsType) => JSX.Element;
 //# sourceMappingURL=ModalHeader.d.ts.map

package/package.json

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