@hitachivantara/uikit-react-lab 6.1.9 → 6.1.10
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/dist/Blade/Blade.js +134 -173
- package/dist/Blade/Blade.styles.js +54 -69
- package/dist/Blades/Blades.js +70 -101
- package/dist/Blades/Blades.styles.js +7 -10
- package/dist/Dashboard/Dashboard.js +57 -60
- package/dist/Dashboard/Dashboard.styles.js +6 -10
- package/dist/Flow/Background/Background.js +10 -16
- package/dist/Flow/Controls/Controls.js +77 -91
- package/dist/Flow/DroppableFlow.js +135 -200
- package/dist/Flow/Empty/Empty.js +12 -9
- package/dist/Flow/Empty/Empty.styles.js +12 -15
- package/dist/Flow/Flow.js +28 -30
- package/dist/Flow/Flow.styles.js +12 -18
- package/dist/Flow/FlowContext/FlowContext.js +22 -23
- package/dist/Flow/FlowContext/NodeMetaContext.js +36 -39
- package/dist/Flow/Minimap/Minimap.js +15 -28
- package/dist/Flow/Minimap/Minimap.styles.js +4 -9
- package/dist/Flow/Node/BaseNode.js +144 -190
- package/dist/Flow/Node/BaseNode.styles.js +122 -133
- package/dist/Flow/Node/Node.js +90 -108
- package/dist/Flow/Node/Node.styles.js +30 -40
- package/dist/Flow/Node/Parameters/ParamRenderer.js +17 -14
- package/dist/Flow/Node/Parameters/Select.js +33 -38
- package/dist/Flow/Node/Parameters/Slider.js +27 -29
- package/dist/Flow/Node/Parameters/Text.js +17 -17
- package/dist/Flow/Node/utils.js +44 -49
- package/dist/Flow/Sidebar/Sidebar.js +115 -137
- package/dist/Flow/Sidebar/Sidebar.styles.js +21 -22
- package/dist/Flow/Sidebar/SidebarGroup/SidebarGroup.js +57 -60
- package/dist/Flow/Sidebar/SidebarGroup/SidebarGroup.styles.js +27 -33
- package/dist/Flow/Sidebar/SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.js +27 -47
- package/dist/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.js +14 -32
- package/dist/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.styles.js +17 -23
- package/dist/Flow/base.js +5 -5
- package/dist/Flow/hooks/useFlowContext.js +5 -5
- package/dist/Flow/hooks/useFlowInstance.js +5 -4
- package/dist/Flow/hooks/useFlowNode.js +92 -113
- package/dist/Flow/hooks/useFlowNodeMeta.js +7 -7
- package/dist/Flow/hooks/useNode.js +136 -154
- package/dist/Flow/hooks/useNodeId.js +8 -7
- package/dist/Flow/nodes/DashboardNode.js +64 -86
- package/dist/Flow/nodes/DashboardNode.styles.js +8 -14
- package/dist/Flow/nodes/StickyNode.js +370 -435
- package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js +36 -52
- package/dist/StepNavigation/DefaultNavigation/Step/Step.js +40 -51
- package/dist/StepNavigation/DefaultNavigation/Step/Step.styles.js +22 -33
- package/dist/StepNavigation/DefaultNavigation/utils.js +38 -30
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +24 -41
- package/dist/StepNavigation/SimpleNavigation/Dot/Dot.styles.js +13 -16
- package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js +35 -47
- package/dist/StepNavigation/SimpleNavigation/utils.js +10 -11
- package/dist/StepNavigation/StepNavigation.js +136 -179
- package/dist/StepNavigation/StepNavigation.styles.js +29 -32
- package/dist/Wizard/Wizard.js +81 -104
- package/dist/Wizard/Wizard.styles.js +4 -7
- package/dist/Wizard/WizardActions/WizardActions.js +111 -131
- package/dist/Wizard/WizardActions/WizardActions.styles.js +19 -20
- package/dist/Wizard/WizardContainer/WizardContainer.js +19 -28
- package/dist/Wizard/WizardContainer/WizardContainer.styles.js +8 -14
- package/dist/Wizard/WizardContent/WizardContent.js +103 -120
- package/dist/Wizard/WizardContent/WizardContent.styles.js +33 -36
- package/dist/Wizard/WizardContext/WizardContext.js +10 -13
- package/dist/Wizard/WizardTitle/WizardTitle.js +74 -79
- package/dist/Wizard/WizardTitle/WizardTitle.styles.js +12 -15
- package/dist/index.d.ts +1 -1
- package/dist/index.js +30 -81
- package/package.json +6 -6
- package/dist/StepNavigation/utils.js +0 -8
|
@@ -1,89 +1,67 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useLabels, HvDialog, HvDialogTitle, HvDialogContent, HvEmptyState, HvDialogActions, HvButton } from "@hitachivantara/uikit-react-core";
|
|
3
|
-
import { Info } from "@hitachivantara/uikit-react-icons";
|
|
4
|
-
import { useClasses } from "./DashboardNode.styles.js";
|
|
5
|
-
import { staticClasses } from "./DashboardNode.styles.js";
|
|
6
|
-
import { HvFlowNode } from "../Node/Node.js";
|
|
7
1
|
import { HvDashboard } from "../../Dashboard/Dashboard.js";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
labels: labelsProp,
|
|
21
|
-
classes: classesProp,
|
|
22
|
-
previewItems,
|
|
23
|
-
children,
|
|
24
|
-
dialogProps,
|
|
25
|
-
dashboardProps,
|
|
26
|
-
onApply,
|
|
27
|
-
onCancel,
|
|
28
|
-
onClose,
|
|
29
|
-
...others
|
|
30
|
-
} = props;
|
|
31
|
-
const labels = useLabels(DEFAULT_LABELS, labelsProp);
|
|
32
|
-
const { classes } = useClasses(classesProp);
|
|
33
|
-
return /* @__PURE__ */ jsxs(
|
|
34
|
-
HvFlowNode,
|
|
35
|
-
{
|
|
36
|
-
id,
|
|
37
|
-
classes,
|
|
38
|
-
labels,
|
|
39
|
-
...others,
|
|
40
|
-
children: [
|
|
41
|
-
children,
|
|
42
|
-
/* @__PURE__ */ jsxs(
|
|
43
|
-
HvDialog,
|
|
44
|
-
{
|
|
45
|
-
open,
|
|
46
|
-
maxWidth: "lg",
|
|
47
|
-
fullWidth: true,
|
|
48
|
-
onClose,
|
|
49
|
-
...dialogProps,
|
|
50
|
-
children: [
|
|
51
|
-
/* @__PURE__ */ jsx(HvDialogTitle, { variant: "info", children: labels?.dialogTitle }),
|
|
52
|
-
/* @__PURE__ */ jsxs(HvDialogContent, { indentContent: true, children: [
|
|
53
|
-
labels?.dialogSubtitle,
|
|
54
|
-
layout && layout?.length > 0 ? /* @__PURE__ */ jsx(
|
|
55
|
-
HvDashboard,
|
|
56
|
-
{
|
|
57
|
-
cols: 12,
|
|
58
|
-
layout,
|
|
59
|
-
compactType: "vertical",
|
|
60
|
-
rowHeight: 80,
|
|
61
|
-
margin: [16, 16],
|
|
62
|
-
containerPadding: [0, 16],
|
|
63
|
-
...dashboardProps,
|
|
64
|
-
children: previewItems
|
|
65
|
-
}
|
|
66
|
-
) : /* @__PURE__ */ jsx(
|
|
67
|
-
HvEmptyState,
|
|
68
|
-
{
|
|
69
|
-
className: classes.empty,
|
|
70
|
-
icon: /* @__PURE__ */ jsx(Info, {}),
|
|
71
|
-
message: labels?.emptyMessage
|
|
72
|
-
}
|
|
73
|
-
)
|
|
74
|
-
] }),
|
|
75
|
-
/* @__PURE__ */ jsxs(HvDialogActions, { children: [
|
|
76
|
-
/* @__PURE__ */ jsx(HvButton, { variant: "primary", onClick: onApply, children: labels?.dialogApply }),
|
|
77
|
-
/* @__PURE__ */ jsx(HvButton, { variant: "secondarySubtle", onClick: onCancel, children: labels?.dialogCancel })
|
|
78
|
-
] })
|
|
79
|
-
]
|
|
80
|
-
}
|
|
81
|
-
)
|
|
82
|
-
]
|
|
83
|
-
}
|
|
84
|
-
);
|
|
2
|
+
import { HvFlowNode } from "../Node/Node.js";
|
|
3
|
+
import { useClasses } from "./DashboardNode.styles.js";
|
|
4
|
+
import { HvButton, HvDialog, HvDialogActions, HvDialogContent, HvDialogTitle, HvEmptyState, useLabels } from "@hitachivantara/uikit-react-core";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { Info } from "@hitachivantara/uikit-react-icons";
|
|
7
|
+
//#region src/Flow/nodes/DashboardNode.tsx
|
|
8
|
+
var DEFAULT_LABELS = {
|
|
9
|
+
emptyMessage: "No visualizations connected to the dashboard.",
|
|
10
|
+
dialogTitle: "Configure dashboard",
|
|
11
|
+
dialogSubtitle: "Please configure the layout of your dashboard as needed.",
|
|
12
|
+
dialogApply: "Apply",
|
|
13
|
+
dialogCancel: "Cancel"
|
|
85
14
|
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
15
|
+
/** @deprecated no longer supported. Instead create a custom node with `HvDialog` + `HvDashboard` */
|
|
16
|
+
var HvDashboardNode = (props) => {
|
|
17
|
+
const { id, open, layout, labels: labelsProp, classes: classesProp, previewItems, children, dialogProps, dashboardProps, onApply, onCancel, onClose, ...others } = props;
|
|
18
|
+
const labels = useLabels(DEFAULT_LABELS, labelsProp);
|
|
19
|
+
const { classes } = useClasses(classesProp);
|
|
20
|
+
return /* @__PURE__ */ jsxs(HvFlowNode, {
|
|
21
|
+
id,
|
|
22
|
+
classes,
|
|
23
|
+
labels,
|
|
24
|
+
...others,
|
|
25
|
+
children: [children, /* @__PURE__ */ jsxs(HvDialog, {
|
|
26
|
+
open,
|
|
27
|
+
maxWidth: "lg",
|
|
28
|
+
fullWidth: true,
|
|
29
|
+
onClose,
|
|
30
|
+
...dialogProps,
|
|
31
|
+
children: [
|
|
32
|
+
/* @__PURE__ */ jsx(HvDialogTitle, {
|
|
33
|
+
variant: "info",
|
|
34
|
+
children: labels?.dialogTitle
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ jsxs(HvDialogContent, {
|
|
37
|
+
indentContent: true,
|
|
38
|
+
children: [labels?.dialogSubtitle, layout && layout?.length > 0 ? /* @__PURE__ */ jsx(HvDashboard, {
|
|
39
|
+
cols: 12,
|
|
40
|
+
layout,
|
|
41
|
+
compactType: "vertical",
|
|
42
|
+
rowHeight: 80,
|
|
43
|
+
margin: [16, 16],
|
|
44
|
+
containerPadding: [0, 16],
|
|
45
|
+
...dashboardProps,
|
|
46
|
+
children: previewItems
|
|
47
|
+
}) : /* @__PURE__ */ jsx(HvEmptyState, {
|
|
48
|
+
className: classes.empty,
|
|
49
|
+
icon: /* @__PURE__ */ jsx(Info, {}),
|
|
50
|
+
message: labels?.emptyMessage
|
|
51
|
+
})]
|
|
52
|
+
}),
|
|
53
|
+
/* @__PURE__ */ jsxs(HvDialogActions, { children: [/* @__PURE__ */ jsx(HvButton, {
|
|
54
|
+
variant: "primary",
|
|
55
|
+
onClick: onApply,
|
|
56
|
+
children: labels?.dialogApply
|
|
57
|
+
}), /* @__PURE__ */ jsx(HvButton, {
|
|
58
|
+
variant: "secondarySubtle",
|
|
59
|
+
onClick: onCancel,
|
|
60
|
+
children: labels?.dialogCancel
|
|
61
|
+
})] })
|
|
62
|
+
]
|
|
63
|
+
})]
|
|
64
|
+
});
|
|
89
65
|
};
|
|
66
|
+
//#endregion
|
|
67
|
+
export { HvDashboardNode };
|
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
import { createClasses, theme } from "@hitachivantara/uikit-react-core";
|
|
2
1
|
import { staticClasses as staticClasses$1 } from "../Node/Node.styles.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
);
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
10
|
-
// Spread here to know if we are overriding classes from parents
|
|
11
|
-
...baseClasses
|
|
2
|
+
import { createClasses, theme } from "@hitachivantara/uikit-react-core";
|
|
3
|
+
//#region src/Flow/nodes/DashboardNode.styles.tsx
|
|
4
|
+
var baseClasses = Object.fromEntries(Object.keys(staticClasses$1).map((key) => [key, {}]));
|
|
5
|
+
var { staticClasses, useClasses } = createClasses("HvDashboardNode", {
|
|
6
|
+
empty: { padding: theme.spacing("sm", 0, 0, 0) },
|
|
7
|
+
...baseClasses
|
|
12
8
|
});
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
useClasses
|
|
16
|
-
};
|
|
9
|
+
//#endregion
|
|
10
|
+
export { staticClasses, useClasses };
|