@elliemae/ds-wizard 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/DSWizard.stories.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsWizard = require('@elliemae/ds-wizard');
+var wizzardOverview_stories = require('./stories/wizzard-overview.stories.js');
+
+/* eslint-disable import/no-unresolved */
+var DSWizard_stories = {
+  title: 'Wizzard',
+  component: dsWizard.WizardStepsIndicator,
+  parameters: {
+    propsSchemas: dsWizard.WizzardWithSchema
+  }
+};
+
+exports.Overview = wizzardOverview_stories.Overview;
+exports["default"] = DSWizard_stories;

package/cjs/WizardStep.js

@@ -1,85 +1,72 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsIcons = require('@elliemae/ds-icons');
+var blockNames = require('./blockNames.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _Checkmark;
+const Item = dsClassnames.aggregatedClasses('div')("".concat(blockNames.indicatorItemBlockName), null, _ref => {
+  let {
+    active,
+    completed
+  } = _ref;
+  return {
+    active,
+    completed
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var WizardStep_exports = {};
-__export(WizardStep_exports, {
-  WizzardStepWithSchema: () => WizzardStepWithSchema,
-  default: () => WizardStep_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_blockNames = __toESM(require("./blockNames"));
-const Item = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.indicatorItemBlockName}`, null, ({ active, completed }) => ({
-  active,
-  completed
-}));
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.indicatorItemBlockName}-wrapper`);
-const Label = (0, import_ds_classnames.aggregatedClasses)("span")(import_blockNames.indicatorItemBlockName, "label");
-const Bullet = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.indicatorItemBlockName, "bullet");
-const BulletWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.indicatorItemBlockName, "bullet-wrapper");
-function WizardStep({
-  label = "",
-  icon = null,
-  iconCompleted = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, null),
-  iconActive = null,
-  active = false,
-  completed = false,
-  index = 0
-}) {
-  const currentIcon = (0, import_react.useMemo)(() => {
-    if (active)
-      return iconActive;
-    if (completed)
-      return iconCompleted;
+const Wrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.indicatorItemBlockName, "-wrapper"));
+const Label = dsClassnames.aggregatedClasses('span')(blockNames.indicatorItemBlockName, 'label');
+const Bullet = dsClassnames.aggregatedClasses('div')(blockNames.indicatorItemBlockName, 'bullet');
+const BulletWrapper = dsClassnames.aggregatedClasses('div')(blockNames.indicatorItemBlockName, 'bullet-wrapper');
+
+function WizardStep(_ref2) {
+  let {
+    label = '',
+    icon = null,
+    iconCompleted = _Checkmark || (_Checkmark = /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {})),
+    iconActive = null,
+    active = false,
+    completed = false,
+    index = 0
+  } = _ref2;
+  const currentIcon = React.useMemo(() => {
+    if (active) return iconActive;
+    if (completed) return iconCompleted;
     return icon;
   }, [active, completed]) || icon;
-  const iconWithOptions = (0, import_react.useMemo)(() => (0, import_react.isValidElement)(currentIcon) ? (0, import_react.cloneElement)(currentIcon, {
-    color: (0, import_ds_utilities.get)(currentIcon, ["props", "color"]) || ["brand-primary", completed ? 600 : 500]
+  const iconWithOptions = React.useMemo(() => /*#__PURE__*/React.isValidElement(currentIcon) ? /*#__PURE__*/React.cloneElement(currentIcon, {
+    color: dsUtilities.get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500]
   }) : currentIcon || index + 1, [currentIcon]);
-  return /* @__PURE__ */ import_react.default.createElement(Item, {
-    classProps: { active, completed }
-  }, /* @__PURE__ */ import_react.default.createElement(Wrapper, null, /* @__PURE__ */ import_react.default.createElement(BulletWrapper, null, /* @__PURE__ */ import_react.default.createElement(Bullet, null, iconWithOptions)), /* @__PURE__ */ import_react.default.createElement(Label, null, label)));
+  return /*#__PURE__*/_jsx__default["default"](Item, {
+    classProps: {
+      active,
+      completed
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](BulletWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Bullet, {}, void 0, iconWithOptions)), /*#__PURE__*/_jsx__default["default"](Label, {}, void 0, label)));
 }
+
 const wizzardStepProps = {
-  label: import_react_desc.PropTypes.string.description("Step label"),
-  icon: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.string]).description("Default icon or number"),
-  iconCompleted: import_react_desc.PropTypes.element.description("Icon when the step is completed").defaultValue(import_ds_icons.Checkmark),
-  iconActive: import_react_desc.PropTypes.element.description("Icon when the step is active"),
-  active: import_react_desc.PropTypes.bool.description("Whether the step is active or not").defaultValue(false),
-  completed: import_react_desc.PropTypes.bool.description("Whether the step is completed or not").defaultValue(false),
-  index: import_react_desc.PropTypes.number.description("Current item index")
+  label: reactDesc.PropTypes.string.description('Step label'),
+  icon: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string]).description('Default icon or number'),
+  iconCompleted: reactDesc.PropTypes.element.description('Icon when the step is completed').defaultValue(dsIcons.Checkmark),
+  iconActive: reactDesc.PropTypes.element.description('Icon when the step is active'),
+  active: reactDesc.PropTypes.bool.description('Whether the step is active or not').defaultValue(false),
+  completed: reactDesc.PropTypes.bool.description('Whether the step is completed or not').defaultValue(false),
+  index: reactDesc.PropTypes.number.description('Current item index')
 };
