@elliemae/ds-wizard 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DSWizard.stories.js

@@ -15,4 +15,4 @@ var DSWizard_stories = {
 };
 
 exports.Overview = wizzardOverview_stories.Overview;
-exports['default'] = DSWizard_stories;
+exports["default"] = DSWizard_stories;

package/cjs/WizardStep.js

@@ -6,57 +6,60 @@ 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, {
+  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)));
+  }, 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(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),
@@ -66,4 +69,4 @@ const WizzardStepWithSchema = reactDesc.describe(WizardStep);
 WizzardStepWithSchema.propTypes = wizzardStepProps;
 
 exports.WizzardStepWithSchema = WizzardStepWithSchema;
-exports['default'] = WizardStep;
+exports["default"] = WizardStep;

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');
@@ -21,7 +28,7 @@ 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; }
+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) {
@@ -30,7 +37,7 @@ function WizardSteps(_ref) {
     steps,
     children
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const items = React.useMemo(() => {
     const mergeStepProps = (step, index) => ({
@@ -39,21 +46,21 @@ function WizardSteps(_ref) {
       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)));
+    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'];
+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')
 };
 const WizzardWithSchema = reactDesc.describe(WizardSteps);
 WizzardWithSchema.propTypes = wizzardProps;
 
 exports.WizzardWithSchema = WizzardWithSchema;
-exports['default'] = WizardSteps;
+exports["default"] = WizardSteps;

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/index.js

@@ -8,8 +8,8 @@ var useWizard = require('./useWizard.js');
 
 
 
-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;

package/cjs/stories/steps.js

@@ -11,13 +11,13 @@ 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 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 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 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 Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 4 Content"));
 
 const steps = [{
   label: 'Step 1',

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');
 
@@ -26,31 +26,31 @@ const Overview = () => {
     steps: steps.steps
   });
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](dsWizard.WizardStepsIndicator, {
+    children: [/*#__PURE__*/_jsx__default["default"](dsWizard.WizardStepsIndicator, {
       current: current,
       steps: steps.steps
-    }), /*#__PURE__*/_jsx__default['default']("div", {
+    }), /*#__PURE__*/_jsx__default["default"]("div", {
       style: {
         margin: '10px 0',
         padding: 10,
         border: '1px solid #ddd'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](WizardCurrentContent, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](WizardCurrentContent, {
       data: {
         someExtraData: 'step information'
       }
-    })), /*#__PURE__*/_jsx__default['default']("div", {
+    })), /*#__PURE__*/_jsx__default["default"]("div", {
       style: {
         display: 'flex',
         width: 180,
         justifyContent: 'space-between'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "secondary",
       disabled: !canPrevious,
       labelText: "Previous",
       onClick: previous
-    }), /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    }), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       disabled: !canNext,
       labelText: "Next",
       onClick: next

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-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Wizard",
   "module": "./esm/index.js",
@@ -52,10 +52,13 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.1",
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "@elliemae/ds-utilities": "2.0.0-alpha.1",
-    "prop-types": "~15.7.2"
+    "@elliemae/ds-button": "2.0.0-alpha.13",
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-icons": "2.0.0-alpha.13",
+    "@elliemae/ds-utilities": "2.0.0-alpha.13",
+    "@elliemae/ds-wizard": "2.0.0-alpha.13",
+    "prop-types": "~15.7.2",
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",

package/types/WizardStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare function WizardStep({ label, icon, iconCompleted, iconActive, active, completed, index, }: {
     label?: string | undefined;
@@ -10,15 +11,53 @@ declare function WizardStep({ label, icon, iconCompleted, iconActive, active, co
 }): JSX.Element;
 declare namespace WizardStep {
     var propTypes: {
-        label: any;
-        icon: any;
-        iconCompleted: any;
-        iconActive: any;
-        active: any;
-        completed: any;
-        index: any;
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        icon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        iconCompleted: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        iconActive: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        active: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        completed: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        index: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const WizzardStepWithSchema: any;
+declare const WizzardStepWithSchema: {
+    (props?: {
+        label?: string | undefined;
+        icon?: null | undefined;
+        iconCompleted?: JSX.Element | undefined;
+        iconActive?: null | undefined;
+        active?: boolean | undefined;
+        completed?: boolean | undefined;
+        index?: number | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { WizzardStepWithSchema };
 export default WizardStep;

package/types/WizardSteps.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import WizardStep from './WizardStep';
 declare function WizardSteps({ current, steps, children, ...otherProps }: {
@@ -9,11 +10,27 @@ declare function WizardSteps({ current, steps, children, ...otherProps }: {
 declare namespace WizardSteps {
     var Item: typeof WizardStep;
     var propTypes: {
-        current: any;
+        current: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
         steps: any;
-        children: any;
+        children: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const WizzardWithSchema: any;
+declare const WizzardWithSchema: {
+    (props?: {
+        [x: string]: any;
+        current?: number | undefined;
+        steps: any;
+        children: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { WizzardWithSchema };
 export default WizardSteps;

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"
-  ]
-}