@trackunit/react-widgets 2.6.7 → 2.6.13
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/index.cjs.js +8 -1
- package/index.esm.js +8 -1
- package/package.json +7 -7
package/index.cjs.js
CHANGED
|
@@ -294,7 +294,14 @@ cssClassVarianceUtilities.cvaMerge([
|
|
|
294
294
|
* @returns {ReactElement} WidgetKPI component
|
|
295
295
|
*/
|
|
296
296
|
const WidgetKPI = ({ title, value, loading = false, unit, className, "data-testid": dataTestId, tooltipLabel, trends, iconName = undefined, iconColor = "info", notice, ...rest }) => {
|
|
297
|
-
return (jsxRuntime.jsx("div", { className: cvaWidgetKPI({ className }), "data-testid": dataTestId ?? undefined, ...rest, children: loading ? (jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pt-6", "data-testid": dataTestId ? `${dataTestId}-loading` : "WidgetKPI-loading", children: trends ? (jsxRuntime.jsx(reactComponents.SkeletonLines, {
|
|
297
|
+
return (jsxRuntime.jsx("div", { className: cvaWidgetKPI({ className }), "data-testid": dataTestId ?? undefined, ...rest, children: loading ? (jsxRuntime.jsx("div", { className: "flex flex-col gap-2 pt-6", "data-testid": dataTestId ? `${dataTestId}-loading` : "WidgetKPI-loading", children: trends ? (jsxRuntime.jsx(reactComponents.SkeletonLines, { lines: [
|
|
298
|
+
{ textSize: "text-sm", width: 100 },
|
|
299
|
+
{ textSize: "text-lg", width: 40 },
|
|
300
|
+
{ textSize: "text-sm", width: 60 },
|
|
301
|
+
], variant: "custom" })) : (jsxRuntime.jsx(reactComponents.SkeletonLines, { lines: [
|
|
302
|
+
{ textSize: "text-sm", width: 100 },
|
|
303
|
+
{ textSize: "text-lg", width: 40 },
|
|
304
|
+
], variant: "custom" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col justify-center gap-0.5", children: [jsxRuntime.jsx("div", { className: cvaWidgetKPIHeader(), children: jsxRuntime.jsxs("div", { className: "flex items-start gap-1", children: [iconName ? (jsxRuntime.jsx(reactComponents.Icon, { className: "flex-shrink-0 py-0.5", color: iconColor, name: iconName, size: "small" })) : null, jsxRuntime.jsx(reactComponents.Tooltip, { "data-testid": dataTestId ? `${dataTestId}-tooltip` : undefined, disabled: !tooltipLabel, label: tooltipLabel, placement: "bottom-start", children: jsxRuntime.jsx(reactComponents.Text, { className: cvaWidgetKPITitleText(), "data-testid": dataTestId ? `${dataTestId}-title` : undefined, children: title }) })] }) }), jsxRuntime.jsx("div", { className: "flex items-baseline justify-start", children: jsxRuntime.jsx(reactComponents.Text, { className: cvaWidgetKPIvalueText(), "data-testid": dataTestId ? `${dataTestId}-value` : undefined, type: "div", children: jsxRuntime.jsxs("div", { className: cvaWidgetKPIvalueText(), children: [value, " ", unit] }) }) })] }), jsxRuntime.jsx("div", { className: "flex min-h-[1lh] items-center gap-1 overflow-hidden", children: trends ? (jsxRuntime.jsx(reactComponents.TrendIndicators, { "data-testid": dataTestId ? `${dataTestId}-trend-indicators` : undefined, trends: trends })) : notice !== undefined ? (jsxRuntime.jsx(reactComponents.Notice, { "data-testid": dataTestId ? `${dataTestId}-notice` : undefined, size: "small", ...notice, className: "block", iconSize: "small" })) : null })] })) }));
|
|
298
305
|
};
|
|
299
306
|
|
|
300
307
|
/*
|
package/index.esm.js
CHANGED
|
@@ -292,7 +292,14 @@ cvaMerge([
|
|
|
292
292
|
* @returns {ReactElement} WidgetKPI component
|
|
293
293
|
*/
|
|
294
294
|
const WidgetKPI = ({ title, value, loading = false, unit, className, "data-testid": dataTestId, tooltipLabel, trends, iconName = undefined, iconColor = "info", notice, ...rest }) => {
|
|
295
|
-
return (jsx("div", { className: cvaWidgetKPI({ className }), "data-testid": dataTestId ?? undefined, ...rest, children: loading ? (jsx("div", { className: "flex flex-col gap-2 pt-6", "data-testid": dataTestId ? `${dataTestId}-loading` : "WidgetKPI-loading", children: trends ? (jsx(SkeletonLines, {
|
|
295
|
+
return (jsx("div", { className: cvaWidgetKPI({ className }), "data-testid": dataTestId ?? undefined, ...rest, children: loading ? (jsx("div", { className: "flex flex-col gap-2 pt-6", "data-testid": dataTestId ? `${dataTestId}-loading` : "WidgetKPI-loading", children: trends ? (jsx(SkeletonLines, { lines: [
|
|
296
|
+
{ textSize: "text-sm", width: 100 },
|
|
297
|
+
{ textSize: "text-lg", width: 40 },
|
|
298
|
+
{ textSize: "text-sm", width: 60 },
|
|
299
|
+
], variant: "custom" })) : (jsx(SkeletonLines, { lines: [
|
|
300
|
+
{ textSize: "text-sm", width: 100 },
|
|
301
|
+
{ textSize: "text-lg", width: 40 },
|
|
302
|
+
], variant: "custom" })) })) : (jsxs(Fragment, { children: [jsxs("div", { className: "flex flex-1 flex-col justify-center gap-0.5", children: [jsx("div", { className: cvaWidgetKPIHeader(), children: jsxs("div", { className: "flex items-start gap-1", children: [iconName ? (jsx(Icon, { className: "flex-shrink-0 py-0.5", color: iconColor, name: iconName, size: "small" })) : null, jsx(Tooltip, { "data-testid": dataTestId ? `${dataTestId}-tooltip` : undefined, disabled: !tooltipLabel, label: tooltipLabel, placement: "bottom-start", children: jsx(Text, { className: cvaWidgetKPITitleText(), "data-testid": dataTestId ? `${dataTestId}-title` : undefined, children: title }) })] }) }), jsx("div", { className: "flex items-baseline justify-start", children: jsx(Text, { className: cvaWidgetKPIvalueText(), "data-testid": dataTestId ? `${dataTestId}-value` : undefined, type: "div", children: jsxs("div", { className: cvaWidgetKPIvalueText(), children: [value, " ", unit] }) }) })] }), jsx("div", { className: "flex min-h-[1lh] items-center gap-1 overflow-hidden", children: trends ? (jsx(TrendIndicators, { "data-testid": dataTestId ? `${dataTestId}-trend-indicators` : undefined, trends: trends })) : notice !== undefined ? (jsx(Notice, { "data-testid": dataTestId ? `${dataTestId}-notice` : undefined, size: "small", ...notice, className: "block", iconSize: "small" })) : null })] })) }));
|
|
296
303
|
};
|
|
297
304
|
|
|
298
305
|
/*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-widgets",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.13",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"react": "19.0.0",
|
|
11
|
-
"@trackunit/react-components": "1.14.
|
|
12
|
-
"@trackunit/iris-app-runtime-core": "1.11.
|
|
13
|
-
"@trackunit/css-class-variance-utilities": "1.10.
|
|
14
|
-
"@trackunit/ui-design-tokens": "1.10.
|
|
15
|
-
"@trackunit/ui-icons": "1.10.
|
|
16
|
-
"@trackunit/i18n-library-translation": "1.10.
|
|
11
|
+
"@trackunit/react-components": "1.14.12",
|
|
12
|
+
"@trackunit/iris-app-runtime-core": "1.11.10",
|
|
13
|
+
"@trackunit/css-class-variance-utilities": "1.10.10",
|
|
14
|
+
"@trackunit/ui-design-tokens": "1.10.10",
|
|
15
|
+
"@trackunit/ui-icons": "1.10.10",
|
|
16
|
+
"@trackunit/i18n-library-translation": "1.10.10"
|
|
17
17
|
},
|
|
18
18
|
"module": "./index.esm.js",
|
|
19
19
|
"main": "./index.cjs.js",
|