-WizardStep.propTypes = wizzardStepProps;
-const WizzardStepWithSchema = (0, import_react_desc.describe)(WizardStep);
+const WizzardStepWithSchema = reactDesc.describe(WizardStep);
 WizzardStepWithSchema.propTypes = wizzardStepProps;
-var WizardStep_default = WizardStep;
-module.exports = __toCommonJS(WizardStep_exports);
-//# sourceMappingURL=WizardStep.js.map
+
+exports.WizzardStepWithSchema = WizzardStepWithSchema;
+exports["default"] = WizardStep;

package/cjs/WizardSteps.js

@@ -1,68 +1,66 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var WizardSteps_exports = {};
-__export(WizardSteps_exports, {
-  WizzardWithSchema: () => WizzardWithSchema,
-  default: () => WizardSteps_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_WizardStep = __toESM(require("./WizardStep"));
-var import_blockNames = __toESM(require("./blockNames"));
-const StepsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.indicatorBlockName);
-function WizardSteps({ current = 0, steps, children, ...otherProps }) {
-  const items = (0, import_react.useMemo)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var WizardStep = require('./WizardStep.js');
+var blockNames = require('./blockNames.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const _excluded = ["current", "steps", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StepsWrapper = dsClassnames.aggregatedClasses('div')(blockNames.indicatorBlockName);
+
+function WizardSteps(_ref) {
+  let {
+    current = 0,
+    steps,
+    children
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const items = React.useMemo(() => {
     const mergeStepProps = (step, index) => ({
       index,
       active: current === index,
       completed: index < current
     });
-    return steps ? steps.map((step, index) => /* @__PURE__ */ import_react.default.createElement(import_WizardStep.default, {
-      key: index,
-      ...step,
-      ...mergeStepProps(step, index)
-    })) : import_react.default.Children.map(children, (item, index) => (0, import_react.cloneElement)(item, mergeStepProps(item, index)));
+
+    return steps ? steps.map((step, index) => /*#__PURE__*/jsxRuntime.jsx(WizardStep["default"], _objectSpread(_objectSpread({}, step), mergeStepProps(step, index)), index)) : React__default["default"].Children.map(children, (item, index) => /*#__PURE__*/React.cloneElement(item, mergeStepProps(item, index)));
   }, [current, children]);
-  return /* @__PURE__ */ import_react.default.createElement(StepsWrapper, {
-    ...otherProps
-  }, items);
+  return /*#__PURE__*/jsxRuntime.jsx(StepsWrapper, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: items
+  }));
 }
-WizardSteps.Item = import_WizardStep.default;
+
+WizardSteps.Item = WizardStep["default"];
 const wizzardProps = {
-  current: import_react_desc.PropTypes.number.description("Current active state index").defaultValue(0),
-  steps: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({})).description("Array of steps objects").defaultValue([]).isRequired,
-  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.instanceOf(import_WizardStep.default)).description("List of WizardStep components")
+  current: reactDesc.PropTypes.number.description('Current active state index').defaultValue(0),
+  steps: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({})).description('Array of steps objects').defaultValue([]).isRequired,
+  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.instanceOf(WizardStep["default"])).description('List of WizardStep components')
 };
-WizardSteps.propTypes = wizzardProps;
-const WizzardWithSchema = (0, import_react_desc.describe)(WizardSteps);
+const WizzardWithSchema = reactDesc.describe(WizardSteps);
 WizzardWithSchema.propTypes = wizzardProps;
-var WizardSteps_default = WizardSteps;
-module.exports = __toCommonJS(WizardSteps_exports);
-//# sourceMappingURL=WizardSteps.js.map
+
+exports.WizzardWithSchema = WizzardWithSchema;
+exports["default"] = WizardSteps;

