@elliemae/ds-wizard 2.3.0-alpha.8 → 2.3.0-next.2

package/cjs/WizardStep.js

@@ -0,0 +1,72 @@
+'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
+  };
+});
+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 = 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__*/_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: 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')
+};
+const WizzardStepWithSchema = reactDesc.describe(WizardStep);
+WizzardStepWithSchema.propTypes = wizzardStepProps;
+
+exports.WizzardStepWithSchema = WizzardStepWithSchema;
+exports["default"] = WizardStep;

package/cjs/WizardSteps.js

@@ -0,0 +1,66 @@
+'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__*/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__*/jsxRuntime.jsx(StepsWrapper, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: items
+  }));
+}
+
+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')
+};
+const WizzardWithSchema = reactDesc.describe(WizardSteps);
+WizzardWithSchema.propTypes = wizzardProps;
+
+exports.WizzardWithSchema = WizzardWithSchema;
+exports["default"] = WizardSteps;

package/cjs/blockNames.js

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1,15 @@
+'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

@@ -0,0 +1,36 @@
+'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/useWizard.js

@@ -0,0 +1,44 @@
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+
+const checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;
+
+const checkCanPrevious = prevIndex => prevIndex - 1 >= 0;
+
+const noop = () => null;
+
+function useWizard(_ref) {
+  let {
+    steps: wizardSteps,
+    current,
+    onNext = noop,
+    onPrevious = noop,
+    initial = 0
+  } = _ref;
+  const [currentStep, setCurrentStep] = dsUtilities.useDerivedStateFromProps(current || initial);
+  const handleNext = React.useCallback(() => {
+    if (checkCanNext(currentStep, wizardSteps)) {
+      onNext(currentStep);
+      setCurrentStep(currentStep + 1);
+    }
+  });
+  const handlePrevious = React.useCallback(() => {
+    if (checkCanPrevious(currentStep)) {
+      onPrevious(currentStep);
+      setCurrentStep(currentStep - 1);
+    }
+  });
+  return {
+    current: currentStep,
+    next: handleNext,
+    previous: handlePrevious,
+    canNext: checkCanNext(currentStep, wizardSteps),
+    canPrevious: checkCanPrevious(currentStep),
+    WizardCurrentContent: dsUtilities.get(wizardSteps, [currentStep, 'content'], () => null)
+  };
+}
+
+module.exports = useWizard;

package/esm/WizardStep.js

@@ -0,0 +1,63 @@
+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 { indicatorItemBlockName } from './blockNames.js';
+
+var _Checkmark;
+const Item = aggregatedClasses('div')("".concat(indicatorItemBlockName), null, _ref => {
+  let {
+    active,
+    completed
+  } = _ref;
+  return {
+    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) {
+  let {
+    label = '',
+    icon = null,
+    iconCompleted = _Checkmark || (_Checkmark = /*#__PURE__*/_jsx(Checkmark, {})),
+    iconActive = null,
+    active = false,
+    completed = false,
+    index = 0
+  } = _ref2;
+  const currentIcon = useMemo(() => {
+    if (active) return iconActive;
+    if (completed) return iconCompleted;
+    return icon;
+  }, [active, completed]) || icon;
+  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,
+      completed
+    }
+  }, void 0, /*#__PURE__*/_jsx(Wrapper, {}, void 0, /*#__PURE__*/_jsx(BulletWrapper, {}, void 0, /*#__PURE__*/_jsx(Bullet, {}, void 0, iconWithOptions)), /*#__PURE__*/_jsx(Label, {}, void 0, label)));
+}
+
+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),
+  iconActive: PropTypes.element.description('Icon when the step is active'),
+  active: PropTypes.bool.description('Whether the step is active or not').defaultValue(false),
+  completed: PropTypes.bool.description('Whether the step is completed or not').defaultValue(false),
+  index: PropTypes.number.description('Current item index')
+};
+const WizzardStepWithSchema = describe(WizardStep);
+WizzardStepWithSchema.propTypes = wizzardStepProps;
+
+export { WizzardStepWithSchema, WizardStep as default };

package/esm/WizardSteps.js

