@hitachivantara/uikit-react-lab 5.46.13 → 6.0.0-next.1

package/dist/cjs/Wizard/WizardContent/WizardContent.cjs

@@ -1,121 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const usehooksTs = require("usehooks-ts");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const WizardContent_styles = require("./WizardContent.styles.cjs");
-const WizardContext = require("../WizardContext/WizardContext.cjs");
-const DRAWER_PERCENTAGE = 0.3;
-const DRAWER_MIN_WIDTH = 280;
-const HvWizardContent = ({
-  classes: classesProp,
-  fixedHeight = false,
-  loading = false,
-  children,
-  summaryContent
-}) => {
-  const { classes, cx } = WizardContent_styles.useClasses(classesProp);
-  const { context, setContext, summary, tab } = react.useContext(WizardContext.default);
-  const arrayChildren = react.Children.toArray(children);
-  const summaryRef = react.useRef(void 0);
-  const resizedRef = react.useRef({ height: 0, width: 0 });
-  const [containerRef, sizes] = usehooksTs.useElementSize();
-  const [summaryHeight, setSummaryHeight] = react.useState(0);
-  const [summaryWidth, setSummaryWidth] = react.useState(0);
-  const [summaryLeft, setSummaryLeft] = react.useState(0);
-  const updateSummaryMeasures = react.useCallback(({ height = 0, width = 0 }) => {
-    const drawerWidth = width * DRAWER_PERCENTAGE;
-    setSummaryHeight(height);
-    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));
-    setSummaryLeft(width - Math.max(drawerWidth, DRAWER_MIN_WIDTH));
-    resizedRef.current = {
-      height,
-      width
-    };
-  }, []);
-  react.useEffect(() => {
-    const pageHeight = summaryRef.current?.getBoundingClientRect?.()?.height;
-    if (summary && sizes.height !== resizedRef.current.height || sizes.width !== resizedRef.current.width) {
-      updateSummaryMeasures(sizes);
-    }
-    if (pageHeight && sizes.height !== pageHeight) {
-      updateSummaryMeasures({
-        width: sizes.width,
-        height: pageHeight
-      });
-    }
-  }, [tab, sizes, summary, updateSummaryMeasures]);
-  react.useEffect(() => {
-    const initialContext = arrayChildren.reduce(
-      (acc, child, index) => {
-        const invalid = "mustValidate" in child.props && child.props.mustValidate === true ? false : null;
-        const valid = invalid;
-        acc[index] = { ...child.props, form: {}, valid, touched: index === 0 };
-        return acc;
-      },
-      {}
-    );
-    setContext(initialContext);
-  }, []);
-  react.useEffect(() => {
-    if (tab && !context[tab]?.touched) {
-      setContext(
-        (oldContext) => Object.entries(oldContext).reduce(
-          (acc, [key, childState]) => {
-            acc[Number(key)] = +key <= tab ? {
-              ...childState,
-              touched: true,
-              valid: childState?.valid ?? true
-            } : childState;
-            return acc;
-          },
-          {}
-        )
-      );
-    }
-  }, [tab, context, setContext]);
-  const translateX = summaryWidth ? summaryWidth + 10 : 450;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: classes.summaryRef,
-      ref: (el) => {
-        containerRef(el);
-        if (el) {
-          summaryRef.current = el;
-        }
-      },
-      children: [
-        summary !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.summarySticky, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: classes.summaryContainer,
-            style: {
-              left: summaryLeft,
-              width: summaryWidth,
-              height: summaryHeight,
-              transform: `translate(${summary ? 0 : translateX}px, 0)`
-            },
-            children: summaryContent
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvLoadingContainer, { hidden: !loading, children: /* @__PURE__ */ jsxRuntime.jsx(
-          uikitReactCore.HvDialogContent,
-          {
-            className: cx(classes.contentContainer, {
-              [classes.fixedHeight]: fixedHeight
-            }),
-            indentContent: true,
-            children: react.Children.map(arrayChildren, (child, index) => {
-              if (index !== tab) return null;
-              return react.cloneElement(child, { tab });
-            })
-          }
-        ) })
-      ]
-    }
-  );
-};
-exports.wizardContentClasses = WizardContent_styles.staticClasses;
-exports.HvWizardContent = HvWizardContent;

