@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.
Files changed (68) hide show
  1. package/dist/Blade/Blade.js +134 -173
  2. package/dist/Blade/Blade.styles.js +54 -69
  3. package/dist/Blades/Blades.js +70 -101
  4. package/dist/Blades/Blades.styles.js +7 -10
  5. package/dist/Dashboard/Dashboard.js +57 -60
  6. package/dist/Dashboard/Dashboard.styles.js +6 -10
  7. package/dist/Flow/Background/Background.js +10 -16
  8. package/dist/Flow/Controls/Controls.js +77 -91
  9. package/dist/Flow/DroppableFlow.js +135 -200
  10. package/dist/Flow/Empty/Empty.js +12 -9
  11. package/dist/Flow/Empty/Empty.styles.js +12 -15
  12. package/dist/Flow/Flow.js +28 -30
  13. package/dist/Flow/Flow.styles.js +12 -18
  14. package/dist/Flow/FlowContext/FlowContext.js +22 -23
  15. package/dist/Flow/FlowContext/NodeMetaContext.js +36 -39
  16. package/dist/Flow/Minimap/Minimap.js +15 -28
  17. package/dist/Flow/Minimap/Minimap.styles.js +4 -9
  18. package/dist/Flow/Node/BaseNode.js +144 -190
  19. package/dist/Flow/Node/BaseNode.styles.js +122 -133
  20. package/dist/Flow/Node/Node.js +90 -108
  21. package/dist/Flow/Node/Node.styles.js +30 -40
  22. package/dist/Flow/Node/Parameters/ParamRenderer.js +17 -14
  23. package/dist/Flow/Node/Parameters/Select.js +33 -38
  24. package/dist/Flow/Node/Parameters/Slider.js +27 -29
  25. package/dist/Flow/Node/Parameters/Text.js +17 -17
  26. package/dist/Flow/Node/utils.js +44 -49
  27. package/dist/Flow/Sidebar/Sidebar.js +115 -137
  28. package/dist/Flow/Sidebar/Sidebar.styles.js +21 -22
  29. package/dist/Flow/Sidebar/SidebarGroup/SidebarGroup.js +57 -60
  30. package/dist/Flow/Sidebar/SidebarGroup/SidebarGroup.styles.js +27 -33
  31. package/dist/Flow/Sidebar/SidebarGroup/SidebarGroupItem/DraggableSidebarGroupItem.js +27 -47
  32. package/dist/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.js +14 -32
  33. package/dist/Flow/Sidebar/SidebarGroup/SidebarGroupItem/SidebarGroupItem.styles.js +17 -23
  34. package/dist/Flow/base.js +5 -5
  35. package/dist/Flow/hooks/useFlowContext.js +5 -5
  36. package/dist/Flow/hooks/useFlowInstance.js +5 -4
  37. package/dist/Flow/hooks/useFlowNode.js +92 -113
  38. package/dist/Flow/hooks/useFlowNodeMeta.js +7 -7
  39. package/dist/Flow/hooks/useNode.js +136 -154
  40. package/dist/Flow/hooks/useNodeId.js +8 -7
  41. package/dist/Flow/nodes/DashboardNode.js +64 -86
  42. package/dist/Flow/nodes/DashboardNode.styles.js +8 -14
  43. package/dist/Flow/nodes/StickyNode.js +370 -435
  44. package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js +36 -52
  45. package/dist/StepNavigation/DefaultNavigation/Step/Step.js +40 -51
  46. package/dist/StepNavigation/DefaultNavigation/Step/Step.styles.js +22 -33
  47. package/dist/StepNavigation/DefaultNavigation/utils.js +38 -30
  48. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js +24 -41
  49. package/dist/StepNavigation/SimpleNavigation/Dot/Dot.styles.js +13 -16
  50. package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js +35 -47
  51. package/dist/StepNavigation/SimpleNavigation/utils.js +10 -11
  52. package/dist/StepNavigation/StepNavigation.js +136 -179
  53. package/dist/StepNavigation/StepNavigation.styles.js +29 -32
  54. package/dist/Wizard/Wizard.js +81 -104
  55. package/dist/Wizard/Wizard.styles.js +4 -7
  56. package/dist/Wizard/WizardActions/WizardActions.js +111 -131
  57. package/dist/Wizard/WizardActions/WizardActions.styles.js +19 -20
  58. package/dist/Wizard/WizardContainer/WizardContainer.js +19 -28
  59. package/dist/Wizard/WizardContainer/WizardContainer.styles.js +8 -14
  60. package/dist/Wizard/WizardContent/WizardContent.js +103 -120
  61. package/dist/Wizard/WizardContent/WizardContent.styles.js +33 -36
  62. package/dist/Wizard/WizardContext/WizardContext.js +10 -13
  63. package/dist/Wizard/WizardTitle/WizardTitle.js +74 -79
  64. package/dist/Wizard/WizardTitle/WizardTitle.styles.js +12 -15
  65. package/dist/index.d.ts +1 -1
  66. package/dist/index.js +30 -81
  67. package/package.json +6 -6
  68. 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
- const 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"
14
- };
15
- const HvDashboardNode = (props) => {
16
- const {
17
- id,
18
- open,
19
- layout,
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
- export {
87
- HvDashboardNode,
88
- staticClasses as hvDashboardNodeClasses
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
- const baseClasses = Object.fromEntries(
4
- Object.keys(staticClasses$1).map((key) => [key, {}])
5
- );
6
- const { staticClasses, useClasses } = createClasses("HvDashboardNode", {
7
- empty: {
8
- padding: theme.spacing("sm", 0, 0, 0)
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
- export {
14
- staticClasses,
15
- useClasses
16
- };
9
+ //#endregion
10
+ export { staticClasses, useClasses };