@mmb-digital/ds-lilly 0.8.1 → 0.8.2
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.
package/dist/ds-lilly.js
CHANGED
|
@@ -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, 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,
|
|
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;
|
|
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;
|
|
@@ -96819,7 +96819,7 @@ var ContentTableRow = function (_a) {
|
|
|
96819
96819
|
}),
|
|
96820
96820
|
amountColumn && !(isMobileDeviceView && amountColumn.hideOnMobile) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("td", { className: classBinder_cx('c-contentTableRow__column c-contentTableRow__amountColumn', getTextAlignClass(amountColumn.alignContent)) },
|
|
96821
96821
|
external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx({ 'c-contentTableRow__column--hidden': amountColumn.hideOnExpand && isOpened }) },
|
|
96822
|
-
amount !== undefined && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AmountWithUnit, { isBold: true, amount: amount, unitAfter:
|
|
96822
|
+
amount !== undefined && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AmountWithUnit, { isBold: true, amount: amount, locale: amountLocale, maximumFractionDigits: amountMaximumFractionDigits, minimumFractionDigits: amountMinimumFractionDigits, unitAfter: amountCurrencyCode })),
|
|
96823
96823
|
amountSubtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { component: "div", size: "xSmall", type: amountSubtitleType }, amountSubtitle))))),
|
|
96824
96824
|
buttonsColumn && !(isMobileDeviceView && buttonsColumn.hideOnMobile) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("td", { className: classBinder_cx('c-contentTableRow__column c-contentTableRow__buttonsColumn', getTextAlignClass(buttonsColumn.alignContent)) },
|
|
96825
96825
|
external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx({ 'c-contentTableRow__column--hidden': buttonsColumn.hideOnExpand && isOpened }) }, buttons.map(function (button) {
|
|
@@ -10,14 +10,20 @@ export interface ContentTableRowPropsType extends ComponentPropsType {
|
|
|
10
10
|
columns?: ReactNode[][];
|
|
11
11
|
/** Amount column content */
|
|
12
12
|
amount?: number;
|
|
13
|
+
/** Amount currency code */
|
|
14
|
+
amountCurrencyCode?: string;
|
|
15
|
+
/** Amount locale */
|
|
16
|
+
amountLocale?: string;
|
|
17
|
+
/** The maximum number of amount fraction digits */
|
|
18
|
+
amountMaximumFractionDigits?: number;
|
|
19
|
+
/** The minimum number of amount fraction digits */
|
|
20
|
+
amountMinimumFractionDigits?: number;
|
|
13
21
|
/** Amount subtitle */
|
|
14
22
|
amountSubtitle?: ReactNode;
|
|
15
23
|
/** Amount subtitle type */
|
|
16
24
|
amountSubtitleType?: TextType;
|
|
17
25
|
/** Buttons column content */
|
|
18
26
|
buttons?: ReactElement[];
|
|
19
|
-
/** Amount currency code */
|
|
20
|
-
currencyCode?: string;
|
|
21
27
|
/** Custom row icon */
|
|
22
28
|
customIcon?: ReactNode;
|
|
23
29
|
/** Content to render on expand */
|
|
@@ -51,5 +57,5 @@ export interface ContentTableRowPropsType extends ComponentPropsType {
|
|
|
51
57
|
/** Subtitle tag content */
|
|
52
58
|
subtitleTagText?: ReactNode;
|
|
53
59
|
}
|
|
54
|
-
export declare const ContentTableRow: ({ amount, amountSubtitle, amountSubtitleType, ariaLabel, buttons, columns,
|
|
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;
|
|
55
61
|
//# sourceMappingURL=ContentTableRow.d.ts.map
|