@dfx.swiss/react-components 1.2.0-beta.44 → 1.2.0-beta.45
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.
|
@@ -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;AAM3E,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;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;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,iCAAiC,
|
|
1
|
+
{"version":3,"file":"StyledDataTableExpandableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAM3E,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;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;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,iCAAiC,2CA0FnC"}
|
|
@@ -38,6 +38,7 @@ export default function StyledDataTableExpandableRow(_a) {
|
|
|
38
38
|
var wrapperClasses = 'flex flex-col text-sm';
|
|
39
39
|
var labelClasses = ' ';
|
|
40
40
|
var rowDataClasses = 'flex gap-3 w-full';
|
|
41
|
+
var separatorClasses = 'border-b my-2.5';
|
|
41
42
|
discreet && (wrapperClasses += ' opacity-70');
|
|
42
43
|
theme.showBorder
|
|
43
44
|
? (wrapperClasses += ' px-3.5 py-2.5 border-t border-x last:border-y first:rounded-t last:rounded-b')
|
|
@@ -46,11 +47,13 @@ export default function StyledDataTableExpandableRow(_a) {
|
|
|
46
47
|
if (theme.darkTheme) {
|
|
47
48
|
labelClasses += ' text-dfxGray-600';
|
|
48
49
|
wrapperClasses += ' border-white/20';
|
|
50
|
+
separatorClasses += ' border-white/20';
|
|
49
51
|
}
|
|
50
52
|
else {
|
|
51
53
|
labelClasses += ' text-dfxGray-800';
|
|
52
54
|
rowDataClasses += ' text-dfxBlue-800';
|
|
53
55
|
wrapperClasses += ' border-dfxGray-400';
|
|
56
|
+
separatorClasses += ' border-dfxGray-400';
|
|
54
57
|
}
|
|
55
58
|
rowDataClasses += ALIGN_MAPS[theme.alignContent];
|
|
56
59
|
var _b = useState(false), isExpanded = _b[0], setIsExpanded = _b[1];
|
|
@@ -59,9 +62,9 @@ export default function StyledDataTableExpandableRow(_a) {
|
|
|
59
62
|
setIsExpanded(props.isExpanded);
|
|
60
63
|
}
|
|
61
64
|
}, [props.isExpanded]);
|
|
62
|
-
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex" }, { children: [label && (_jsx("div", __assign({ className: "flex-none ".concat(theme.minWidth ? 'w-48' : '') }, { children: _jsx("p", __assign({ className: labelClasses }, { children: label })) }))), _jsx("div", __assign({ className: rowDataClasses }, { children: isLoading ? (_jsx(StyledLoadingSpinner, { size: SpinnerSize.SM, variant: SpinnerVariant.PALE })) : (
|
|
65
|
+
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex" }, { children: [label && (_jsx("div", __assign({ className: "flex-none ".concat(theme.minWidth ? 'w-48' : '') }, { children: _jsx("p", __assign({ className: labelClasses }, { children: label })) }))), _jsx("div", __assign({ className: rowDataClasses }, { children: isLoading ? (_jsx(StyledLoadingSpinner, { size: SpinnerSize.SM, variant: SpinnerVariant.PALE })) : (_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, expansionItems.length > 0 && (_jsx(DfxIcon, { icon: isExpanded ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }))] }))) }))] })), !isLoading && (_jsxs(_Fragment, { children: [infoText && (_jsx("div", __assign({ className: "mt-2" }, { children: _jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })) }))), expansionItems.length > 0 && isExpanded && (_jsxs("div", { children: [_jsx("div", { className: separatorClasses }), expansionItems.map(function (_a) {
|
|
63
66
|
var label = _a.label, text = _a.text;
|
|
64
|
-
return (_jsxs("div", __assign({ className: "flex" }, { children: [_jsx("div", __assign({ className: "flex-none ".concat(theme.minWidth ? 'w-48' : '') }, { children: _jsx("p", __assign({ className: labelClasses }, { children: label })) })), _jsx("div", __assign({ className: rowDataClasses }, { children:
|
|
67
|
+
return (_jsxs("div", __assign({ className: "flex" }, { children: [_jsx("div", __assign({ className: "flex-none ".concat(theme.minWidth ? 'w-48' : '') }, { children: _jsx("p", __assign({ className: labelClasses }, { children: label })) })), _jsx("div", __assign({ className: rowDataClasses }, { children: text }))] }), label));
|
|
65
68
|
})] }))] }))] })));
|
|
66
69
|
}
|
|
67
70
|
//# 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;AAiB3F,IAAM,UAAU;IACd,GAAC,YAAY,CAAC,IAAI,IAAG,gBAAgB;IACrC,GAAC,YAAY,CAAC,KAAK,IAAG,cAAc;IACpC,GAAC,YAAY,CAAC,OAAO,IAAG,kBAAkB;OAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EASjB;IARlC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACX,KAAK,cAR2C,yFASpD,CADS;IAER,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,cAAc,GAAG,uBAAuB,CAAC;IAC7C,IAAI,YAAY,GAAG,GAAG,CAAC;IACvB,IAAI,cAAc,GAAG,mBAAmB,CAAC;IAEzC,QAAQ,IAAI,CAAC,cAAc,IAAI,aAAa,CAAC,CAAC;IAE9C,KAAK,CAAC,UAAU;QACd,CAAC,CAAC,CAAC,cAAc,IAAI,+EAA+E,CAAC;QACrG,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,OAAO,CAAC,CAAC;IAE9C,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC,CAAC;IAEnE,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,kBAAkB,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.2.0-beta.
|
|
4
|
+
"version": "1.2.0-beta.45",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"tailwindcss": "^3.2.4",
|
|
89
89
|
"webpack": "^5.75.0"
|
|
90
90
|
},
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "0b9c70b8b9f4e1e4215abff6cf487cbeb65815ec"
|
|
92
92
|
}
|