@trackunit/react-widgets 2.9.30 → 2.9.32
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 +3 -3
- package/index.esm.js +3 -3
- package/package.json +7 -7
- package/src/Widget/WidgetEditBody.d.ts +1 -1
package/index.cjs.js
CHANGED
|
@@ -299,10 +299,10 @@ const cvaWidgetEditBodyContainer = cssClassVarianceUtilities.cvaMerge(["absolute
|
|
|
299
299
|
* @param {WidgetEditBodyProps} props - The props for the WidgetEditBody component
|
|
300
300
|
* @returns {ReactNode} WidgetEditBody component
|
|
301
301
|
*/
|
|
302
|
-
const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled = false, title, ref, }) => {
|
|
302
|
+
const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel: onClickClose, onSave, saveEditModeDisabled = false, title, ref, }) => {
|
|
303
303
|
const [t] = useTranslation();
|
|
304
304
|
const [saving, setSaving] = react.useState(false);
|
|
305
|
-
return (jsxRuntime.jsxs(reactComponents.Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, ref: ref, children: [jsxRuntime.jsx(reactComponents.CardHeader, { heading: title || t("widget.edit.title"), onClickClose:
|
|
305
|
+
return (jsxRuntime.jsxs(reactComponents.Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, ref: ref, children: [jsxRuntime.jsx(reactComponents.CardHeader, { heading: title || t("widget.edit.title"), onClickClose: onClickClose }), jsxRuntime.jsx(reactComponents.CardBody, { children: children }), jsxRuntime.jsxs(reactComponents.CardFooter, { children: [jsxRuntime.jsx(reactComponents.Button, { onClick: onClickClose, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsxRuntime.jsx(reactComponents.Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
|
|
306
306
|
setSaving(true);
|
|
307
307
|
try {
|
|
308
308
|
await onSave();
|
|
@@ -388,7 +388,7 @@ const WidgetKPI = ({ title, value, loading = false, unit, className, "data-testi
|
|
|
388
388
|
], variant: "custom" })) : (jsxRuntime.jsx(reactComponents.SkeletonLines, { lines: [
|
|
389
389
|
{ textSize: "text-sm", width: 100 },
|
|
390
390
|
{ textSize: "text-lg", width: 40 },
|
|
391
|
-
], 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, {
|
|
391
|
+
], 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 })] })) }));
|
|
392
392
|
};
|
|
393
393
|
|
|
394
394
|
/*
|
package/index.esm.js
CHANGED
|
@@ -297,10 +297,10 @@ const cvaWidgetEditBodyContainer = cvaMerge(["absolute", "left-1/2", "top-1/2",
|
|
|
297
297
|
* @param {WidgetEditBodyProps} props - The props for the WidgetEditBody component
|
|
298
298
|
* @returns {ReactNode} WidgetEditBody component
|
|
299
299
|
*/
|
|
300
|
-
const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled = false, title, ref, }) => {
|
|
300
|
+
const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel: onClickClose, onSave, saveEditModeDisabled = false, title, ref, }) => {
|
|
301
301
|
const [t] = useTranslation();
|
|
302
302
|
const [saving, setSaving] = useState(false);
|
|
303
|
-
return (jsxs(Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, ref: ref, children: [jsx(CardHeader, { heading: title || t("widget.edit.title"), onClickClose:
|
|
303
|
+
return (jsxs(Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, ref: ref, children: [jsx(CardHeader, { heading: title || t("widget.edit.title"), onClickClose: onClickClose }), jsx(CardBody, { children: children }), jsxs(CardFooter, { children: [jsx(Button, { onClick: onClickClose, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsx(Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
|
|
304
304
|
setSaving(true);
|
|
305
305
|
try {
|
|
306
306
|
await onSave();
|
|
@@ -386,7 +386,7 @@ const WidgetKPI = ({ title, value, loading = false, unit, className, "data-testi
|
|
|
386
386
|
], variant: "custom" })) : (jsx(SkeletonLines, { lines: [
|
|
387
387
|
{ textSize: "text-sm", width: 100 },
|
|
388
388
|
{ textSize: "text-lg", width: 40 },
|
|
389
|
-
], 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, {
|
|
389
|
+
], 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 })] })) }));
|
|
390
390
|
};
|
|
391
391
|
|
|
392
392
|
/*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-widgets",
|
|
3
|
-
"version": "2.9.
|
|
3
|
+
"version": "2.9.32",
|
|
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.17.
|
|
12
|
-
"@trackunit/iris-app-runtime-core": "1.13.
|
|
13
|
-
"@trackunit/css-class-variance-utilities": "1.11.
|
|
14
|
-
"@trackunit/ui-design-tokens": "1.11.
|
|
15
|
-
"@trackunit/ui-icons": "1.11.
|
|
16
|
-
"@trackunit/i18n-library-translation": "1.12.
|
|
11
|
+
"@trackunit/react-components": "1.17.26",
|
|
12
|
+
"@trackunit/iris-app-runtime-core": "1.13.27",
|
|
13
|
+
"@trackunit/css-class-variance-utilities": "1.11.44",
|
|
14
|
+
"@trackunit/ui-design-tokens": "1.11.44",
|
|
15
|
+
"@trackunit/ui-icons": "1.11.43",
|
|
16
|
+
"@trackunit/i18n-library-translation": "1.12.29"
|
|
17
17
|
},
|
|
18
18
|
"module": "./index.esm.js",
|
|
19
19
|
"main": "./index.cjs.js",
|
|
@@ -30,4 +30,4 @@ export interface WidgetEditBodyProps extends CommonProps, Refable<HTMLDivElement
|
|
|
30
30
|
* @param {WidgetEditBodyProps} props - The props for the WidgetEditBody component
|
|
31
31
|
* @returns {ReactNode} WidgetEditBody component
|
|
32
32
|
*/
|
|
33
|
-
export declare const WidgetEditBody: ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled, title, ref, }: WidgetEditBodyProps) => ReactElement;
|
|
33
|
+
export declare const WidgetEditBody: ({ children, "data-testid": dataTestId, className, onCancel: onClickClose, onSave, saveEditModeDisabled, title, ref, }: WidgetEditBodyProps) => ReactElement;
|