@trackunit/react-widgets 2.9.30 → 2.9.32

package/index.cjs.js

@@ -299,10 +299,10 @@ const cvaWidgetEditBodyContainer = cssClassVarianceUtilities.cvaMerge(["absolute
  * @param {WidgetEditBodyProps} props - The props for the WidgetEditBody component
  * @returns {ReactNode} WidgetEditBody component
  */
-const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled = false, title, ref, }) => {
+const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel: onClickClose, onSave, saveEditModeDisabled = false, title, ref, }) => {
     const [t] = useTranslation();
     const [saving, setSaving] = react.useState(false);
-    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: onCancel }), jsxRuntime.jsx(reactComponents.CardBody, { children: children }), jsxRuntime.jsxs(reactComponents.CardFooter, { children: [jsxRuntime.jsx(reactComponents.Button, { onClick: onCancel, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsxRuntime.jsx(reactComponents.Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
+    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 () => {
                             setSaving(true);
                             try {
                                 await onSave();
@@ -388,7 +388,7 @@ const WidgetKPI = ({ title, value, loading = false, unit, className, "data-testi
                 ], variant: "custom" })) : (jsxRuntime.jsx(reactComponents.SkeletonLines, { lines: [
                     { textSize: "text-sm", width: 100 },
                     { textSize: "text-lg", width: 40 },
-                ], 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, { asChild: false, "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 })] })) }));
+                ], 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 })] })) }));
 };
 
 /*

package/index.esm.js

@@ -297,10 +297,10 @@ const cvaWidgetEditBodyContainer = cvaMerge(["absolute", "left-1/2", "top-1/2",
  * @param {WidgetEditBodyProps} props - The props for the WidgetEditBody component
  * @returns {ReactNode} WidgetEditBody component
  */
-const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled = false, title, ref, }) => {
+const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel: onClickClose, onSave, saveEditModeDisabled = false, title, ref, }) => {
     const [t] = useTranslation();
     const [saving, setSaving] = useState(false);
-    return (jsxs(Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, ref: ref, children: [jsx(CardHeader, { heading: title || t("widget.edit.title"), onClickClose: onCancel }), jsx(CardBody, { children: children }), jsxs(CardFooter, { children: [jsx(Button, { onClick: onCancel, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsx(Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
+    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 () => {
                             setSaving(true);
                             try {
                                 await onSave();
@@ -386,7 +386,7 @@ const WidgetKPI = ({ title, value, loading = false, unit, className, "data-testi
                 ], variant: "custom" })) : (jsx(SkeletonLines, { lines: [
                     { textSize: "text-sm", width: 100 },
                     { textSize: "text-lg", width: 40 },
-                ], 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, { asChild: false, "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 })] })) }));
+                ], 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 })] })) }));
 };
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-widgets",
-  "version": "2.9.30",
+  "version": "2.9.32",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,12 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.17.24",
-    "@trackunit/iris-app-runtime-core": "1.13.26",
-    "@trackunit/css-class-variance-utilities": "1.11.43",
-    "@trackunit/ui-design-tokens": "1.11.43",
-    "@trackunit/ui-icons": "1.11.42",
-    "@trackunit/i18n-library-translation": "1.12.28"
+    "@trackunit/react-components": "1.17.26",
+    "@trackunit/iris-app-runtime-core": "1.13.27",
+    "@trackunit/css-class-variance-utilities": "1.11.44",
+    "@trackunit/ui-design-tokens": "1.11.44",
+    "@trackunit/ui-icons": "1.11.43",
+    "@trackunit/i18n-library-translation": "1.12.29"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/Widget/WidgetEditBody.d.ts

@@ -30,4 +30,4 @@ export interface WidgetEditBodyProps extends CommonProps, Refable<HTMLDivElement
  * @param {WidgetEditBodyProps} props - The props for the WidgetEditBody component
  * @returns {ReactNode} WidgetEditBody component
  */
-export declare const WidgetEditBody: ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled, title, ref, }: WidgetEditBodyProps) => ReactElement;
+export declare const WidgetEditBody: ({ children, "data-testid": dataTestId, className, onCancel: onClickClose, onSave, saveEditModeDisabled, title, ref, }: WidgetEditBodyProps) => ReactElement;