package/dist/cjs/Wizard/WizardContent/WizardContent.styles.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizardContent", {
-  contentContainer: {
-    position: "relative",
-    padding: 20,
-    marginLeft: 0,
-    minHeight: 400,
-    overflowX: "hidden"
-  },
-  fixedHeight: {
-    minHeight: "calc(100vh - 387px)"
-  },
-  summaryRef: {
-    flex: 1,
-    overflowY: "auto",
-    overflowX: "hidden"
-  },
-  summarySticky: {
-    position: "sticky",
-    top: 0,
-    zIndex: 1
-  },
-  summaryContainer: {
-    position: "absolute",
-    top: 0,
-    minWidth: 280,
-    boxShadow: uikitStyles.theme.colors.shadow,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    transition: "transform 0.3s",
-    transitionTimingFunction: "ease-in-out",
-    overflowY: "scroll"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Wizard/WizardContext/WizardContext.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const HvWizardContext = react.createContext({
-  context: {},
-  setContext: () => {
-  },
-  summary: false,
-  setSummary: () => {
-  },
-  tab: 0,
-  setTab: () => {
-  }
-});
-exports.default = HvWizardContext;

package/dist/cjs/Wizard/WizardTitle/WizardTitle.cjs

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const WizardTitle_styles = require("./WizardTitle.styles.cjs");
-const WizardContext = require("../WizardContext/WizardContext.cjs");
-const StepNavigation = require("../../StepNavigation/StepNavigation.cjs");
-const switchTabState = (state, currentTab, index) => {
-  if (state?.loading) return "Pending";
-  if (index === currentTab) return "Current";
-  if (state?.valid) return "Completed";
-  if (state?.disabled) return "Disabled";
-  if (state?.valid === null) return "Enabled";
-  if (state?.touched && state?.valid === false) return "Failed";
-  return "Enabled";
-};
-const HvWizardTitle = ({
-  title,
-  hasSummary = false,
-  labels = {},
-  classes: classesProp,
-  customStep = {}
-}) => {
-  const { context, setSummary, tab, setTab } = react.useContext(WizardContext.default);
-  const { classes, cx } = WizardTitle_styles.useClasses(classesProp);
-  const [steps, setSteps] = react.useState([]);
-  react.useEffect(() => {
-    return () => {
-      setSummary(false);
-    };
-  }, [setSummary]);
-  const toggleSummary = () => {
-    setSummary((prevValue) => !prevValue);
-  };
-  react.useEffect(() => {
-    const contextArray = Object.entries(context);
-    if (!contextArray.length) return;
-    const updatedSteps = contextArray.map(
-      ([, childState], index) => ({
-        title: childState?.["data-title"] ?? childState?.name ?? `${index + 1}`,
-        state: switchTabState(childState, tab, index),
-        onClick: () => setTab(index)
-      })
-    );
-    setSteps(updatedSteps);
-  }, [context, tab, setTab]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    uikitReactCore.HvDialogTitle,
-    {
-      className: cx(
-        classes.root,
-        classes.headerContainer,
-        classes.messageContainer,
-        classes.titleContainer
-      ),
-      showIcon: false,
-      children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, { variant: "title3", component: "div", children: title }),
-        !!steps.length && /* @__PURE__ */ jsxRuntime.jsx(
-          StepNavigation.HvStepNavigation,
-          {
-            className: classes.stepContainer,
-            steps,
-            type: "Default",
-            stepSize: "xs",
-            width: {
-              xs: 200,
-              sm: 350,
-              md: 600,
-              lg: 800,
-              xl: 1e3
-            },
-            ...customStep
-          }
-        ),
-        hasSummary && /* @__PURE__ */ jsxRuntime.jsx(
-          uikitReactCore.HvButton,
-          {
-            variant: "secondarySubtle",
-            className: cx(
-              classes.summaryButton,
-              classes.buttonWidth,
-              classes.rootSummaryButton
-            ),
-            onClick: toggleSummary,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Report, {}),
-            children: `${labels.summary ?? "Summary"}`
-          }
-        )
-      ]
-    }
-  );
-};
-exports.wizardTitleClasses = WizardTitle_styles.staticClasses;
-exports.HvWizardTitle = HvWizardTitle;

