@dfx.swiss/react-components 1.3.0-beta.61 → 1.3.0-beta.63
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/stories/DfxAssetIcon.d.ts +2 -0
- package/dist/stories/DfxAssetIcon.d.ts.map +1 -1
- package/dist/stories/DfxAssetIcon.js +29 -0
- package/dist/stories/DfxAssetIcon.js.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.d.ts +3 -2
- package/dist/stories/StyledDataTableExpandableRow.d.ts.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.js +6 -3
- package/dist/stories/StyledDataTableExpandableRow.js.map +1 -1
- package/package.json +2 -2
|
@@ -15,8 +15,9 @@ interface StyledDataTableExpandableRowProps extends PropsWithChildren {
|
|
|
15
15
|
infoText?: string;
|
|
16
16
|
noPadding?: boolean;
|
|
17
17
|
isExpanded?: boolean;
|
|
18
|
-
expansionItems
|
|
18
|
+
expansionItems?: ExpansionItem[];
|
|
19
|
+
expansionContent?: JSX.Element;
|
|
19
20
|
}
|
|
20
|
-
export default function StyledDataTableExpandableRow({ label, children, discreet, isLoading, infoText, noPadding, expansionItems, ...props }: StyledDataTableExpandableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default function StyledDataTableExpandableRow({ label, children, discreet, isLoading, infoText, noPadding, expansionItems, expansionContent, ...props }: StyledDataTableExpandableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export {};
|
|
22
23
|
//# sourceMappingURL=StyledDataTableExpandableRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableExpandableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAC3E,OAAgB,EAAE,SAAS,EAAY,WAAW,EAAE,MAAM,WAAW,CAAC;AAKtE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,iCAAkC,SAAQ,iBAAiB;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,aAAa,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledDataTableExpandableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAC3E,OAAgB,EAAE,SAAS,EAAY,WAAW,EAAE,MAAM,WAAW,CAAC;AAKtE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,iCAAkC,SAAQ,iBAAiB;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAChC;AAQD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,iCAAiC,2CA0GnC"}
|
|
@@ -33,7 +33,7 @@ var ALIGN_MAPS = (_a = {},
|
|
|
33
33
|
_a[AlignContent.BETWEEN] = ' justify-between',
|
|
34
34
|
_a);
|
|
35
35
|
export default function StyledDataTableExpandableRow(_a) {
|
|
36
|
-
var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText, noPadding = _a.noPadding, expansionItems = _a.expansionItems, props = __rest(_a, ["label", "children", "discreet", "isLoading", "infoText", "noPadding", "expansionItems"]);
|
|
36
|
+
var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText, noPadding = _a.noPadding, expansionItems = _a.expansionItems, expansionContent = _a.expansionContent, props = __rest(_a, ["label", "children", "discreet", "isLoading", "infoText", "noPadding", "expansionItems", "expansionContent"]);
|
|
37
37
|
var theme = useContext(ThemeContext);
|
|
38
38
|
var wrapperClasses = 'flex flex-col text-sm';
|
|
39
39
|
var labelClasses = '';
|
|
@@ -62,9 +62,12 @@ export default function StyledDataTableExpandableRow(_a) {
|
|
|
62
62
|
setIsExpanded(props.isExpanded);
|
|
63
63
|
}
|
|
64
64
|
}, [props.isExpanded]);
|
|
65
|
-
|
|
65
|
+
var hasExpansionItems = !!(expansionItems === null || expansionItems === void 0 ? void 0 : expansionItems.length);
|
|
66
|
+
var hasExpansionContent = !!expansionContent;
|
|
67
|
+
var hasExpansion = hasExpansionItems || hasExpansionContent;
|
|
68
|
+
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex w-full justify-between" }, { children: [label && _jsx("p", __assign({ className: labelClasses }, { children: label })), _jsx("div", __assign({ className: rowDataClasses }, { children: isLoading ? (_jsx(StyledLoadingSpinner, { size: SpinnerSize.SM, variant: theme.darkTheme ? SpinnerVariant.DARK_MODE : SpinnerVariant.LIGHT_MODE })) : (_jsxs("div", __assign({ className: "w-full cursor-pointer flex flex-row gap-2 ".concat(ALIGN_MAPS[theme.alignContent]), onClick: function () { return setIsExpanded(function (e) { return !e; }); } }, { children: [children, hasExpansion && (_jsx(DfxIcon, { icon: isExpanded ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }))] }))) }))] })), !isLoading && (_jsx(_Fragment, { children: hasExpansion && isExpanded && (_jsxs("div", __assign({ className: "flex flex-col w-full" }, { children: [infoText && (_jsx("div", __assign({ className: "mt-1" }, { children: _jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })) }))), _jsx("div", { className: separatorClasses }), hasExpansionItems ? (expansionItems.map(function (_a) {
|
|
66
69
|
var label = _a.label, text = _a.text, infoText = _a.infoText, icon = _a.icon, iconColor = _a.iconColor, onClick = _a.onClick;
|
|
67
70
|
return (_jsxs("div", __assign({ className: "flex flex-col w-full" }, { children: [_jsxs("div", __assign({ className: "flex w-full justify-between" }, { children: [_jsx("p", __assign({ className: labelClasses }, { children: label })), _jsxs("button", __assign({ className: "flex flex-row items-center gap-2", onClick: onClick, disabled: !onClick }, { children: [_jsx("p", __assign({ className: rowDataClasses }, { children: text })), icon && _jsx(DfxIcon, { icon: icon, color: iconColor, size: IconSize.SM })] }))] }), label), _jsx("div", __assign({ className: "my-1 text-left" }, { children: infoText && (_jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText.split('\n').map(function (line) { return (_jsx("div", { children: line }, line)); }) }))) }))] })));
|
|
68
|
-
})] }))) }))] })));
|
|
71
|
+
})) : (_jsx("div", __assign({ className: "mt-1" }, { children: expansionContent })))] }))) }))] })));
|
|
69
72
|
}
|
|
70
73
|
//# sourceMappingURL=StyledDataTableExpandableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableExpandableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAqB,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,cAAc,EAAE,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,oBAAoB,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledDataTableExpandableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@dfx.swiss/react-components",
|
|
4
|
-
"version": "1.3.0-beta.
|
|
4
|
+
"version": "1.3.0-beta.63",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"tailwindcss": "^3.2.4",
|
|
90
90
|
"webpack": "^5.75.0"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "474ed435d2864039f1152e63ad73c80555528eb9"
|
|
93
93
|
}
|