@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/components/container/wizard/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/container/wizard/utils.js

@@ -1,178 +1,144 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateStepFocus = exports.trimStepsToLength = exports.isPromise = exports.handleNavigation = exports.getStepByName = exports.getStepByIndex = exports.getPrevValidStep = exports.getNextValidStep = exports.extendPrevFn = exports.extendNextFn = exports.appendDatasetSteps = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// Promise check utility
-var isPromise = exports.isPromise = function isPromise(obj) {
-  return obj instanceof Promise || obj !== null && (0, _typeof2["default"])(obj) === "object" && typeof obj.then === "function" && typeof obj["catch"] === "function";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const isPromise = (obj) => {
+  return obj instanceof Promise || obj !== null && typeof obj === "object" && typeof obj.then === "function" && typeof obj.catch === "function";
 };
-
-// Step navigation utilities
-var getNextValidStep = exports.getNextValidStep = function getNextValidStep(fromIndex, visibleSteps) {
-  for (var i = fromIndex; i < visibleSteps.length; i++) {
+const getNextValidStep = (fromIndex, visibleSteps) => {
+  for (let i = fromIndex; i < visibleSteps.length; i++) {
     if (visibleSteps[i].show) {
       return visibleSteps[i];
     }
   }
   return null;
 };
-var getPrevValidStep = exports.getPrevValidStep = function getPrevValidStep(fromIndex, visibleSteps) {
-  for (var i = fromIndex; i >= 0; i--) {
+const getPrevValidStep = (fromIndex, visibleSteps) => {
+  for (let i = fromIndex; i >= 0; i--) {
     if (visibleSteps[i].show) {
       return visibleSteps[i];
     }
   }
   return null;
 };
-var getStepByName = exports.getStepByName = function getStepByName(stepName, steps) {
-  return steps.find(function (step) {
-    return step.name === stepName;
-  }) || steps[0];
+const getStepByName = (stepName, steps) => {
+  return steps.find((step) => step.name === stepName) || steps[0];
 };
-var getStepByIndex = exports.getStepByIndex = function getStepByIndex(index, visibleSteps) {
+const getStepByIndex = (index, visibleSteps) => {
   return visibleSteps[index] || null;
 };
-
-// Step update utilities
-var updateStepFocus = exports.updateStepFocus = function updateStepFocus() {
-  setTimeout(function () {
-    var currentStepElement = document.querySelector(".MuiStepButton-root[aria-current='step']");
-    currentStepElement === null || currentStepElement === void 0 || currentStepElement.focus();
+const updateStepFocus = () => {
+  setTimeout(() => {
+    const currentStepElement = document.querySelector(
+      ".MuiStepButton-root[aria-current='step']"
+    );
+    currentStepElement == null ? void 0 : currentStepElement.focus();
   }, 100);
 };
-
-// Navigation handler utility
-var handleNavigation = exports.handleNavigation = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response, action) {
-    var result;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!isPromise(response)) {
-            _context.next = 13;
-            break;
-          }
-          _context.prev = 1;
-          _context.next = 4;
-          return response;
-        case 4:
-          result = _context.sent;
-          if (result !== false) action();
-          _context.next = 11;
-          break;
-        case 8:
-          _context.prev = 8;
-          _context.t0 = _context["catch"](1);
-          console.error("Navigation error:", _context.t0);
-        case 11:
-          _context.next = 14;
-          break;
-        case 13:
-          if (response !== false) action();
-        case 14:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[1, 8]]);
-  }));
-  return function handleNavigation(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-// Step extension function
-var extendNextFn = exports.extendNextFn = function extendNextFn(currentStep, currentStepIndex, visibleSteps, setSteps) {
-  var nextStep = getNextValidStep(currentStepIndex + 1, visibleSteps);
+const handleNavigation = async (response, action) => {
+  if (isPromise(response)) {
+    try {
+      const result = await response;
+      if (result !== false) action();
+    } catch (error) {
+      console.error("Navigation error:", error);
+    }
+  } else {
+    if (response !== false) action();
+  }
+};
+const extendNextFn = (currentStep, currentStepIndex, visibleSteps, setSteps) => {
+  const nextStep = getNextValidStep(currentStepIndex + 1, visibleSteps);
   if (nextStep) {
-    setSteps(function (prevSteps) {
-      return prevSteps.map(function (step) {
-        return _objectSpread(_objectSpread({}, step), {}, {
-          active: step.name === nextStep.name,
-          isDone: step.name === currentStep.name ? true : step.isDone,
-          done: step.name === currentStep.name ? true : step.done,
-          disabled: false,
-          isInitialized: step.name === nextStep.name ? true : step.isInitialized
-        });
-      });
-    });
+    setSteps(
+      (prevSteps) => prevSteps.map((step) => __spreadProps(__spreadValues({}, step), {
+        active: step.name === nextStep.name,
+        isDone: step.name === currentStep.name ? true : step.isDone,
+        done: step.name === currentStep.name ? true : step.done,
+        disabled: false,
+        isInitialized: step.name === nextStep.name ? true : step.isInitialized
+      }))
+    );
     updateStepFocus();
   }
 };
-
-// Step extension function for previous step
-var extendPrevFn = exports.extendPrevFn = function extendPrevFn(currentStep, currentStepIndex, visibleSteps, setSteps) {
-  var prevStep = getPrevValidStep(currentStepIndex - 1, visibleSteps);
+const extendPrevFn = (currentStep, currentStepIndex, visibleSteps, setSteps) => {
+  const prevStep = getPrevValidStep(currentStepIndex - 1, visibleSteps);
   if (prevStep) {
-    setSteps(function (prevSteps) {
-      return prevSteps.map(function (step) {
-        var stepIndex = prevSteps.findIndex(function (ps) {
-          return ps.name === step.name;
-        });
-        var targetIndex = prevSteps.findIndex(function (ps) {
-          return ps.name === prevStep.name;
-        });
-        return _objectSpread(_objectSpread({}, step), {}, {
+    setSteps(
+      (prevSteps) => prevSteps.map((step) => {
+        const stepIndex = prevSteps.findIndex((ps) => ps.name === step.name);
+        const targetIndex = prevSteps.findIndex((ps) => ps.name === prevStep.name);
+        return __spreadProps(__spreadValues({}, step), {
           active: step.name === prevStep.name,
           isDone: currentStep.name === step.name ? false : step.isDone,
           done: stepIndex < targetIndex,
           disabled: false
         });
-      });
-    });
+      })
+    );
     updateStepFocus();
   }
 };
-
-// Append deduped dynamic steps to existing steps
-var appendDatasetSteps = exports.appendDatasetSteps = function appendDatasetSteps(prev, incoming) {
+const appendDatasetSteps = (prev, incoming) => {
   if (!incoming || incoming.length === 0) {
     return prev;
   }
-  var existingNames = new Set(prev.map(function (s) {
-    return s.name;
-  }));
-  var deduped = incoming.filter(function (s) {
+  const existingNames = new Set(prev.map((s) => s.name));
+  const deduped = incoming.filter((s) => {
     if (existingNames.has(s.name)) {
       return false;
     }
     existingNames.add(s.name);
     return true;
   });
-  return deduped.length ? [].concat((0, _toConsumableArray2["default"])(prev), (0, _toConsumableArray2["default"])(deduped)) : prev;
+  return deduped.length ? [...prev, ...deduped] : prev;
 };
-
-// Trim steps to target length and normalize flags after shrink
-var trimStepsToLength = exports.trimStepsToLength = function trimStepsToLength(prev, targetLen) {
-  var sliced = prev.slice(0, targetLen);
+const trimStepsToLength = (prev, targetLen) => {
+  const sliced = prev.slice(0, targetLen);
   if (sliced.length === 0) {
     return sliced;
   }
-  var activeIndex = sliced.findIndex(function (s) {
-    return s.active;
-  });
+  let activeIndex = sliced.findIndex((s) => s.active);
   if (activeIndex === -1 || activeIndex >= targetLen) {
     activeIndex = Math.max(0, targetLen - 1);
   }
-  return sliced.map(function (s, idx) {
-    return _objectSpread(_objectSpread({}, s), {}, {
-      active: idx === activeIndex,
-      isDone: false,
-      done: idx < activeIndex,
-      disabled: false,
-      isInitialized: idx === activeIndex ? true : s.isInitialized,
-      enableNext: idx === activeIndex ? true : s.enableNext,
-      isValid: idx === activeIndex ? true : s.isValid,
-      dynamicStepIndex: typeof s.dynamicStepIndex === "number" ? idx : s.dynamicStepIndex
-    });
-  });
-};
+  return sliced.map((s, idx) => __spreadProps(__spreadValues({}, s), {
+    active: idx === activeIndex,
+    isDone: false,
+    done: idx < activeIndex,
+    disabled: false,
+    isInitialized: idx === activeIndex ? true : s.isInitialized,
+    enableNext: idx === activeIndex ? true : s.enableNext,
+    isValid: idx === activeIndex ? true : s.isValid,
+    dynamicStepIndex: typeof s.dynamicStepIndex === "number" ? idx : s.dynamicStepIndex
+  }));
+};
+export {
+  appendDatasetSteps,
+  extendNextFn,
+  extendPrevFn,
+  getNextValidStep,
+  getPrevValidStep,
+  getStepByIndex,
+  getStepByName,
+  handleNavigation,
+  isPromise,
+  trimStepsToLength,
+  updateStepFocus
+};

package/components/container/wizard/wizard-action/index.js

@@ -1,63 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmWizardAction = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _WizardContext = _interopRequireDefault(require("../WizardContext"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-var ACTIONS_CLASS = "app-wizard-actions panel-footer";
+import { jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../../higherOrder/withBaseWrapper";
+import { memo, useContext, useMemo } from "react";
+import WizardContext from "../WizardContext";
+const ACTIONS_CLASS = "app-wizard-actions panel-footer";
 function wizardActions(ctx) {
   return {
-    hasNextStep: function hasNextStep() {
-      return ctx.hasNextStep;
-    },
-    hasPreviousStep: function hasPreviousStep() {
-      return ctx.hasPrevStep;
-    },
-    hasNoNextStep: function hasNoNextStep() {
-      return ctx.showDoneBtn;
-    },
-    next: function next() {
+    hasNextStep: () => ctx.hasNextStep,
+    hasPreviousStep: () => ctx.hasPrevStep,
+    hasNoNextStep: () => ctx.showDoneBtn,
+    next: () => {
       void ctx.next("next");
     },
-    previous: function previous() {
+    previous: () => {
       void ctx.prev();
     },
-    prev: function prev() {
+    prev: () => {
       void ctx.prev();
     },
-    done: function done() {
-      return ctx.done();
-    },
-    cancel: function cancel() {
-      return ctx.cancel();
-    },
-    skip: function skip() {
-      return ctx.skip();
-    },
-    disableNext: function disableNext() {
-      return !ctx.enableNext;
-    },
-    disablePrevious: function disablePrevious() {
-      return !ctx.enablePrev;
-    },
-    disableDone: function disableDone() {
-      return !ctx.enableDone;
-    },
-    getCurrentStepIndex: function getCurrentStepIndex() {
-      return ctx.currentStepIndex;
-    },
-    gotoStep: function gotoStep(step) {
-      return ctx.gotoStep(step);
-    },
+    done: () => ctx.done(),
+    cancel: () => ctx.cancel(),
+    skip: () => ctx.skip(),
+    disableNext: () => !ctx.enableNext,
+    disablePrevious: () => !ctx.enablePrev,
+    disableDone: () => !ctx.enableDone,
+    getCurrentStepIndex: () => ctx.currentStepIndex,
+    gotoStep: (step) => ctx.gotoStep(step),
     isFirstStep: ctx.isFirstStep,
     isLastStep: ctx.isLastStep,
     currentStepIndex: ctx.currentStepIndex,
@@ -65,33 +34,24 @@ function wizardActions(ctx) {
     steps: ctx.steps
   };
 }
-var WmWizardAction = exports.WmWizardAction = /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var children = _ref.children,
-    _ref$actionsalignment = _ref.actionsalignment,
-    actionsalignment = _ref$actionsalignment === void 0 ? "right" : _ref$actionsalignment,
-    renderActions = _ref.renderActions;
-  var wizardContext = (0, _react.useContext)(_WizardContext["default"]);
-  var content = (0, _react.useMemo)(function () {
-    if (renderActions && wizardContext) {
-      return renderActions(wizardActions(wizardContext));
-    }
-    return children;
-  }, [renderActions, wizardContext, children]);
-  return __jsx(_material.Box, {
-    className: (0, _clsx["default"])(ACTIONS_CLASS, actionsalignment)
-  }, content);
-}, function (prev, next) {
-  return prev.actionsalignment === next.actionsalignment && prev.children === next.children && prev.listener === next.listener && prev.renderActions === next.renderActions;
-});
+const WmWizardAction = memo(
+  ({ children, actionsalignment = "right", renderActions }) => {
+    const wizardContext = useContext(WizardContext);
+    const content = useMemo(() => {
+      if (renderActions && wizardContext) {
+        return renderActions(wizardActions(wizardContext));
+      }
+      return children;
+    }, [renderActions, wizardContext, children]);
+    return /* @__PURE__ */ jsx(Box, { className: clsx(ACTIONS_CLASS, actionsalignment), children: content });
+  },
+  (prev, next) => {
+    return prev.actionsalignment === next.actionsalignment && prev.children === next.children && prev.listener === next.listener && prev.renderActions === next.renderActions;
+  }
+);
 WmWizardAction.displayName = "WmWizardAction";
-
-/**
- * The WmWizardAction component is a container for wizard navigation actions (Next, Prev, Done).
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-wizard--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-wizard--docs#tab-overview)
- *
- * @param props - {@link DefaultActionsProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmWizardAction);
+var wizard_action_default = withBaseWrapper(WmWizardAction);
+export {
+  WmWizardAction,
+  wizard_action_default as default
+};