@dfx.swiss/react-components 1.3.0-beta.25 → 1.3.0-beta.26

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.
@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react';
2
2
  interface ExpansionItem {
3
3
  label: string;
4
4
  text: string;
5
+ infoText?: string;
5
6
  }
6
7
  interface StyledDataTableExpandableRowProps extends PropsWithChildren {
7
8
  label?: string;
@@ -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,2CA0FnC"}
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;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;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"}
@@ -36,8 +36,8 @@ export default function StyledDataTableExpandableRow(_a) {
36
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"]);
37
37
  var theme = useContext(ThemeContext);
38
38
  var wrapperClasses = 'flex flex-col text-sm';
39
- var labelClasses = ' ';
40
- var rowDataClasses = 'flex gap-3 w-full';
39
+ var labelClasses = '';
40
+ var rowDataClasses = '';
41
41
  var separatorClasses = 'border-b my-2.5';
42
42
  discreet && (wrapperClasses += ' opacity-70');
43
43
  theme.showBorder
@@ -62,9 +62,9 @@ export default function StyledDataTableExpandableRow(_a) {
62
62
  setIsExpanded(props.isExpanded);
63
63
  }
64
64
  }, [props.isExpanded]);
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) {
66
- var label = _a.label, text = _a.text;
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));
68
- })] }))] }))] })));
65
+ 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: 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-1" }, { children: _jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })) }))), expansionItems.length > 0 && isExpanded && (_jsxs("div", __assign({ className: "flex flex-col w-full" }, { children: [_jsx("div", { className: separatorClasses }), expansionItems.map(function (_a) {
66
+ var label = _a.label, text = _a.text, infoText = _a.infoText;
67
+ 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 })), _jsx("p", __assign({ className: "" }, { children: text }))] }), label), _jsx("div", __assign({ className: "my-1" }, { children: infoText && (_jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText }))) }))] })));
68
+ })] })))] }))] })));
69
69
  }
70
70
  //# sourceMappingURL=StyledDataTableExpandableRow.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StyledDataTableExpandableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"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"}
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.25",
4
+ "version": "1.3.0-beta.26",
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": "e63649f489d646f086a407fff7f79228bebfc48a"
92
+ "gitHead": "bb11930b16eb3801f0388f92efb93dd0091f6d20"
93
93
  }