package/cjs/blockNames.js

@@ -1,39 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var blockNames_exports = {};
-__export(blockNames_exports, {
-  indicatorBlockName: () => indicatorBlockName,
-  indicatorItemBlockName: () => indicatorItemBlockName,
-  wizardBlockName: () => wizardBlockName
-});
-var React = __toESM(require("react"));
-const wizardBlockName = "wizard";
-const indicatorBlockName = `${wizardBlockName}-steps-indicator`;
-const indicatorItemBlockName = `${indicatorBlockName}-step`;
-module.exports = __toCommonJS(blockNames_exports);
-//# sourceMappingURL=blockNames.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const wizardBlockName = 'wizard';
+const indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
+const indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
+
+exports.indicatorBlockName = indicatorBlockName;
+exports.indicatorItemBlockName = indicatorItemBlockName;
+exports.wizardBlockName = wizardBlockName;

package/cjs/index.js

@@ -1,41 +1,15 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  WizardStep: () => import_WizardStep.default,
-  WizardStepsIndicator: () => import_WizardSteps.default,
-  WizzardStepWithSchema: () => import_WizardStep.WizzardStepWithSchema,
-  WizzardWithSchema: () => import_WizardSteps.WizzardWithSchema,
-  useWizard: () => import_useWizard.default
-});
-var React = __toESM(require("react"));
-var import_WizardSteps = __toESM(require("./WizardSteps"));
-var import_WizardStep = __toESM(require("./WizardStep"));
-var import_useWizard = __toESM(require("./useWizard"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var WizardSteps = require('./WizardSteps.js');
+var WizardStep = require('./WizardStep.js');
+var useWizard = require('./useWizard.js');
+
+
+
+exports.WizardStepsIndicator = WizardSteps["default"];
+exports.WizzardWithSchema = WizardSteps.WizzardWithSchema;
+exports.WizardStep = WizardStep["default"];
+exports.WizzardStepWithSchema = WizardStep.WizzardStepWithSchema;
+exports.useWizard = useWizard;

package/cjs/stories/steps.js

@@ -1,57 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var steps_exports = {};
-__export(steps_exports, {
-  steps: () => steps
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const Step1Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 1 Content");
-const Step2Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 2 Content");
-const Step3Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 3 Content");
-const Step4Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 4 Content");
-const steps = [
-  {
-    label: "Step 1",
-    content: Step1Content
-  },
-  {
-    label: "Step Lorem Ipsum",
-    content: Step2Content
-  },
-  {
-    label: "Step Lorem",
-    content: Step3Content
-  },
-  {
-    label: "Step Lorem 4",
-    content: Step4Content
-  }
-];
-module.exports = __toCommonJS(steps_exports);
-//# sourceMappingURL=steps.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _div, _div2, _div3, _div4;
+
+const Step1Content = () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 1 Content"));
+
+const Step2Content = () => _div2 || (_div2 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 2 Content"));
+
+const Step3Content = () => _div3 || (_div3 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 3 Content"));
+
+const Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 4 Content"));
+
+const steps = [{
+  label: 'Step 1',
+  content: Step1Content
+}, {
+  label: 'Step Lorem Ipsum',
+  content: Step2Content
+}, {
+  label: 'Step Lorem',
+  content: Step3Content
+}, {
+  label: 'Step Lorem 4',
+  content: Step4Content
+}];
+
+exports.steps = steps;

package/cjs/stories/wizzard-overview.stories.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsWizard = require('@elliemae/ds-wizard');
+var DSButton = require('@elliemae/ds-button');
+var steps = require('./steps.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+const Overview = () => {
+  const {
+    WizardCurrentContent,
+    current,
+    next,
+    previous,
+    canNext,
+    canPrevious
+  } = dsWizard.useWizard({
+    steps: steps.steps
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](dsWizard.WizardStepsIndicator, {
+      current: current,
+      steps: steps.steps
+    }), /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        margin: '10px 0',
+        padding: 10,
+        border: '1px solid #ddd'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](WizardCurrentContent, {
+      data: {
+        someExtraData: 'step information'
+      }
+    })), /*#__PURE__*/_jsx__default["default"]("div", {
+      style: {
+        display: 'flex',
+        width: 180,
+        justifyContent: 'space-between'
+      }
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      buttonType: "secondary",
+      disabled: !canPrevious,
+      labelText: "Previous",
+      onClick: previous
+    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+      disabled: !canNext,
+      labelText: "Next",
+      onClick: next
+    }))]
+  });
+};
+
+exports.Overview = Overview;