@@ -0,0 +1,55 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+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 { jsx } from 'react/jsx-runtime';
+
+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(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 = aggregatedClasses('div')(indicatorBlockName);
+
+function WizardSteps(_ref) {
+  let {
+    current = 0,
+    steps,
+    children
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  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__*/jsx(StepsWrapper, _objectSpread(_objectSpread({}, otherProps), {}, {
+    children: items
+  }));
+}
+
+WizardSteps.Item = WizardStep;
+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')
+};
+const WizzardWithSchema = describe(WizardSteps);
+WizzardWithSchema.propTypes = wizzardProps;
+
+export { WizzardWithSchema, WizardSteps as default };

package/esm/blockNames.js

@@ -0,0 +1,5 @@
+const wizardBlockName = 'wizard';
+const indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
+const indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
+
+export { indicatorBlockName, indicatorItemBlockName, wizardBlockName };

package/esm/index.js

@@ -0,0 +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';

package/esm/stories/steps.js

@@ -0,0 +1,28 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+
+var _div, _div2, _div3, _div4;
+
+const Step1Content = () => _div || (_div = /*#__PURE__*/_jsx("div", {}, void 0, "Step 1 Content"));
+
+const Step2Content = () => _div2 || (_div2 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 2 Content"));
+
+const Step3Content = () => _div3 || (_div3 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 3 Content"));
+
+const Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx("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
+}];
+
+export { steps };

package/{dist/esm → esm}/useWizard.js

@@ -1,16 +1,21 @@
-import * as React from "react";
-import { useCallback } from "react";
-import { get, useDerivedStateFromProps } from "@elliemae/ds-utilities";
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useCallback } from 'react';
+import { useDerivedStateFromProps, get } from '@elliemae/ds-utilities';
+
 const checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;
-const checkCanPrevious = (prevIndex) => prevIndex - 1 >= 0;
+
+const checkCanPrevious = prevIndex => prevIndex - 1 >= 0;
+
 const noop = () => null;
-function useWizard({
-  steps: wizardSteps,
-  current,
-  onNext = noop,
-  onPrevious = noop,
-  initial = 0
-}) {
+
+function useWizard(_ref) {
+  let {
+    steps: wizardSteps,
+    current,
+    onNext = noop,
+    onPrevious = noop,
+    initial = 0
+  } = _ref;
   const [currentStep, setCurrentStep] = useDerivedStateFromProps(current || initial);
   const handleNext = useCallback(() => {
     if (checkCanNext(currentStep, wizardSteps)) {
@@ -30,10 +35,8 @@ function useWizard({
     previous: handlePrevious,
     canNext: checkCanNext(currentStep, wizardSteps),
     canPrevious: checkCanPrevious(currentStep),
-    WizardCurrentContent: get(wizardSteps, [currentStep, "content"], () => null)
+    WizardCurrentContent: get(wizardSteps, [currentStep, 'content'], () => null)
   };
 }
-export {
-  useWizard as default
-};
-//# sourceMappingURL=useWizard.js.map
+
+export { useWizard as default };

package/package.json

@@ -1,38 +1,35 @@
 {
   "name": "@elliemae/ds-wizard",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Wizard",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./WizardSteps": {
-      "import": "./dist/esm/WizardSteps.js",
-      "require": "./dist/cjs/WizardSteps.js"
+      "import": "./esm/WizardSteps.js",
+      "require": "./cjs/WizardSteps.js"
     },
     "./WizardStep": {
-      "import": "./dist/esm/WizardStep.js",
-      "require": "./dist/cjs/WizardStep.js"
+      "import": "./esm/WizardStep.js",
+      "require": "./cjs/WizardStep.js"
     },
     "./useWizard": {
-      "import": "./dist/esm/useWizard.js",
-      "require": "./dist/cjs/useWizard.js"
+      "import": "./esm/useWizard.js",
+      "require": "./cjs/useWizard.js"
     },
     "./stories/steps": {
-      "import": "./dist/esm/stories/steps.js",
-      "require": "./dist/cjs/stories/steps.js"
+      "import": "./esm/stories/steps.js",
+      "require": "./cjs/stories/steps.js"
     },
     "./blockNames": {
-      "import": "./dist/esm/blockNames.js",
-      "require": "./dist/cjs/blockNames.js"
+      "import": "./esm/blockNames.js",
+      "require": "./cjs/blockNames.js"
     }
   },
   "sideEffects": [
@@ -44,16 +41,22 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.8",
-    "@elliemae/ds-classnames": "2.3.0-alpha.8",
-    "@elliemae/ds-icons": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
-    "@elliemae/ds-wizard": "2.3.0-alpha.8",
+    "@elliemae/ds-button": "2.3.0-next.2",
+    "@elliemae/ds-classnames": "2.3.0-next.2",
+    "@elliemae/ds-icons": "2.3.0-next.2",
+    "@elliemae/ds-utilities": "2.3.0-next.2",
+    "@elliemae/ds-wizard": "2.3.0-next.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
@@ -64,12 +67,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "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,55 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <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: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        icon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        iconCompleted: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        iconActive: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        active: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        completed: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        index: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const WizzardStepWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { WizzardStepWithSchema };
+export default WizardStep;

package/types/WizardSteps.d.ts

@@ -0,0 +1,31 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <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: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        steps: any;
+        children: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const WizzardWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { WizzardWithSchema };
+export default WizardSteps;