@elliemae/ds-wizard 2.0.0-next.0 → 2.0.0-next.13

package/cjs/WizardStep.js

@@ -6,44 +6,47 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
-var utils = require('@elliemae/ds-utilities/utils');
-var Checkmark = require('@elliemae/ds-icons/Checkmark');
+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__default = /*#__PURE__*/_interopDefaultLegacy(Checkmark);
 
 var _Checkmark;
-const Item = dsClassnames.aggregatedClasses('div')(`${blockNames.indicatorItemBlockName}`, null, ({
-  active,
-  completed
-}) => ({
-  active,
-  completed
-}));
-const Wrapper = dsClassnames.aggregatedClasses('div')(`${blockNames.indicatorItemBlockName}-wrapper`);
+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({
-  label = '',
-  icon = null,
-  iconCompleted = _Checkmark || (_Checkmark = /*#__PURE__*/_jsx__default["default"](Checkmark__default["default"], {})),
-  iconActive = null,
-  active = false,
-  completed = false,
-  index = 0
-}) {
+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: utils.get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500]
+    color: dsUtilities.get(currentIcon, ['props', 'color']) || ['brand-primary', completed ? 600 : 500]
   }) : currentIcon || index + 1, [currentIcon]);
   return /*#__PURE__*/_jsx__default["default"](Item, {
     classProps: {
@@ -56,7 +59,7 @@ function WizardStep({
 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(Checkmark__default["default"]),
+  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),

package/cjs/WizardSteps.js

@@ -4,6 +4,13 @@ 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');

package/cjs/blockNames.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const wizardBlockName = 'wizard';
-const indicatorBlockName = `${wizardBlockName}-steps-indicator`;
-const indicatorItemBlockName = `${indicatorBlockName}-step`;
+const indicatorBlockName = "".concat(wizardBlockName, "-steps-indicator");
+const indicatorItemBlockName = "".concat(indicatorBlockName, "-step");
 
 exports.indicatorBlockName = indicatorBlockName;
 exports.indicatorItemBlockName = indicatorItemBlockName;

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

@@ -5,7 +5,7 @@ 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 DSButton = require('@elliemae/ds-button');
 var steps = require('./steps.js');
 var jsxRuntime = require('react/jsx-runtime');
 

package/cjs/useWizard.js

@@ -1,12 +1,8 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-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 useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
+var dsUtilities = require('@elliemae/ds-utilities');
 
 const checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;
 
@@ -14,14 +10,15 @@ const checkCanPrevious = prevIndex => prevIndex - 1 >= 0;
 
 const noop = () => null;
 
-function useWizard({
-  steps: wizardSteps,
-  current,
-  onNext = noop,
-  onPrevious = noop,
-  initial = 0
-}) {
-  const [currentStep, setCurrentStep] = useDerivedStateFromProps__default["default"](current || initial);
+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);
@@ -40,7 +37,7 @@ function useWizard({
     previous: handlePrevious,
     canNext: checkCanNext(currentStep, wizardSteps),
     canPrevious: checkCanPrevious(currentStep),
-    WizardCurrentContent: utils.get(wizardSteps, [currentStep, 'content'], () => null)
+    WizardCurrentContent: dsUtilities.get(wizardSteps, [currentStep, 'content'], () => null)
   };
 }
 

package/esm/WizardStep.js

@@ -2,32 +2,36 @@ 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/utils';
-import Checkmark from '@elliemae/ds-icons/Checkmark';
+import { get } from '@elliemae/ds-utilities';
+import { Checkmark } from '@elliemae/ds-icons';
 import { indicatorItemBlockName } from './blockNames.js';
 
 var _Checkmark;
-const Item = aggregatedClasses('div')(`${indicatorItemBlockName}`, null, ({
-  active,
-  completed
-}) => ({
-  active,
-  completed
-}));
-const Wrapper = aggregatedClasses('div')(`${indicatorItemBlockName}-wrapper`);
+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({
-  label = '',
-  icon = null,
-  iconCompleted = _Checkmark || (_Checkmark = /*#__PURE__*/_jsx(Checkmark, {})),
-  iconActive = null,
-  active = false,
-  completed = false,
-  index = 0
-}) {
+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;

package/esm/WizardSteps.js

@@ -1,5 +1,12 @@
 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';

package/esm/blockNames.js

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

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

@@ -1,7 +1,7 @@
 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 DSButton from '@elliemae/ds-button';
 import { steps } from './steps.js';
 import { jsxs, Fragment } from 'react/jsx-runtime';
 

package/esm/useWizard.js

@@ -1,6 +1,6 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useCallback } from 'react';
-import { get } from '@elliemae/ds-utilities/utils';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
+import { useDerivedStateFromProps, get } from '@elliemae/ds-utilities';
 
 const checkCanNext = (prevIndex, array) => array.length > prevIndex + 1;
 
@@ -8,13 +8,14 @@ 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)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-wizard",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Wizard",
   "module": "./esm/index.js",
@@ -52,10 +52,12 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-next.0",
-    "@elliemae/ds-classnames": "2.0.0-next.0",
-    "@elliemae/ds-utilities": "2.0.0-next.0",
-    "prop-types": "~15.7.2"
+    "@elliemae/ds-basic": "2.0.0-next.13",
+    "@elliemae/ds-classnames": "2.0.0-next.13",
+    "@elliemae/ds-icons": "2.0.0-next.13",
+    "@elliemae/ds-utilities": "2.0.0-next.13",
+    "prop-types": "~15.7.2",
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}