@mmb-digital/ds-lilly 0.8.2 → 0.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/ds-lilly.js +4 -4
  2. package/dist/types/src/components/Components/ContentTable/ContentTable.d.ts +1 -1
  3. package/dist/types/src/components/Components/ContentTable/ContentTableRow.d.ts +1 -1
  4. package/package.json +1 -1
package/dist/ds-lilly.js CHANGED
@@ -96629,7 +96629,7 @@ var getTextAlignClass = function (align) {
96629
96629
  }
96630
96630
  };
96631
96631
  var ContentTable = function (_a) {
96632
- var caption = _a.caption, _b = _a.columns, columns = _b === void 0 ? [] : _b, hasIcons = _a.hasIcons, _c = _a.hideSubtitleOnExpand, hideSubtitleOnExpand = _c === void 0 ? true : _c, children = _a.children, isCaptionHidden = _a.isCaptionHidden, isCollapsible = _a.isCollapsible, titleHeader = _a.titleHeader, _d = _a.titleAlignContent, titleAlignContent = _d === void 0 ? 'left' : _d, withoutOpeners = _a.withoutOpeners;
96632
+ var caption = _a.caption, _b = _a.columns, columns = _b === void 0 ? [] : _b, hasIcons = _a.hasIcons, _c = _a.hideSubtitleOnExpand, hideSubtitleOnExpand = _c === void 0 ? true : _c, children = _a.children, isCaptionHidden = _a.isCaptionHidden, isCollapsible = _a.isCollapsible, testId = _a.testId, titleHeader = _a.titleHeader, _d = _a.titleAlignContent, titleAlignContent = _d === void 0 ? 'left' : _d, withoutOpeners = _a.withoutOpeners;
96633
96633
  var ref = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
96634
96634
  var width = useContainerDimensions(ref).width;
96635
96635
  var isMobileDeviceView = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return width <= CARD_WIDTH_BREAKPOINT.TABLET; }, [width]);
@@ -96643,7 +96643,7 @@ var ContentTable = function (_a) {
96643
96643
  titleAlignContent: titleAlignContent,
96644
96644
  withoutOpeners: withoutOpeners
96645
96645
  };
96646
- return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("table", { ref: ref, className: "c-contentTable" },
96646
+ return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("table", { ref: ref, className: "c-contentTable", "data-testid": testId },
96647
96647
  caption && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("caption", { className: isCaptionHidden ? 'u-vHide' : '' }, caption),
96648
96648
  external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("thead", null,
96649
96649
  external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("tr", { className: "c-contentTable__header" },
@@ -96749,7 +96749,7 @@ var Tag = function (_a) {
96749
96749
 
96750
96750
  var ContentTableRow = function (_a) {
96751
96751
  var _b;
96752
- 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, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'h2' : _h, _j = _a.titleVisual, titleVisual = _j === void 0 ? 'h6' : _j;
96752
+ 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;
96753
96753
  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;
96754
96754
  var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () {
96755
96755
  var buttonsColumn = buttons ? columnsDefinition[columnsDefinition.length - 1] : undefined;
@@ -96794,7 +96794,7 @@ var ContentTableRow = function (_a) {
96794
96794
  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', {
96795
96795
  'c-contentTableRow--collapsible': isCollapsible,
96796
96796
  'c-contentTableRow--collapsible--open': isCollapsible && isOpened
96797
- }), id: id, role: isCollapsible ? 'button' : undefined, tabIndex: isCollapsible ? 0 : undefined, onClick: isCollapsible ? handleToggle : undefined, onKeyDown: handleKeyDown },
96797
+ }), "data-testid": testId, id: id, role: isCollapsible ? 'button' : undefined, tabIndex: isCollapsible ? 0 : undefined, onClick: isCollapsible ? handleToggle : undefined, onKeyDown: handleKeyDown },
96798
96798
  hasIcons && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("td", { className: "c-contentTableRow__column c-contentTableRow__iconColumn" },
96799
96799
  external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-contentTableRow__iconColumn__icon', "c-contentTableRow__iconColumn__icon" + ucfirst(iconBadgePosition)) },
96800
96800
  iconName && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: iconBackgroundColor, name: iconName, size: "xLarge" }),
package/dist/types/src/components/Components/ContentTable/ContentTable.d.ts CHANGED
@@ -24,5 +24,5 @@ export interface ContentTablePropsType extends ComponentPropsType {
24
24
  isCollapsible?: boolean;
25
25
  }
26
26
  export declare const getTextAlignClass: (align?: string | undefined) => string | undefined;
27
- export declare const ContentTable: ({ caption, columns, hasIcons, hideSubtitleOnExpand, children, isCaptionHidden, isCollapsible, titleHeader, titleAlignContent, withoutOpeners }: ContentTablePropsType) => JSX.Element;
27
+ export declare const ContentTable: ({ caption, columns, hasIcons, hideSubtitleOnExpand, children, isCaptionHidden, isCollapsible, testId, titleHeader, titleAlignContent, withoutOpeners }: ContentTablePropsType) => JSX.Element;
28
28
  //# sourceMappingURL=ContentTable.d.ts.map
package/dist/types/src/components/Components/ContentTable/ContentTableRow.d.ts CHANGED
@@ -57,5 +57,5 @@ export interface ContentTableRowPropsType extends ComponentPropsType {
57
57
  /** Subtitle tag content */
58
58
  subtitleTagText?: ReactNode;
59
59
  }
60
- 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, title, titleSize, titleVisual }: ContentTableRowPropsType) => JSX.Element;
60
+ 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;
61
61
  //# sourceMappingURL=ContentTableRow.d.ts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mmb-digital/ds-lilly",
3
- "version": "0.8.2",
3
+ "version": "0.8.3",
4
4
  "description": "MMB LILLY design system",
5
5
  "license": "UNLICENSED",
6
6
  "sideEffects": false,