package/dist/cjs/Wizard/WizardTitle/WizardTitle.styles.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactCore.createClasses("HvWizardTitle", {
-  root: {
-    backgroundColor: uikitStyles.theme.colors.bgPage,
-    justifyContent: "space-between",
-    paddingRight: uikitStyles.theme.space.sm
-  },
-  /** @deprecated use `classes.root` */
-  headerContainer: {},
-  /** @deprecated use `classes.root` */
-  messageContainer: {},
-  /** @deprecated use `classes.root` */
-  titleContainer: {},
-  summaryButton: {},
-  /** @deprecated use `classes.summaryButton` */
-  buttonWidth: {},
-  /** @deprecated use `classes.summaryButton` */
-  rootSummaryButton: {},
-  stepContainer: {
-    margin: "auto"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/index.cjs

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const WizardContext = require("./Wizard/WizardContext/WizardContext.cjs");
-const Blade_styles = require("./Blade/Blade.styles.cjs");
-const Blade = require("./Blade/Blade.cjs");
-const Blades_styles = require("./Blades/Blades.styles.cjs");
-const Blades = require("./Blades/Blades.cjs");
-const Dashboard_styles = require("./Dashboard/Dashboard.styles.cjs");
-const Dashboard = require("./Dashboard/Dashboard.cjs");
-const Flow_styles = require("./Flow/Flow.styles.cjs");
-const NodeMetaContext = require("./Flow/FlowContext/NodeMetaContext.cjs");
-const Background = require("./Flow/Background/Background.cjs");
-const Controls = require("./Flow/Controls/Controls.cjs");
-const Minimap_styles = require("./Flow/Minimap/Minimap.styles.cjs");
-const Minimap = require("./Flow/Minimap/Minimap.cjs");
-const Sidebar_styles = require("./Flow/Sidebar/Sidebar.styles.cjs");
-const Sidebar = require("./Flow/Sidebar/Sidebar.cjs");
-const Empty = require("./Flow/Empty/Empty.cjs");
-const Flow = require("./Flow/Flow.cjs");
-const BaseNode_styles = require("./Flow/Node/BaseNode.styles.cjs");
-const BaseNode = require("./Flow/Node/BaseNode.cjs");
-const Node_styles = require("./Flow/Node/Node.styles.cjs");
-const Node = require("./Flow/Node/Node.cjs");
-const DashboardNode_styles = require("./Flow/nodes/DashboardNode.styles.cjs");
-const DashboardNode = require("./Flow/nodes/DashboardNode.cjs");
-const StickyNode = require("./Flow/nodes/StickyNode.cjs");
-const useFlowNode = require("./Flow/hooks/useFlowNode.cjs");
-const useFlowContext = require("./Flow/hooks/useFlowContext.cjs");
-const useFlowNodeMeta = require("./Flow/hooks/useFlowNodeMeta.cjs");
-const useFlowInstance = require("./Flow/hooks/useFlowInstance.cjs");
-const useNode = require("./Flow/hooks/useNode.cjs");
-const StepNavigation_styles = require("./StepNavigation/StepNavigation.styles.cjs");
-const StepNavigation = require("./StepNavigation/StepNavigation.cjs");
-const Wizard_styles = require("./Wizard/Wizard.styles.cjs");
-const Wizard = require("./Wizard/Wizard.cjs");
-const WizardActions_styles = require("./Wizard/WizardActions/WizardActions.styles.cjs");
-const WizardActions = require("./Wizard/WizardActions/WizardActions.cjs");
-const WizardContainer_styles = require("./Wizard/WizardContainer/WizardContainer.styles.cjs");
-const WizardContainer = require("./Wizard/WizardContainer/WizardContainer.cjs");
-const WizardContent_styles = require("./Wizard/WizardContent/WizardContent.styles.cjs");
-const WizardContent = require("./Wizard/WizardContent/WizardContent.cjs");
-const WizardTitle_styles = require("./Wizard/WizardTitle/WizardTitle.styles.cjs");
-const WizardTitle = require("./Wizard/WizardTitle/WizardTitle.cjs");
-exports.HvWizardContext = WizardContext.default;
-exports.bladeClasses = Blade_styles.staticClasses;
-exports.HvBlade = Blade.HvBlade;
-exports.bladesClasses = Blades_styles.staticClasses;
-exports.HvBlades = Blades.HvBlades;
-exports.dashboardClasses = Dashboard_styles.staticClasses;
-exports.HvDashboard = Dashboard.HvDashboard;
-exports.flowClasses = Flow_styles.staticClasses;
-exports.useNodeMetaRegistry = NodeMetaContext.useNodeMetaRegistry;
-exports.HvFlowBackground = Background.HvFlowBackground;
-exports.HvFlowControls = Controls.HvFlowControls;
-exports.flowMinimapClasses = Minimap_styles.staticClasses;
-exports.HvFlowMinimap = Minimap.HvFlowMinimap;
-exports.flowSidebarClasses = Sidebar_styles.staticClasses;
-exports.HvFlowSidebar = Sidebar.HvFlowSidebar;
-exports.HvFlowEmpty = Empty.HvFlowEmpty;
-exports.HvFlow = Flow.HvFlow;
-exports.flowBaseNodeClasses = BaseNode_styles.staticClasses;
-exports.DEFAULT_LABELS = BaseNode.DEFAULT_LABELS;
-exports.HvFlowBaseNode = BaseNode.HvFlowBaseNode;
-exports.flowNodeClasses = Node_styles.staticClasses;
-exports.HvFlowNode = Node.HvFlowNode;
-exports.hvDashboardNodeClasses = DashboardNode_styles.staticClasses;
-exports.HvDashboardNode = DashboardNode.HvDashboardNode;
-exports.StickyNode = StickyNode.StickyNode;
-exports.useFlowInputNodes = useFlowNode.useFlowInputNodes;
-exports.useFlowNode = useFlowNode.useFlowNode;
-exports.useFlowNodeEdges = useFlowNode.useFlowNodeEdges;
-exports.useFlowNodeInputEdges = useFlowNode.useFlowNodeInputEdges;
-exports.useFlowNodeIntersections = useFlowNode.useFlowNodeIntersections;
-exports.useFlowNodeOutputEdges = useFlowNode.useFlowNodeOutputEdges;
-exports.useFlowNodeParents = useFlowNode.useFlowNodeParents;
-exports.useFlowNodeUtils = useFlowNode.useFlowNodeUtils;
-exports.useFlowOutputNodes = useFlowNode.useFlowOutputNodes;
-exports.useFlowContext = useFlowContext.useFlowContext;
-exports.useFlowNodeMeta = useFlowNodeMeta.useFlowNodeMeta;
-exports.useFlowInstance = useFlowInstance.useFlowInstance;
-exports.useHvNode = useNode.useHvNode;
-exports.stepNavigationClasses = StepNavigation_styles.staticClasses;
-exports.HvStepNavigation = StepNavigation.HvStepNavigation;
-exports.wizardClasses = Wizard_styles.staticClasses;
-exports.HvWizard = Wizard.HvWizard;
-exports.wizardActionsClasses = WizardActions_styles.staticClasses;
-exports.HvWizardActions = WizardActions.HvWizardActions;
-exports.wizardContainerClasses = WizardContainer_styles.staticClasses;
-exports.HvWizardContainer = WizardContainer.HvWizardContainer;
-exports.wizardContentClasses = WizardContent_styles.staticClasses;
-exports.HvWizardContent = WizardContent.HvWizardContent;
-exports.wizardTitleClasses = WizardTitle_styles.staticClasses;
-exports.HvWizardTitle = WizardTitle.HvWizardTitle;