@elliemae/ds-wizard 2.3.0-next.0 → 3.0.0-alpha.0

package/esm/WizardSteps.js

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

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

package/esm/index.js

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

@@ -1,28 +0,0 @@
-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/esm/stories/wizzard-overview.stories.js

@@ -1,52 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { useWizard, WizardStepsIndicator } from '@elliemae/ds-wizard';
-import DSButton from '@elliemae/ds-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 };