@elliemae/ds-wizard 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -2,77 +2,68 @@
 
 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 utils = require('@elliemae/ds-utilities/utils');
+var Checkmark = require('@elliemae/ds-icons/Checkmark');
 var blockNames = require('./blockNames.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var Checkmark__default = /*#__PURE__*/_interopDefaultLegacy(Checkmark);
 
-/* eslint-disable indent */
-var Item = dsClassnames.aggregatedClasses('div')("".concat(blockNames.indicatorItemBlockName), null, function (_ref) {
-  var active = _ref.active,
-      completed = _ref.completed;
-  return {
-    active: active,
-    completed: completed
-  };
-});
-var Wrapper = dsClassnames.aggregatedClasses('div')("".concat(blockNames.indicatorItemBlockName, "-wrapper"));
-var Label = dsClassnames.aggregatedClasses('span')(blockNames.indicatorItemBlockName, 'label');
-var Bullet = dsClassnames.aggregatedClasses('div')(blockNames.indicatorItemBlockName, 'bullet');
-var BulletWrapper = dsClassnames.aggregatedClasses('div')(blockNames.indicatorItemBlockName, 'bullet-wrapper');
+var _Checkmark;
+const Item = dsClassnames.aggregatedClasses('div')("".concat(blockNames.indicatorItemBlockName), null, ({
+  active,
+  completed
+}) => ({
+  active,
+  completed
+}));
+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) {
-  var _ref2$label = _ref2.label,
-      label = _ref2$label === void 0 ? '' : _ref2$label,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      _ref2$iconCompleted = _ref2.iconCompleted,
-      iconCompleted = _ref2$iconCompleted === void 0 ? /*#__PURE__*/React__default['default'].createElement(dsIcons.Checkmark, null) : _ref2$iconCompleted,
-      _ref2$iconActive = _ref2.iconActive,
-      iconActive = _ref2$iconActive === void 0 ? null : _ref2$iconActive,
-      _ref2$active = _ref2.active,
-      active = _ref2$active === void 0 ? false : _ref2$active,
-      _ref2$completed = _ref2.completed,
-      completed = _ref2$completed === void 0 ? false : _ref2$completed,
-      _ref2$index = _ref2.index,
-      index = _ref2$index === void 0 ? 0 : _ref2$index;
-  var currentIcon = React.useMemo(function () {
+function WizardStep({
+  label = '',
+  icon = null,
+  iconCompleted = _Checkmark || (_Checkmark = /*#__PURE__*/_jsx__default["default"](Checkmark__default["default"], {})),
+  iconActive = null,
+  active = false,
+  completed = false,
+  index = 0
+}) {
+  const currentIcon = React.useMemo(() => {
     if (active) return iconActive;
     if (completed) return iconCompleted;
     return icon;
   }, [active, completed]) || icon;
-  var iconWithOptions = React.useMemo(function () {
-    return /*#__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__*/React__default['default'].createElement(Item, {
+  const iconWithOptions = React.useMemo(() => /*#__PURE__*/React.isValidElement(currentIcon) ? /*#__PURE__*/React.cloneElement(currentIcon, {
+    color: utils.get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500]
+  }) : currentIcon || index + 1, [currentIcon]);
+  return /*#__PURE__*/_jsx__default["default"](Item, {
     classProps: {
-      active: active,
-      completed: completed
+      active,
+      completed
     }
-  }, /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(BulletWrapper, null, /*#__PURE__*/React__default['default'].createElement(Bullet, null, iconWithOptions)), /*#__PURE__*/React__default['default'].createElement(Label, null, label)));
+  }, 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)));
 }
 
-var wizzardStepProps = {
+const wizzardStepProps = {
   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),
+  iconCompleted: reactDesc.PropTypes.element.description('Icon when the step is completed').defaultValue(Checkmark__default["default"]),
   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;
-var WizzardStepWithSchema = reactDesc.describe(WizardStep);
+const WizzardStepWithSchema = reactDesc.describe(WizardStep);
 WizzardStepWithSchema.propTypes = wizzardStepProps;
 
 exports.WizzardStepWithSchema = WizzardStepWithSchema;
-exports['default'] = WizardStep;
-//# sourceMappingURL=WizardStep.js.map
+exports["default"] = WizardStep;

package/cjs/WizardSteps.js

@@ -2,62 +2,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-icons');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["current", "steps", "children"];
-var StepsWrapper = dsClassnames.aggregatedClasses('div')(blockNames.indicatorBlockName);
+const _excluded = ["current", "steps", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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) {
-  var _ref$current = _ref.current,
-      current = _ref$current === void 0 ? 0 : _ref$current,
-      steps = _ref.steps,
-      children = _ref.children,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var items = React.useMemo(function () {
-    var mergeStepProps = function mergeStepProps(step, index) {
-      return {
-        index: index,
-        active: current === index,
-        completed: index < current
-      };
-    };
-
-    return steps ? steps.map(function (step, index) {
-      return /*#__PURE__*/React__default['default'].createElement(WizardStep['default'], _extends__default['default']({
-        key: index
-      }, step, mergeStepProps(step, index)));
-    }) : React__default['default'].Children.map(children, function (item, index) {
-      return /*#__PURE__*/React.cloneElement(item, mergeStepProps(item, index));
+  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__*/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__*/React__default['default'].createElement(StepsWrapper, otherProps, items);
+  return /*#__PURE__*/jsxRuntime.jsx(StepsWrapper, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: items
+  }));
 }
 
-WizardSteps.Item = WizardStep['default'];
-var wizzardProps = {
+WizardSteps.Item = WizardStep["default"];
+const wizzardProps = {
   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')
+  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.instanceOf(WizardStep["default"])).description('List of WizardStep components')
 };
-WizardSteps.propTypes = wizzardProps;
-var WizzardWithSchema = reactDesc.describe(WizardSteps);
+const WizzardWithSchema = reactDesc.describe(WizardSteps);
 WizzardWithSchema.propTypes = wizzardProps;
 
 exports.WizzardWithSchema = WizzardWithSchema;
-exports['default'] = WizardSteps;
-//# sourceMappingURL=WizardSteps.js.map
+exports["default"] = WizardSteps;

package/cjs/blockNames.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var wizardBlockName = 'wizard';
-var indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
-var indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
+const wizardBlockName = 'wizard';
+const indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
+const indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
 
 exports.indicatorBlockName = indicatorBlockName;
 exports.indicatorItemBlockName = indicatorItemBlockName;
 exports.wizardBlockName = wizardBlockName;
-//# sourceMappingURL=blockNames.js.map

package/cjs/index.js

@@ -5,21 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var WizardSteps = require('./WizardSteps.js');
 var WizardStep = require('./WizardStep.js');
 var useWizard = require('./useWizard.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('./blockNames.js');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-icons');
-require('@babel/runtime/helpers/slicedToArray');
 
 
 
-exports.WizardStepsIndicator = WizardSteps['default'];
+exports.WizardStepsIndicator = WizardSteps["default"];
 exports.WizzardWithSchema = WizardSteps.WizzardWithSchema;
-exports.WizardStep = WizardStep['default'];
+exports.WizardStep = WizardStep["default"];
 exports.WizzardStepWithSchema = WizardStep.WizzardStepWithSchema;
 exports.useWizard = useWizard;
-//# sourceMappingURL=index.js.map

package/cjs/stories/steps.js

@@ -2,29 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var Step1Content = function Step1Content() {
-  return /*#__PURE__*/React__default['default'].createElement("div", null, "Step 1 Content");
-};
+var _div, _div2, _div3, _div4;
 
-var Step2Content = function Step2Content() {
-  return /*#__PURE__*/React__default['default'].createElement("div", null, "Step 2 Content");
-};
+const Step1Content = () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 1 Content"));
 
-var Step3Content = function Step3Content() {
-  return /*#__PURE__*/React__default['default'].createElement("div", null, "Step 3 Content");
-};
+const Step2Content = () => _div2 || (_div2 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 2 Content"));
 
-var Step4Content = function Step4Content() {
-  return /*#__PURE__*/React__default['default'].createElement("div", null, "Step 4 Content");
-};
+const Step3Content = () => _div3 || (_div3 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 3 Content"));
 
-var steps = [{
+const Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 4 Content"));
+
+const steps = [{
   label: 'Step 1',
   content: Step1Content
 }, {
@@ -39,4 +34,3 @@ var steps = [{
 }];
 
 exports.steps = steps;
-//# sourceMappingURL=steps.js.map

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-basic/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;

package/cjs/useWizard.js

@@ -1,47 +1,35 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
+var utils = require('@elliemae/ds-utilities/utils');
+var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 
-var checkCanNext = function checkCanNext(prevIndex, array) {
-  return array.length > prevIndex + 1;
-};
+const checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;
 
-var checkCanPrevious = function checkCanPrevious(prevIndex) {
-  return prevIndex - 1 >= 0;
-};
+const checkCanPrevious = prevIndex => prevIndex - 1 >= 0;
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
-function useWizard(_ref) {
-  var wizardSteps = _ref.steps,
-      current = _ref.current,
-      _ref$onNext = _ref.onNext,
-      onNext = _ref$onNext === void 0 ? noop : _ref$onNext,
-      _ref$onPrevious = _ref.onPrevious,
-      onPrevious = _ref$onPrevious === void 0 ? noop : _ref$onPrevious,
-      _ref$initial = _ref.initial,
-      initial = _ref$initial === void 0 ? 0 : _ref$initial;
-
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(current || initial),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      currentStep = _useDerivedStateFromP2[0],
-      setCurrentStep = _useDerivedStateFromP2[1];
-
-  var handleNext = React.useCallback(function () {
+function useWizard({
+  steps: wizardSteps,
+  current,
+  onNext = noop,
+  onPrevious = noop,
+  initial = 0
+}) {
+  const [currentStep, setCurrentStep] = useDerivedStateFromProps__default["default"](current || initial);
+  const handleNext = React.useCallback(() => {
     if (checkCanNext(currentStep, wizardSteps)) {
       onNext(currentStep);
       setCurrentStep(currentStep + 1);
     }
   });
-  var handlePrevious = React.useCallback(function () {
+  const handlePrevious = React.useCallback(() => {
     if (checkCanPrevious(currentStep)) {
       onPrevious(currentStep);
       setCurrentStep(currentStep - 1);
@@ -53,11 +41,8 @@ function useWizard(_ref) {
     previous: handlePrevious,
     canNext: checkCanNext(currentStep, wizardSteps),
     canPrevious: checkCanPrevious(currentStep),
-    WizardCurrentContent: dsUtilities.get(wizardSteps, [currentStep, 'content'], function () {
-      return null;
-    })
+    WizardCurrentContent: utils.get(wizardSteps, [currentStep, 'content'], () => null)
   };
 }
 
 module.exports = useWizard;
-//# sourceMappingURL=useWizard.js.map

package/esm/DSWizard.stories.js

@@ -0,0 +1,13 @@
+import { WizardStepsIndicator, WizzardWithSchema } from '@elliemae/ds-wizard';
+export { Overview } from './stories/wizzard-overview.stories.js';
+
+/* eslint-disable import/no-unresolved */
+var DSWizard_stories = {
+  title: 'Wizzard',
+  component: WizardStepsIndicator,
+  parameters: {
+    propsSchemas: WizzardWithSchema
+  }
+};
+
+export { DSWizard_stories as default };

package/esm/WizardStep.js

@@ -1,58 +1,50 @@
-import React, { useMemo, isValidElement, cloneElement } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useMemo, isValidElement, cloneElement } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { get } from '@elliemae/ds-utilities';
-import { Checkmark } from '@elliemae/ds-icons';
+import { get } from '@elliemae/ds-utilities/utils';
+import Checkmark from '@elliemae/ds-icons/Checkmark';
 import { indicatorItemBlockName } from './blockNames.js';
 
-/* eslint-disable indent */
-var Item = aggregatedClasses('div')("".concat(indicatorItemBlockName), null, function (_ref) {
-  var active = _ref.active,
-      completed = _ref.completed;
-  return {
-    active: active,
-    completed: completed
-  };
-});
-var Wrapper = aggregatedClasses('div')("".concat(indicatorItemBlockName, "-wrapper"));
-var Label = aggregatedClasses('span')(indicatorItemBlockName, 'label');
-var Bullet = aggregatedClasses('div')(indicatorItemBlockName, 'bullet');
-var BulletWrapper = aggregatedClasses('div')(indicatorItemBlockName, 'bullet-wrapper');
+var _Checkmark;
+const Item = aggregatedClasses('div')("".concat(indicatorItemBlockName), null, ({
+  active,
+  completed
+}) => ({
+  active,
+  completed
+}));
+const Wrapper = aggregatedClasses('div')("".concat(indicatorItemBlockName, "-wrapper"));
+const Label = aggregatedClasses('span')(indicatorItemBlockName, 'label');
+const Bullet = aggregatedClasses('div')(indicatorItemBlockName, 'bullet');
+const BulletWrapper = aggregatedClasses('div')(indicatorItemBlockName, 'bullet-wrapper');
 
-function WizardStep(_ref2) {
-  var _ref2$label = _ref2.label,
-      label = _ref2$label === void 0 ? '' : _ref2$label,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? null : _ref2$icon,
-      _ref2$iconCompleted = _ref2.iconCompleted,
-      iconCompleted = _ref2$iconCompleted === void 0 ? /*#__PURE__*/React.createElement(Checkmark, null) : _ref2$iconCompleted,
-      _ref2$iconActive = _ref2.iconActive,
-      iconActive = _ref2$iconActive === void 0 ? null : _ref2$iconActive,
-      _ref2$active = _ref2.active,
-      active = _ref2$active === void 0 ? false : _ref2$active,
-      _ref2$completed = _ref2.completed,
-      completed = _ref2$completed === void 0 ? false : _ref2$completed,
-      _ref2$index = _ref2.index,
-      index = _ref2$index === void 0 ? 0 : _ref2$index;
-  var currentIcon = useMemo(function () {
+function WizardStep({
+  label = '',
+  icon = null,
+  iconCompleted = _Checkmark || (_Checkmark = /*#__PURE__*/_jsx(Checkmark, {})),
+  iconActive = null,
+  active = false,
+  completed = false,
+  index = 0
+}) {
+  const currentIcon = useMemo(() => {
     if (active) return iconActive;
     if (completed) return iconCompleted;
     return icon;
   }, [active, completed]) || icon;
-  var iconWithOptions = useMemo(function () {
-    return /*#__PURE__*/isValidElement(currentIcon) ? /*#__PURE__*/cloneElement(currentIcon, {
-      color: get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500]
-    }) : currentIcon || index + 1;
-  }, [currentIcon]);
-  return /*#__PURE__*/React.createElement(Item, {
+  const iconWithOptions = useMemo(() => /*#__PURE__*/isValidElement(currentIcon) ? /*#__PURE__*/cloneElement(currentIcon, {
+    color: get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500]
+  }) : currentIcon || index + 1, [currentIcon]);
+  return /*#__PURE__*/_jsx(Item, {
     classProps: {
-      active: active,
-      completed: completed
+      active,
+      completed
     }
-  }, /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(BulletWrapper, null, /*#__PURE__*/React.createElement(Bullet, null, iconWithOptions)), /*#__PURE__*/React.createElement(Label, null, label)));
+  }, void 0, /*#__PURE__*/_jsx(Wrapper, {}, void 0, /*#__PURE__*/_jsx(BulletWrapper, {}, void 0, /*#__PURE__*/_jsx(Bullet, {}, void 0, iconWithOptions)), /*#__PURE__*/_jsx(Label, {}, void 0, label)));
 }
 
-var wizzardStepProps = {
+const wizzardStepProps = {
   label: PropTypes.string.description('Step label'),
   icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('Default icon or number'),
   iconCompleted: PropTypes.element.description('Icon when the step is completed').defaultValue(Checkmark),
@@ -61,9 +53,7 @@ var wizzardStepProps = {
   completed: PropTypes.bool.description('Whether the step is completed or not').defaultValue(false),
   index: PropTypes.number.description('Current item index')
 };
-WizardStep.propTypes = wizzardStepProps;
-var WizzardStepWithSchema = describe(WizardStep);
+const WizzardStepWithSchema = describe(WizardStep);
 WizzardStepWithSchema.propTypes = wizzardStepProps;
 
 export { WizzardStepWithSchema, WizardStep as default };
-//# sourceMappingURL=WizardStep.js.map

package/esm/WizardSteps.js

@@ -1,52 +1,48 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React, { useMemo, cloneElement } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import WizardStep from './WizardStep.js';
 import { indicatorBlockName } from './blockNames.js';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["current", "steps", "children"];
-var StepsWrapper = aggregatedClasses('div')(indicatorBlockName);
+const _excluded = ["current", "steps", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const StepsWrapper = aggregatedClasses('div')(indicatorBlockName);
 
 function WizardSteps(_ref) {
-  var _ref$current = _ref.current,
-      current = _ref$current === void 0 ? 0 : _ref$current,
-      steps = _ref.steps,
-      children = _ref.children,
+  let {
+    current = 0,
+    steps,
+    children
+  } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var items = useMemo(function () {
-    var mergeStepProps = function mergeStepProps(step, index) {
-      return {
-        index: index,
-        active: current === index,
-        completed: index < current
-      };
-    };
-
-    return steps ? steps.map(function (step, index) {
-      return /*#__PURE__*/React.createElement(WizardStep, _extends({
-        key: index
-      }, step, mergeStepProps(step, index)));
-    }) : React.Children.map(children, function (item, index) {
-      return /*#__PURE__*/cloneElement(item, mergeStepProps(item, index));
+  const items = useMemo(() => {
+    const mergeStepProps = (step, index) => ({
+      index,
+      active: current === index,
+      completed: index < current
     });
+
+    return steps ? steps.map((step, index) => /*#__PURE__*/jsx(WizardStep, _objectSpread(_objectSpread({}, step), mergeStepProps(step, index)), index)) : React.Children.map(children, (item, index) => /*#__PURE__*/cloneElement(item, mergeStepProps(item, index)));
   }, [current, children]);
-  return /*#__PURE__*/React.createElement(StepsWrapper, otherProps, items);
+  return /*#__PURE__*/jsx(StepsWrapper, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: items
+  }));
 }
 
 WizardSteps.Item = WizardStep;
-var wizzardProps = {
+const wizzardProps = {
   current: PropTypes.number.description('Current active state index').defaultValue(0),
   steps: PropTypes.arrayOf(PropTypes.shape({})).description('Array of steps objects').defaultValue([]).isRequired,
   children: PropTypes.arrayOf(PropTypes.instanceOf(WizardStep)).description('List of WizardStep components')
 };
-WizardSteps.propTypes = wizzardProps;
-var WizzardWithSchema = describe(WizardSteps);
+const WizzardWithSchema = describe(WizardSteps);
 WizzardWithSchema.propTypes = wizzardProps;
 
 export { WizzardWithSchema, WizardSteps as default };
-//# sourceMappingURL=WizardSteps.js.map

package/esm/blockNames.js

@@ -1,6 +1,5 @@
-var wizardBlockName = 'wizard';
-var indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
-var indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
+const wizardBlockName = 'wizard';
+const indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
+const indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
 
 export { indicatorBlockName, indicatorItemBlockName, wizardBlockName };
-//# sourceMappingURL=blockNames.js.map

package/esm/index.js

@@ -1,13 +1,3 @@
 export { default as WizardStepsIndicator, WizzardWithSchema } from './WizardSteps.js';
 export { default as WizardStep, WizzardStepWithSchema } from './WizardStep.js';
 export { default as useWizard } from './useWizard.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import './blockNames.js';
-import '@elliemae/ds-utilities';
-import '@elliemae/ds-icons';
-import '@babel/runtime/helpers/esm/slicedToArray';
-//# sourceMappingURL=index.js.map

package/esm/stories/steps.js

@@ -1,22 +1,17 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 
-var Step1Content = function Step1Content() {
-  return /*#__PURE__*/React.createElement("div", null, "Step 1 Content");
-};
+var _div, _div2, _div3, _div4;
 
-var Step2Content = function Step2Content() {
-  return /*#__PURE__*/React.createElement("div", null, "Step 2 Content");
-};
+const Step1Content = () => _div || (_div = /*#__PURE__*/_jsx("div", {}, void 0, "Step 1 Content"));
 
-var Step3Content = function Step3Content() {
-  return /*#__PURE__*/React.createElement("div", null, "Step 3 Content");
-};
+const Step2Content = () => _div2 || (_div2 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 2 Content"));
 
-var Step4Content = function Step4Content() {
-  return /*#__PURE__*/React.createElement("div", null, "Step 4 Content");
-};
+const Step3Content = () => _div3 || (_div3 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 3 Content"));
 
-var steps = [{
+const Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 4 Content"));
+
+const steps = [{
   label: 'Step 1',
   content: Step1Content
 }, {
@@ -31,4 +26,3 @@ var steps = [{
 }];
 
 export { steps };
-//# sourceMappingURL=steps.js.map

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

@@ -0,0 +1,52 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { useWizard, WizardStepsIndicator } from '@elliemae/ds-wizard';
+import DSButton from '@elliemae/ds-basic/Button';
+import { steps } from './steps.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
+
+const Overview = () => {
+  const {
+    WizardCurrentContent,
+    current,
+    next,
+    previous,
+    canNext,
+    canPrevious
+  } = useWizard({
+    steps
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(WizardStepsIndicator, {
+      current: current,
+      steps: steps
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        margin: '10px 0',
+        padding: 10,
+        border: '1px solid #ddd'
+      }
+    }, void 0, /*#__PURE__*/_jsx(WizardCurrentContent, {
+      data: {
+        someExtraData: 'step information'
+      }
+    })), /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        width: 180,
+        justifyContent: 'space-between'
+      }
+    }, void 0, /*#__PURE__*/_jsx(DSButton, {
+      buttonType: "secondary",
+      disabled: !canPrevious,
+      labelText: "Previous",
+      onClick: previous
+    }), /*#__PURE__*/_jsx(DSButton, {
+      disabled: !canNext,
+      labelText: "Next",
+      onClick: next
+    }))]
+  });
+};
+
+export { Overview };

package/esm/useWizard.js

@@ -1,41 +1,29 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useCallback } from 'react';
-import { useDerivedStateFromProps, get } from '@elliemae/ds-utilities';
+import { get } from '@elliemae/ds-utilities/utils';
+import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
 
-var checkCanNext = function checkCanNext(prevIndex, array) {
-  return array.length > prevIndex + 1;
-};
+const checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;
 
-var checkCanPrevious = function checkCanPrevious(prevIndex) {
-  return prevIndex - 1 >= 0;
-};
+const checkCanPrevious = prevIndex => prevIndex - 1 >= 0;
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
 
-function useWizard(_ref) {
-  var wizardSteps = _ref.steps,
-      current = _ref.current,
-      _ref$onNext = _ref.onNext,
-      onNext = _ref$onNext === void 0 ? noop : _ref$onNext,
-      _ref$onPrevious = _ref.onPrevious,
-      onPrevious = _ref$onPrevious === void 0 ? noop : _ref$onPrevious,
-      _ref$initial = _ref.initial,
-      initial = _ref$initial === void 0 ? 0 : _ref$initial;
-
-  var _useDerivedStateFromP = useDerivedStateFromProps(current || initial),
-      _useDerivedStateFromP2 = _slicedToArray(_useDerivedStateFromP, 2),
-      currentStep = _useDerivedStateFromP2[0],
-      setCurrentStep = _useDerivedStateFromP2[1];
-
-  var handleNext = useCallback(function () {
+function useWizard({
+  steps: wizardSteps,
+  current,
+  onNext = noop,
+  onPrevious = noop,
+  initial = 0
+}) {
+  const [currentStep, setCurrentStep] = useDerivedStateFromProps(current || initial);
+  const handleNext = useCallback(() => {
     if (checkCanNext(currentStep, wizardSteps)) {
       onNext(currentStep);
       setCurrentStep(currentStep + 1);
     }
   });
-  var handlePrevious = useCallback(function () {
+  const handlePrevious = useCallback(() => {
     if (checkCanPrevious(currentStep)) {
       onPrevious(currentStep);
       setCurrentStep(currentStep - 1);
@@ -47,11 +35,8 @@ function useWizard(_ref) {
     previous: handlePrevious,
     canNext: checkCanNext(currentStep, wizardSteps),
     canPrevious: checkCanPrevious(currentStep),
-    WizardCurrentContent: get(wizardSteps, [currentStep, 'content'], function () {
-      return null;
-    })
+    WizardCurrentContent: get(wizardSteps, [currentStep, 'content'], () => null)
   };
 }
 
 export { useWizard as default };
-//# sourceMappingURL=useWizard.js.map

package/package.json

@@ -1,14 +1,50 @@
 {
   "name": "@elliemae/ds-wizard",
-  "version": "1.57.1-rc.0",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Wizard",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Wizard",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./WizardSteps": {
+      "import": "./esm/WizardSteps.js",
+      "require": "./cjs/WizardSteps.js"
+    },
+    "./WizardStep": {
+      "import": "./esm/WizardStep.js",
+      "require": "./cjs/WizardStep.js"
+    },
+    "./useWizard": {
+      "import": "./esm/useWizard.js",
+      "require": "./cjs/useWizard.js"
+    },
+    "./stories/steps": {
+      "import": "./esm/stories/steps.js",
+      "require": "./cjs/stories/steps.js"
+    },
+    "./blockNames": {
+      "import": "./esm/blockNames.js",
+      "require": "./cjs/blockNames.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +52,19 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.57.1-rc.0",
-    "@elliemae/ds-classnames": "1.57.1-rc.0",
-    "@elliemae/ds-icons": "1.57.1-rc.0",
-    "@elliemae/ds-utilities": "1.57.1-rc.0",
-    "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-basic": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.11",
+    "@elliemae/ds-utilities": "2.0.0-alpha.11",
+    "prop-types": "~15.7.2"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSWizard.stories.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export const title: string;
+    export { WizardStepsIndicator as component };
+    export namespace parameters {
+        export { WizzardWithSchema as propsSchemas };
+    }
+}
+export default _default;
+export * from "./stories/wizzard-overview.stories";
+import { WizardStepsIndicator } from "@elliemae/ds-wizard";
+import { WizzardWithSchema } from "@elliemae/ds-wizard";

package/types/WizardStep.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare function WizardStep({ label, icon, iconCompleted, iconActive, active, completed, index, }: {
+    label?: string | undefined;
+    icon?: null | undefined;
+    iconCompleted?: JSX.Element | undefined;
+    iconActive?: null | undefined;
+    active?: boolean | undefined;
+    completed?: boolean | undefined;
+    index?: number | undefined;
+}): JSX.Element;
+declare namespace WizardStep {
+    var propTypes: {
+        label: any;
+        icon: any;
+        iconCompleted: any;
+        iconActive: any;
+        active: any;
+        completed: any;
+        index: any;
+    };
+}
+declare const WizzardStepWithSchema: any;
+export { WizzardStepWithSchema };
+export default WizardStep;

package/types/WizardSteps.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import WizardStep from './WizardStep';
+declare function WizardSteps({ current, steps, children, ...otherProps }: {
+    [x: string]: any;
+    current?: number | undefined;
+    steps: any;
+    children: any;
+}): JSX.Element;
+declare namespace WizardSteps {
+    var Item: typeof WizardStep;
+    var propTypes: {
+        current: any;
+        steps: any;
+        children: any;
+    };
+}
+declare const WizzardWithSchema: any;
+export { WizzardWithSchema };
+export default WizardSteps;

package/types/blockNames.d.ts

@@ -0,0 +1,3 @@
+export declare const wizardBlockName = "wizard";
+export declare const indicatorBlockName: string;
+export declare const indicatorItemBlockName: string;

package/types/index.d.ts

@@ -0,0 +1,4 @@
+import WizardStepsIndicator, { WizzardWithSchema } from './WizardSteps';
+import WizardStep, { WizzardStepWithSchema } from './WizardStep';
+import useWizard from './useWizard';
+export { useWizard, WizardStepsIndicator, WizardStep, WizzardWithSchema, WizzardStepWithSchema, };

package/types/stories/steps.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const steps: {
+    label: string;
+    content: () => JSX.Element;
+}[];

package/types/stories/wizzard-overview.stories.d.ts

@@ -0,0 +1 @@
+export function Overview(): JSX.Element;

package/types/useWizard.d.ts

@@ -0,0 +1,14 @@
+export default function useWizard({ steps: wizardSteps, current, onNext, onPrevious, initial, }: {
+    steps: any;
+    current: any;
+    onNext?: (() => null) | undefined;
+    onPrevious?: (() => null) | undefined;
+    initial?: number | undefined;
+}): {
+    current: any;
+    next: () => void;
+    previous: () => void;
+    canNext: boolean;
+    canPrevious: boolean;
+    WizardCurrentContent: any;
+};

package/WizardStep/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-wizard/WizardStep",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/WizardStep.js",
-  "module": "../esm/WizardStep.js"
-}

package/WizardSteps/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-wizard/WizardSteps",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/WizardSteps.js",
-  "module": "../esm/WizardSteps.js"
-}

package/blockNames/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-wizard/blockNames",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/blockNames.js",
-  "module": "../esm/blockNames.js"
-}

package/cjs/WizardStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WizardStep.js","sources":["../../src/WizardStep.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { cloneElement, useMemo, isValidElement } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { get } from '@elliemae/ds-utilities';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { indicatorItemBlockName } from './blockNames';\n\nconst Item = aggregatedClasses('div')(`${indicatorItemBlockName}`, null, ({ active, completed }) => ({\n  active,\n  completed,\n}));\nconst Wrapper = aggregatedClasses('div')(`${indicatorItemBlockName}-wrapper`);\nconst Label = aggregatedClasses('span')(indicatorItemBlockName, 'label');\nconst Bullet = aggregatedClasses('div')(indicatorItemBlockName, 'bullet');\nconst BulletWrapper = aggregatedClasses('div')(indicatorItemBlockName, 'bullet-wrapper');\n\nfunction WizardStep({\n  label = '',\n  icon = null,\n  iconCompleted = <Checkmark />,\n  iconActive = null,\n  active = false,\n  completed = false,\n  index = 0,\n}) {\n  const currentIcon =\n    useMemo(() => {\n      if (active) return iconActive;\n      if (completed) return iconCompleted;\n      return icon;\n    }, [active, completed]) || icon;\n\n  const iconWithOptions = useMemo(\n    () =>\n      isValidElement(currentIcon)\n        ? cloneElement(currentIcon, {\n            color: get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500],\n          })\n        : currentIcon || index + 1,\n    [currentIcon],\n  );\n\n  return (\n    <Item classProps={{ active, completed }}>\n      <Wrapper>\n        <BulletWrapper>\n          <Bullet>{iconWithOptions}</Bullet>\n        </BulletWrapper>\n        <Label>{label}</Label>\n      </Wrapper>\n    </Item>\n  );\n}\n\nconst wizzardStepProps = {\n  label: PropTypes.string.description('Step label'),\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('Default icon or number'),\n  iconCompleted: PropTypes.element.description('Icon when the step is completed').defaultValue(Checkmark),\n  iconActive: PropTypes.element.description('Icon when the step is active'),\n  active: PropTypes.bool.description('Whether the step is active or not').defaultValue(false),\n  completed: PropTypes.bool.description('Whether the step is completed or not').defaultValue(false),\n  index: PropTypes.number.description('Current item index'),\n};\n\nWizardStep.propTypes = wizzardStepProps;\n\nconst WizzardStepWithSchema = describe(WizardStep);\nWizzardStepWithSchema.propTypes = wizzardStepProps;\n\nexport { WizzardStepWithSchema };\nexport default WizardStep;\n"],"names":["Item","aggregatedClasses","indicatorItemBlockName","active","completed","Wrapper","Label","Bullet","BulletWrapper","WizardStep","label","icon","iconCompleted","React","Checkmark","iconActive","index","currentIcon","useMemo","iconWithOptions","isValidElement","cloneElement","color","get","wizzardStepProps","PropTypes","string","description","oneOfType","element","defaultValue","bool","number","propTypes","WizzardStepWithSchema","describe"],"mappings":"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"}

package/cjs/WizardSteps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WizardSteps.js","sources":["../../src/WizardSteps.tsx"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\nimport React, { cloneElement, useMemo } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport WizardStep from './WizardStep';\nimport { indicatorBlockName } from './blockNames';\n\nconst StepsWrapper = aggregatedClasses('div')(indicatorBlockName);\n\nfunction WizardSteps({ current = 0, steps, children, ...otherProps }) {\n  const items = useMemo(() => {\n    const mergeStepProps = (step, index) => ({\n      index,\n      active: current === index,\n      completed: index < current,\n    });\n\n    return steps\n      ? steps.map((step, index) => (\n          <WizardStep key={index} {...step} {...mergeStepProps(step, index)} />\n        ))\n      : React.Children.map(children, (item, index) =>\n          cloneElement(item, mergeStepProps(item, index)),\n        );\n  }, [current, children]);\n\n  return <StepsWrapper {...otherProps}>{items}</StepsWrapper>;\n}\n\nWizardSteps.Item = WizardStep;\n\nconst wizzardProps = {\n  current: PropTypes.number\n    .description('Current active state index')\n    .defaultValue(0),\n  steps: PropTypes.arrayOf(PropTypes.shape({}))\n    .description('Array of steps objects')\n    .defaultValue([]).isRequired,\n  children: PropTypes.arrayOf(PropTypes.instanceOf(WizardStep)).description(\n    'List of WizardStep components',\n  ),\n};\n\nWizardSteps.propTypes = wizzardProps;\n\nconst WizzardWithSchema = describe(WizardSteps);\nWizzardWithSchema.propTypes = wizzardProps;\n\nexport { WizzardWithSchema };\nexport default WizardSteps;\n"],"names":["StepsWrapper","aggregatedClasses","indicatorBlockName","WizardSteps","current","steps","children","otherProps","items","useMemo","mergeStepProps","step","index","active","completed","map","React","WizardStep","Children","item","cloneElement","Item","wizzardProps","PropTypes","number","description","defaultValue","arrayOf","shape","isRequired","instanceOf","propTypes","WizzardWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBC,6BAAzB,CAArB;;AAEA,SAASC,WAAT,OAAsE;AAAA,0BAA/CC,OAA+C;AAAA,MAA/CA,OAA+C,6BAArC,CAAqC;AAAA,MAAlCC,KAAkC,QAAlCA,KAAkC;AAAA,MAA3BC,QAA2B,QAA3BA,QAA2B;AAAA,MAAdC,UAAc;;AACpE,MAAMC,KAAK,GAAGC,aAAO,CAAC,YAAM;AAC1B,QAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAOC,KAAP;AAAA,aAAkB;AACvCA,QAAAA,KAAK,EAALA,KADuC;AAEvCC,QAAAA,MAAM,EAAET,OAAO,KAAKQ,KAFmB;AAGvCE,QAAAA,SAAS,EAAEF,KAAK,GAAGR;AAHoB,OAAlB;AAAA,KAAvB;;AAMA,WAAOC,KAAK,GACRA,KAAK,CAACU,GAAN,CAAU,UAACJ,IAAD,EAAOC,KAAP;AAAA,0BACRI,wCAACC,qBAAD;AAAY,QAAA,GAAG,EAAEL;AAAjB,SAA4BD,IAA5B,EAAsCD,cAAc,CAACC,IAAD,EAAOC,KAAP,CAApD,EADQ;AAAA,KAAV,CADQ,GAIRI,yBAAK,CAACE,QAAN,CAAeH,GAAf,CAAmBT,QAAnB,EAA6B,UAACa,IAAD,EAAOP,KAAP;AAAA,0BAC3BQ,kBAAY,CAACD,IAAD,EAAOT,cAAc,CAACS,IAAD,EAAOP,KAAP,CAArB,CADe;AAAA,KAA7B,CAJJ;AAOD,GAdoB,EAclB,CAACR,OAAD,EAAUE,QAAV,CAdkB,CAArB;AAgBA,sBAAOU,wCAAC,YAAD,EAAkBT,UAAlB,EAA+BC,KAA/B,CAAP;AACD;;AAEDL,WAAW,CAACkB,IAAZ,GAAmBJ,qBAAnB;AAEA,IAAMK,YAAY,GAAG;AACnBlB,EAAAA,OAAO,EAAEmB,mBAAS,CAACC,MAAV,CACNC,WADM,CACM,4BADN,EAENC,YAFM,CAEO,CAFP,CADU;AAInBrB,EAAAA,KAAK,EAAEkB,mBAAS,CAACI,OAAV,CAAkBJ,mBAAS,CAACK,KAAV,CAAgB,EAAhB,CAAlB,EACJH,WADI,CACQ,wBADR,EAEJC,YAFI,CAES,EAFT,EAEaG,UAND;AAOnBvB,EAAAA,QAAQ,EAAEiB,mBAAS,CAACI,OAAV,CAAkBJ,mBAAS,CAACO,UAAV,CAAqBb,qBAArB,CAAlB,EAAoDQ,WAApD,CACR,+BADQ;AAPS,CAArB;AAYAtB,WAAW,CAAC4B,SAAZ,GAAwBT,YAAxB;IAEMU,iBAAiB,GAAGC,kBAAQ,CAAC9B,WAAD;AAClC6B,iBAAiB,CAACD,SAAlB,GAA8BT,YAA9B;;;;;"}

package/cjs/blockNames.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blockNames.js","sources":["../../src/blockNames.tsx"],"sourcesContent":["export const wizardBlockName = 'wizard';\nexport const indicatorBlockName = `${wizardBlockName}-steps-indicator`;\nexport const indicatorItemBlockName = `${indicatorBlockName}-step`;\n"],"names":["wizardBlockName","indicatorBlockName","indicatorItemBlockName"],"mappings":";;;;IAAaA,eAAe,GAAG;IAClBC,kBAAkB,aAAMD,eAAN;IAClBE,sBAAsB,aAAMD,kBAAN;;;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/stories/steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"steps.js","sources":["../../../src/stories/steps.tsx"],"sourcesContent":["import React from 'react';\n\nconst Step1Content = () => <div>Step 1 Content</div>;\nconst Step2Content = () => <div>Step 2 Content</div>;\nconst Step3Content = () => <div>Step 3 Content</div>;\nconst Step4Content = () => <div>Step 4 Content</div>;\n\nexport const steps = [\n  {\n    label: 'Step 1',\n    content: Step1Content,\n  },\n  {\n    label: 'Step Lorem Ipsum',\n    content: Step2Content,\n  },\n  {\n    label: 'Step Lorem',\n    content: Step3Content,\n  },\n  {\n    label: 'Step Lorem 4',\n    content: Step4Content,\n  },\n];\n"],"names":["Step1Content","React","Step2Content","Step3Content","Step4Content","steps","label","content"],"mappings":";;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAMC,sEAAN;AAAA,CAArB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAMD,sEAAN;AAAA,CAArB;;AACA,IAAME,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAMF,sEAAN;AAAA,CAArB;;AACA,IAAMG,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAMH,sEAAN;AAAA,CAArB;;IAEaI,KAAK,GAAG,CACnB;AACEC,EAAAA,KAAK,EAAE,QADT;AAEEC,EAAAA,OAAO,EAAEP;AAFX,CADmB,EAKnB;AACEM,EAAAA,KAAK,EAAE,kBADT;AAEEC,EAAAA,OAAO,EAAEL;AAFX,CALmB,EASnB;AACEI,EAAAA,KAAK,EAAE,YADT;AAEEC,EAAAA,OAAO,EAAEJ;AAFX,CATmB,EAanB;AACEG,EAAAA,KAAK,EAAE,cADT;AAEEC,EAAAA,OAAO,EAAEH;AAFX,CAbmB;;;;"}

package/cjs/useWizard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWizard.js","sources":["../../src/useWizard.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { get, useDerivedStateFromProps } from '@elliemae/ds-utilities';\n\nconst checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;\nconst checkCanPrevious = prevIndex => prevIndex - 1 >= 0;\n\nconst noop = () => null;\n\nexport default function useWizard({\n  steps: wizardSteps,\n  current,\n  onNext = noop,\n  onPrevious = noop,\n  initial = 0,\n}) {\n  const [currentStep, setCurrentStep] = useDerivedStateFromProps(\n    current || initial,\n  );\n\n  const handleNext = useCallback(() => {\n    if (checkCanNext(currentStep, wizardSteps)) {\n      onNext(currentStep);\n      setCurrentStep(currentStep + 1);\n    }\n  });\n\n  const handlePrevious = useCallback(() => {\n    if (checkCanPrevious(currentStep)) {\n      onPrevious(currentStep);\n      setCurrentStep(currentStep - 1);\n    }\n  });\n\n  return {\n    current: currentStep,\n    next: handleNext,\n    previous: handlePrevious,\n    canNext: checkCanNext(currentStep, wizardSteps),\n    canPrevious: checkCanPrevious(currentStep),\n    WizardCurrentContent: get(\n      wizardSteps,\n      [currentStep, 'content'],\n      () => null,\n    ),\n  };\n}\n"],"names":["checkCanNext","prevIndex","array","length","checkCanPrevious","noop","useWizard","wizardSteps","steps","current","onNext","onPrevious","initial","useDerivedStateFromProps","currentStep","setCurrentStep","handleNext","useCallback","handlePrevious","next","previous","canNext","canPrevious","WizardCurrentContent","get"],"mappings":";;;;;;;;;;AAGA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,SAAD,EAAYC,KAAZ;AAAA,SAAsBA,KAAK,CAACC,MAAN,GAAeF,SAAS,GAAG,CAAjD;AAAA,CAArB;;AACA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAH,SAAS;AAAA,SAAIA,SAAS,GAAG,CAAZ,IAAiB,CAArB;AAAA,CAAlC;;AAEA,IAAMI,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAM,IAAN;AAAA,CAAb;;AAEe,SAASC,SAAT,OAMZ;AAAA,MALMC,WAKN,QALDC,KAKC;AAAA,MAJDC,OAIC,QAJDA,OAIC;AAAA,yBAHDC,MAGC;AAAA,MAHDA,MAGC,4BAHQL,IAGR;AAAA,6BAFDM,UAEC;AAAA,MAFDA,UAEC,gCAFYN,IAEZ;AAAA,0BADDO,OACC;AAAA,MADDA,OACC,6BADS,CACT;;AACD,8BAAsCC,oCAAwB,CAC5DJ,OAAO,IAAIG,OADiD,CAA9D;AAAA;AAAA,MAAOE,WAAP;AAAA,MAAoBC,cAApB;;AAIA,MAAMC,UAAU,GAAGC,iBAAW,CAAC,YAAM;AACnC,QAAIjB,YAAY,CAACc,WAAD,EAAcP,WAAd,CAAhB,EAA4C;AAC1CG,MAAAA,MAAM,CAACI,WAAD,CAAN;AACAC,MAAAA,cAAc,CAACD,WAAW,GAAG,CAAf,CAAd;AACD;AACF,GAL6B,CAA9B;AAOA,MAAMI,cAAc,GAAGD,iBAAW,CAAC,YAAM;AACvC,QAAIb,gBAAgB,CAACU,WAAD,CAApB,EAAmC;AACjCH,MAAAA,UAAU,CAACG,WAAD,CAAV;AACAC,MAAAA,cAAc,CAACD,WAAW,GAAG,CAAf,CAAd;AACD;AACF,GALiC,CAAlC;AAOA,SAAO;AACLL,IAAAA,OAAO,EAAEK,WADJ;AAELK,IAAAA,IAAI,EAAEH,UAFD;AAGLI,IAAAA,QAAQ,EAAEF,cAHL;AAILG,IAAAA,OAAO,EAAErB,YAAY,CAACc,WAAD,EAAcP,WAAd,CAJhB;AAKLe,IAAAA,WAAW,EAAElB,gBAAgB,CAACU,WAAD,CALxB;AAMLS,IAAAA,oBAAoB,EAAEC,eAAG,CACvBjB,WADuB,EAEvB,CAACO,WAAD,EAAc,SAAd,CAFuB,EAGvB;AAAA,aAAM,IAAN;AAAA,KAHuB;AANpB,GAAP;AAYD;;;;"}

package/esm/WizardStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WizardStep.js","sources":["../../src/WizardStep.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { cloneElement, useMemo, isValidElement } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { get } from '@elliemae/ds-utilities';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { indicatorItemBlockName } from './blockNames';\n\nconst Item = aggregatedClasses('div')(`${indicatorItemBlockName}`, null, ({ active, completed }) => ({\n  active,\n  completed,\n}));\nconst Wrapper = aggregatedClasses('div')(`${indicatorItemBlockName}-wrapper`);\nconst Label = aggregatedClasses('span')(indicatorItemBlockName, 'label');\nconst Bullet = aggregatedClasses('div')(indicatorItemBlockName, 'bullet');\nconst BulletWrapper = aggregatedClasses('div')(indicatorItemBlockName, 'bullet-wrapper');\n\nfunction WizardStep({\n  label = '',\n  icon = null,\n  iconCompleted = <Checkmark />,\n  iconActive = null,\n  active = false,\n  completed = false,\n  index = 0,\n}) {\n  const currentIcon =\n    useMemo(() => {\n      if (active) return iconActive;\n      if (completed) return iconCompleted;\n      return icon;\n    }, [active, completed]) || icon;\n\n  const iconWithOptions = useMemo(\n    () =>\n      isValidElement(currentIcon)\n        ? cloneElement(currentIcon, {\n            color: get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500],\n          })\n        : currentIcon || index + 1,\n    [currentIcon],\n  );\n\n  return (\n    <Item classProps={{ active, completed }}>\n      <Wrapper>\n        <BulletWrapper>\n          <Bullet>{iconWithOptions}</Bullet>\n        </BulletWrapper>\n        <Label>{label}</Label>\n      </Wrapper>\n    </Item>\n  );\n}\n\nconst wizzardStepProps = {\n  label: PropTypes.string.description('Step label'),\n  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('Default icon or number'),\n  iconCompleted: PropTypes.element.description('Icon when the step is completed').defaultValue(Checkmark),\n  iconActive: PropTypes.element.description('Icon when the step is active'),\n  active: PropTypes.bool.description('Whether the step is active or not').defaultValue(false),\n  completed: PropTypes.bool.description('Whether the step is completed or not').defaultValue(false),\n  index: PropTypes.number.description('Current item index'),\n};\n\nWizardStep.propTypes = wizzardStepProps;\n\nconst WizzardStepWithSchema = describe(WizardStep);\nWizzardStepWithSchema.propTypes = wizzardStepProps;\n\nexport { WizzardStepWithSchema };\nexport default WizardStep;\n"],"names":["Item","aggregatedClasses","indicatorItemBlockName","active","completed","Wrapper","Label","Bullet","BulletWrapper","WizardStep","label","icon","iconCompleted","iconActive","index","currentIcon","useMemo","iconWithOptions","isValidElement","cloneElement","color","get","wizzardStepProps","PropTypes","string","description","oneOfType","element","defaultValue","Checkmark","bool","number","propTypes","WizzardStepWithSchema","describe"],"mappings":"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"}

package/esm/WizardSteps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WizardSteps.js","sources":["../../src/WizardSteps.tsx"],"sourcesContent":["/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\nimport React, { cloneElement, useMemo } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport WizardStep from './WizardStep';\nimport { indicatorBlockName } from './blockNames';\n\nconst StepsWrapper = aggregatedClasses('div')(indicatorBlockName);\n\nfunction WizardSteps({ current = 0, steps, children, ...otherProps }) {\n  const items = useMemo(() => {\n    const mergeStepProps = (step, index) => ({\n      index,\n      active: current === index,\n      completed: index < current,\n    });\n\n    return steps\n      ? steps.map((step, index) => (\n          <WizardStep key={index} {...step} {...mergeStepProps(step, index)} />\n        ))\n      : React.Children.map(children, (item, index) =>\n          cloneElement(item, mergeStepProps(item, index)),\n        );\n  }, [current, children]);\n\n  return <StepsWrapper {...otherProps}>{items}</StepsWrapper>;\n}\n\nWizardSteps.Item = WizardStep;\n\nconst wizzardProps = {\n  current: PropTypes.number\n    .description('Current active state index')\n    .defaultValue(0),\n  steps: PropTypes.arrayOf(PropTypes.shape({}))\n    .description('Array of steps objects')\n    .defaultValue([]).isRequired,\n  children: PropTypes.arrayOf(PropTypes.instanceOf(WizardStep)).description(\n    'List of WizardStep components',\n  ),\n};\n\nWizardSteps.propTypes = wizzardProps;\n\nconst WizzardWithSchema = describe(WizardSteps);\nWizzardWithSchema.propTypes = wizzardProps;\n\nexport { WizzardWithSchema };\nexport default WizardSteps;\n"],"names":["StepsWrapper","aggregatedClasses","indicatorBlockName","WizardSteps","current","steps","children","otherProps","items","useMemo","mergeStepProps","step","index","active","completed","map","React","Children","item","cloneElement","Item","WizardStep","wizzardProps","PropTypes","number","description","defaultValue","arrayOf","shape","isRequired","instanceOf","propTypes","WizzardWithSchema","describe"],"mappings":";;;;;;;;;;;AAQA,IAAMA,YAAY,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBC,kBAAzB,CAArB;;AAEA,SAASC,WAAT,OAAsE;AAAA,0BAA/CC,OAA+C;AAAA,MAA/CA,OAA+C,6BAArC,CAAqC;AAAA,MAAlCC,KAAkC,QAAlCA,KAAkC;AAAA,MAA3BC,QAA2B,QAA3BA,QAA2B;AAAA,MAAdC,UAAc;;AACpE,MAAMC,KAAK,GAAGC,OAAO,CAAC,YAAM;AAC1B,QAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAOC,KAAP;AAAA,aAAkB;AACvCA,QAAAA,KAAK,EAALA,KADuC;AAEvCC,QAAAA,MAAM,EAAET,OAAO,KAAKQ,KAFmB;AAGvCE,QAAAA,SAAS,EAAEF,KAAK,GAAGR;AAHoB,OAAlB;AAAA,KAAvB;;AAMA,WAAOC,KAAK,GACRA,KAAK,CAACU,GAAN,CAAU,UAACJ,IAAD,EAAOC,KAAP;AAAA,0BACR,oBAAC,UAAD;AAAY,QAAA,GAAG,EAAEA;AAAjB,SAA4BD,IAA5B,EAAsCD,cAAc,CAACC,IAAD,EAAOC,KAAP,CAApD,EADQ;AAAA,KAAV,CADQ,GAIRI,KAAK,CAACC,QAAN,CAAeF,GAAf,CAAmBT,QAAnB,EAA6B,UAACY,IAAD,EAAON,KAAP;AAAA,0BAC3BO,YAAY,CAACD,IAAD,EAAOR,cAAc,CAACQ,IAAD,EAAON,KAAP,CAArB,CADe;AAAA,KAA7B,CAJJ;AAOD,GAdoB,EAclB,CAACR,OAAD,EAAUE,QAAV,CAdkB,CAArB;AAgBA,sBAAO,oBAAC,YAAD,EAAkBC,UAAlB,EAA+BC,KAA/B,CAAP;AACD;;AAEDL,WAAW,CAACiB,IAAZ,GAAmBC,UAAnB;AAEA,IAAMC,YAAY,GAAG;AACnBlB,EAAAA,OAAO,EAAEmB,SAAS,CAACC,MAAV,CACNC,WADM,CACM,4BADN,EAENC,YAFM,CAEO,CAFP,CADU;AAInBrB,EAAAA,KAAK,EAAEkB,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgB,EAAhB,CAAlB,EACJH,WADI,CACQ,wBADR,EAEJC,YAFI,CAES,EAFT,EAEaG,UAND;AAOnBvB,EAAAA,QAAQ,EAAEiB,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACO,UAAV,CAAqBT,UAArB,CAAlB,EAAoDI,WAApD,CACR,+BADQ;AAPS,CAArB;AAYAtB,WAAW,CAAC4B,SAAZ,GAAwBT,YAAxB;IAEMU,iBAAiB,GAAGC,QAAQ,CAAC9B,WAAD;AAClC6B,iBAAiB,CAACD,SAAlB,GAA8BT,YAA9B;;;;"}

package/esm/blockNames.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blockNames.js","sources":["../../src/blockNames.tsx"],"sourcesContent":["export const wizardBlockName = 'wizard';\nexport const indicatorBlockName = `${wizardBlockName}-steps-indicator`;\nexport const indicatorItemBlockName = `${indicatorBlockName}-step`;\n"],"names":["wizardBlockName","indicatorBlockName","indicatorItemBlockName"],"mappings":"IAAaA,eAAe,GAAG;IAClBC,kBAAkB,aAAMD,eAAN;IAClBE,sBAAsB,aAAMD,kBAAN;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/esm/stories/steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"steps.js","sources":["../../../src/stories/steps.tsx"],"sourcesContent":["import React from 'react';\n\nconst Step1Content = () => <div>Step 1 Content</div>;\nconst Step2Content = () => <div>Step 2 Content</div>;\nconst Step3Content = () => <div>Step 3 Content</div>;\nconst Step4Content = () => <div>Step 4 Content</div>;\n\nexport const steps = [\n  {\n    label: 'Step 1',\n    content: Step1Content,\n  },\n  {\n    label: 'Step Lorem Ipsum',\n    content: Step2Content,\n  },\n  {\n    label: 'Step Lorem',\n    content: Step3Content,\n  },\n  {\n    label: 'Step Lorem 4',\n    content: Step4Content,\n  },\n];\n"],"names":["Step1Content","Step2Content","Step3Content","Step4Content","steps","label","content"],"mappings":";;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAM,kDAAN;AAAA,CAArB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAM,kDAAN;AAAA,CAArB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAM,kDAAN;AAAA,CAArB;;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,sBAAM,kDAAN;AAAA,CAArB;;IAEaC,KAAK,GAAG,CACnB;AACEC,EAAAA,KAAK,EAAE,QADT;AAEEC,EAAAA,OAAO,EAAEN;AAFX,CADmB,EAKnB;AACEK,EAAAA,KAAK,EAAE,kBADT;AAEEC,EAAAA,OAAO,EAAEL;AAFX,CALmB,EASnB;AACEI,EAAAA,KAAK,EAAE,YADT;AAEEC,EAAAA,OAAO,EAAEJ;AAFX,CATmB,EAanB;AACEG,EAAAA,KAAK,EAAE,cADT;AAEEC,EAAAA,OAAO,EAAEH;AAFX,CAbmB;;;;"}

package/esm/useWizard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWizard.js","sources":["../../src/useWizard.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { get, useDerivedStateFromProps } from '@elliemae/ds-utilities';\n\nconst checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;\nconst checkCanPrevious = prevIndex => prevIndex - 1 >= 0;\n\nconst noop = () => null;\n\nexport default function useWizard({\n  steps: wizardSteps,\n  current,\n  onNext = noop,\n  onPrevious = noop,\n  initial = 0,\n}) {\n  const [currentStep, setCurrentStep] = useDerivedStateFromProps(\n    current || initial,\n  );\n\n  const handleNext = useCallback(() => {\n    if (checkCanNext(currentStep, wizardSteps)) {\n      onNext(currentStep);\n      setCurrentStep(currentStep + 1);\n    }\n  });\n\n  const handlePrevious = useCallback(() => {\n    if (checkCanPrevious(currentStep)) {\n      onPrevious(currentStep);\n      setCurrentStep(currentStep - 1);\n    }\n  });\n\n  return {\n    current: currentStep,\n    next: handleNext,\n    previous: handlePrevious,\n    canNext: checkCanNext(currentStep, wizardSteps),\n    canPrevious: checkCanPrevious(currentStep),\n    WizardCurrentContent: get(\n      wizardSteps,\n      [currentStep, 'content'],\n      () => null,\n    ),\n  };\n}\n"],"names":["checkCanNext","prevIndex","array","length","checkCanPrevious","noop","useWizard","wizardSteps","steps","current","onNext","onPrevious","initial","useDerivedStateFromProps","currentStep","setCurrentStep","handleNext","useCallback","handlePrevious","next","previous","canNext","canPrevious","WizardCurrentContent","get"],"mappings":";;;;AAGA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,SAAD,EAAYC,KAAZ;AAAA,SAAsBA,KAAK,CAACC,MAAN,GAAeF,SAAS,GAAG,CAAjD;AAAA,CAArB;;AACA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAH,SAAS;AAAA,SAAIA,SAAS,GAAG,CAAZ,IAAiB,CAArB;AAAA,CAAlC;;AAEA,IAAMI,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAM,IAAN;AAAA,CAAb;;AAEe,SAASC,SAAT,OAMZ;AAAA,MALMC,WAKN,QALDC,KAKC;AAAA,MAJDC,OAIC,QAJDA,OAIC;AAAA,yBAHDC,MAGC;AAAA,MAHDA,MAGC,4BAHQL,IAGR;AAAA,6BAFDM,UAEC;AAAA,MAFDA,UAEC,gCAFYN,IAEZ;AAAA,0BADDO,OACC;AAAA,MADDA,OACC,6BADS,CACT;;AACD,8BAAsCC,wBAAwB,CAC5DJ,OAAO,IAAIG,OADiD,CAA9D;AAAA;AAAA,MAAOE,WAAP;AAAA,MAAoBC,cAApB;;AAIA,MAAMC,UAAU,GAAGC,WAAW,CAAC,YAAM;AACnC,QAAIjB,YAAY,CAACc,WAAD,EAAcP,WAAd,CAAhB,EAA4C;AAC1CG,MAAAA,MAAM,CAACI,WAAD,CAAN;AACAC,MAAAA,cAAc,CAACD,WAAW,GAAG,CAAf,CAAd;AACD;AACF,GAL6B,CAA9B;AAOA,MAAMI,cAAc,GAAGD,WAAW,CAAC,YAAM;AACvC,QAAIb,gBAAgB,CAACU,WAAD,CAApB,EAAmC;AACjCH,MAAAA,UAAU,CAACG,WAAD,CAAV;AACAC,MAAAA,cAAc,CAACD,WAAW,GAAG,CAAf,CAAd;AACD;AACF,GALiC,CAAlC;AAOA,SAAO;AACLL,IAAAA,OAAO,EAAEK,WADJ;AAELK,IAAAA,IAAI,EAAEH,UAFD;AAGLI,IAAAA,QAAQ,EAAEF,cAHL;AAILG,IAAAA,OAAO,EAAErB,YAAY,CAACc,WAAD,EAAcP,WAAd,CAJhB;AAKLe,IAAAA,WAAW,EAAElB,gBAAgB,CAACU,WAAD,CALxB;AAMLS,IAAAA,oBAAoB,EAAEC,GAAG,CACvBjB,WADuB,EAEvB,CAACO,WAAD,EAAc,SAAd,CAFuB,EAGvB;AAAA,aAAM,IAAN;AAAA,KAHuB;AANpB,GAAP;AAYD;;;;"}

package/stories/steps/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-wizard/stories/steps",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../../cjs/stories/steps.js",
-  "module": "../../esm/stories/steps.js"
-}

package/useWizard/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-wizard/useWizard",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/useWizard.js",
-  "module": "../esm/useWizard.js"
-}