@dfx.swiss/react-components 1.3.0-beta.111 → 1.3.0-beta.113
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.
|
@@ -5,7 +5,8 @@ interface StyledDataTableRowProps extends PropsWithChildren {
|
|
|
5
5
|
isLoading?: boolean;
|
|
6
6
|
infoText?: string;
|
|
7
7
|
noPadding?: boolean;
|
|
8
|
+
onClick?: () => void;
|
|
8
9
|
}
|
|
9
|
-
export default function StyledDataTableRow({ label, children, discreet, isLoading, infoText, noPadding, }: StyledDataTableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default function StyledDataTableRow({ label, children, discreet, isLoading, infoText, noPadding, onClick, }: StyledDataTableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=StyledDataTableRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,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;
|
|
1
|
+
{"version":3,"file":"StyledDataTableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,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,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAQD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,uBAAuB,2CA6DzB"}
|
|
@@ -22,7 +22,7 @@ var ALIGN_MAPS = (_a = {},
|
|
|
22
22
|
_a[AlignContent.BETWEEN] = ' justify-between',
|
|
23
23
|
_a);
|
|
24
24
|
export default function StyledDataTableRow(_a) {
|
|
25
|
-
var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText, noPadding = _a.noPadding;
|
|
25
|
+
var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText, noPadding = _a.noPadding, onClick = _a.onClick;
|
|
26
26
|
var theme = useContext(ThemeContext);
|
|
27
27
|
var wrapperClasses = 'flex flex-col gap-3 text-sm';
|
|
28
28
|
var labelClasses = ' ';
|
|
@@ -41,7 +41,10 @@ export default function StyledDataTableRow(_a) {
|
|
|
41
41
|
rowDataClasses += ' text-dfxBlue-800';
|
|
42
42
|
wrapperClasses += ' border-dfxGray-400';
|
|
43
43
|
}
|
|
44
|
+
if (onClick) {
|
|
45
|
+
wrapperClasses += ' cursor-pointer hover:bg-dfxGray-400';
|
|
46
|
+
}
|
|
44
47
|
rowDataClasses += ALIGN_MAPS[theme.alignContent];
|
|
45
|
-
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: theme.darkTheme ? SpinnerVariant.DARK_MODE : SpinnerVariant.LIGHT_MODE })) : (children) }))] })), infoText ? (_jsx("div", __assign({ className: "flex justify-start text-left" }, { children: _jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })) }))) : (_jsx(_Fragment, {}))] })));
|
|
48
|
+
return (_jsxs("div", __assign({ className: wrapperClasses, onClick: onClick }, { 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: theme.darkTheme ? SpinnerVariant.DARK_MODE : SpinnerVariant.LIGHT_MODE })) : (children) }))] })), infoText ? (_jsx("div", __assign({ className: "flex justify-start text-left" }, { children: _jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })) }))) : (_jsx(_Fragment, {}))] })));
|
|
46
49
|
}
|
|
47
50
|
//# sourceMappingURL=StyledDataTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,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":"StyledDataTableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,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;AAW3F,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,kBAAkB,CAAC,EAQjB;QAPxB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA;IAEP,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,cAAc,GAAG,6BAA6B,CAAC;IACnD,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;KACtC;SAAM;QACL,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,mBAAmB,CAAC;QACtC,cAAc,IAAI,qBAAqB,CAAC;KACzC;IAED,IAAI,OAAO,EAAE;QACX,cAAc,IAAI,sCAAsC,CAAC;KAC1D;IAED,cAAc,IAAI,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,CACL,wBAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,iBAC9C,wBAAK,SAAS,EAAC,MAAM,iBAClB,KAAK,IAAI,CACR,uBAAK,SAAS,EAAE,oBAAa,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,gBACzD,qBAAG,SAAS,EAAE,YAAY,gBAAG,KAAK,IAAK,IACnC,CACP,EAED,uBAAK,SAAS,EAAE,cAAc,gBAC3B,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,oBAAoB,IACnB,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,GAC/E,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,KACF,EACL,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAK,SAAS,EAAC,8BAA8B,gBAC3C,KAAC,cAAc,aAAC,QAAQ,EAAE,kBAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE,QAAQ,sBACjF,QAAQ,IACM,IACb,CACP,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,KACG,CACP,CAAC;AACJ,CAAC"}
|
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.113",
|
|
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": "08ad0fb6f6482cbe7df15db60aff0939feb56e3c"
|
|
93
93
|
}
|