@elliemae/ds-wizard 2.3.0-alpha.7 → 2.3.0-next.1

package/package.json

@@ -1,38 +1,35 @@
 {
   "name": "@elliemae/ds-wizard",
-  "version": "2.3.0-alpha.7",
+  "version": "2.3.0-next.1",
   "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.7",
-    "@elliemae/ds-classnames": "2.3.0-alpha.7",
-    "@elliemae/ds-icons": "2.3.0-alpha.7",
-    "@elliemae/ds-utilities": "2.3.0-alpha.7",
-    "@elliemae/ds-wizard": "2.3.0-alpha.7",
+    "@elliemae/ds-button": "2.3.0-next.1",
+    "@elliemae/ds-classnames": "2.3.0-next.1",
+    "@elliemae/ds-icons": "2.3.0-next.1",
+    "@elliemae/ds-utilities": "2.3.0-next.1",
+    "@elliemae/ds-wizard": "2.3.0-next.1",
     "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;

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/dist/cjs/WizardStep.js

@@ -1,85 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var WizardStep_exports = {};
-__export(WizardStep_exports, {
-  WizzardStepWithSchema: () => WizzardStepWithSchema,
-  default: () => WizardStep_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_blockNames = require("./blockNames");
-const Item = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.indicatorItemBlockName}`, null, ({ active, completed }) => ({
-  active,
-  completed
-}));
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${import_blockNames.indicatorItemBlockName}-wrapper`);
-const Label = (0, import_ds_classnames.aggregatedClasses)("span")(import_blockNames.indicatorItemBlockName, "label");
-const Bullet = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.indicatorItemBlockName, "bullet");
-const BulletWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.indicatorItemBlockName, "bullet-wrapper");
-function WizardStep({
-  label = "",
-  icon = null,
-  iconCompleted = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, null),
-  iconActive = null,
-  active = false,
-  completed = false,
-  index = 0
-}) {
-  const currentIcon = (0, import_react.useMemo)(() => {
-    if (active)
-      return iconActive;
-    if (completed)
-      return iconCompleted;
-    return icon;
-  }, [active, completed]) || icon;
-  const iconWithOptions = (0, import_react.useMemo)(() => (0, import_react.isValidElement)(currentIcon) ? (0, import_react.cloneElement)(currentIcon, {
-    color: (0, import_ds_utilities.get)(currentIcon, ["props", "color"]) || ["brand-primary", completed ? 600 : 500]
-  }) : currentIcon || index + 1, [currentIcon]);
-  return /* @__PURE__ */ import_react.default.createElement(Item, {
-    classProps: { active, completed }
-  }, /* @__PURE__ */ import_react.default.createElement(Wrapper, null, /* @__PURE__ */ import_react.default.createElement(BulletWrapper, null, /* @__PURE__ */ import_react.default.createElement(Bullet, null, iconWithOptions)), /* @__PURE__ */ import_react.default.createElement(Label, null, label)));
-}
-const wizzardStepProps = {
-  label: import_react_desc.PropTypes.string.description("Step label"),
-  icon: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.string]).description("Default icon or number"),
-  iconCompleted: import_react_desc.PropTypes.element.description("Icon when the step is completed").defaultValue(import_ds_icons.Checkmark),
-  iconActive: import_react_desc.PropTypes.element.description("Icon when the step is active"),
-  active: import_react_desc.PropTypes.bool.description("Whether the step is active or not").defaultValue(false),
-  completed: import_react_desc.PropTypes.bool.description("Whether the step is completed or not").defaultValue(false),
-  index: import_react_desc.PropTypes.number.description("Current item index")
-};
-WizardStep.propTypes = wizzardStepProps;
-const WizzardStepWithSchema = (0, import_react_desc.describe)(WizardStep);
-WizzardStepWithSchema.propTypes = wizzardStepProps;
-var WizardStep_default = WizardStep;
-module.exports = __toCommonJS(WizardStep_exports);
-//# sourceMappingURL=WizardStep.js.map

package/dist/cjs/WizardStep.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/WizardStep.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA6D;AAC7D,wBAAoC;AACpC,2BAAkC;AAClC,0BAAoB;AACpB,sBAA0B;AAC1B,wBAAuC;AAEvC,MAAM,OAAO,4CAAkB,OAAO,GAAG,4CAA0B,MAAM,CAAC,EAAE,QAAQ,gBAAiB;AAAA,EACnG;AAAA,EACA;AAAA;AAEF,MAAM,UAAU,4CAAkB,OAAO,GAAG;AAC5C,MAAM,QAAQ,4CAAkB,QAAQ,0CAAwB;AAChE,MAAM,SAAS,4CAAkB,OAAO,0CAAwB;AAChE,MAAM,gBAAgB,4CAAkB,OAAO,0CAAwB;AAEvE,oBAAoB;AAAA,EAClB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,gBAAgB,mDAAC,2BAAD;AAAA,EAChB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,GACP;AACD,QAAM,cACJ,0BAAQ,MAAM;AACZ,QAAI;AAAQ,aAAO;AACnB,QAAI;AAAW,aAAO;AACtB,WAAO;AAAA,KACN,CAAC,QAAQ,eAAe;AAE7B,QAAM,kBAAkB,0BACtB,MACE,iCAAe,eACX,+BAAa,aAAa;AAAA,IACxB,OAAO,6BAAI,aAAa,CAAC,SAAS,aAAa,CAAC,iBAAiB,YAAY,MAAM;AAAA,OAErF,eAAe,QAAQ,GAC7B,CAAC;AAGH,SACE,mDAAC,MAAD;AAAA,IAAM,YAAY,EAAE,QAAQ;AAAA,KAC1B,mDAAC,SAAD,MACE,mDAAC,eAAD,MACE,mDAAC,QAAD,MAAS,mBAEX,mDAAC,OAAD,MAAQ;AAAA;AAMhB,MAAM,mBAAmB;AAAA,EACvB,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,UAAU,CAAC,4BAAU,SAAS,4BAAU,SAAS,YAAY;AAAA,EAC7E,eAAe,4BAAU,QAAQ,YAAY,mCAAmC,aAAa;AAAA,EAC7F,YAAY,4BAAU,QAAQ,YAAY;AAAA,EAC1C,QAAQ,4BAAU,KAAK,YAAY,qCAAqC,aAAa;AAAA,EACrF,WAAW,4BAAU,KAAK,YAAY,wCAAwC,aAAa;AAAA,EAC3F,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,WAAW,YAAY;AAEvB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAGlC,IAAO,qBAAQ;",
-  "names": []
-}

package/dist/cjs/WizardSteps.js

@@ -1,68 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var WizardSteps_exports = {};
-__export(WizardSteps_exports, {
-  WizzardWithSchema: () => WizzardWithSchema,
-  default: () => WizardSteps_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_WizardStep = __toESM(require("./WizardStep"));
-var import_blockNames = require("./blockNames");
-const StepsWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(import_blockNames.indicatorBlockName);
-function WizardSteps({ current = 0, steps, children, ...otherProps }) {
-  const items = (0, import_react.useMemo)(() => {
-    const mergeStepProps = (step, index) => ({
-      index,
-      active: current === index,
-      completed: index < current
-    });
-    return steps ? steps.map((step, index) => /* @__PURE__ */ import_react.default.createElement(import_WizardStep.default, {
-      key: index,
-      ...step,
-      ...mergeStepProps(step, index)
-    })) : import_react.default.Children.map(children, (item, index) => (0, import_react.cloneElement)(item, mergeStepProps(item, index)));
-  }, [current, children]);
-  return /* @__PURE__ */ import_react.default.createElement(StepsWrapper, {
-    ...otherProps
-  }, items);
-}
-WizardSteps.Item = import_WizardStep.default;
-const wizzardProps = {
-  current: import_react_desc.PropTypes.number.description("Current active state index").defaultValue(0),
-  steps: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({})).description("Array of steps objects").defaultValue([]).isRequired,
-  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.instanceOf(import_WizardStep.default)).description("List of WizardStep components")
-};
-WizardSteps.propTypes = wizzardProps;
-const WizzardWithSchema = (0, import_react_desc.describe)(WizardSteps);
-WizzardWithSchema.propTypes = wizzardProps;
-var WizardSteps_default = WizardSteps;
-module.exports = __toCommonJS(WizardSteps_exports);
-//# sourceMappingURL=WizardSteps.js.map

package/dist/cjs/WizardSteps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/WizardSteps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA6C;AAC7C,wBAAoC;AACpC,2BAAkC;AAClC,wBAAuB;AACvB,wBAAmC;AAEnC,MAAM,eAAe,4CAAkB,OAAO;AAE9C,qBAAqB,EAAE,UAAU,GAAG,OAAO,aAAa,cAAc;AACpE,QAAM,QAAQ,0BAAQ,MAAM;AAC1B,UAAM,iBAAiB,CAAC,MAAM,UAAW;AAAA,MACvC;AAAA,MACA,QAAQ,YAAY;AAAA,MACpB,WAAW,QAAQ;AAAA;AAGrB,WAAO,QACH,MAAM,IAAI,CAAC,MAAM,UACf,mDAAC,2BAAD;AAAA,MAAY,KAAK;AAAA,SAAW;AAAA,SAAU,eAAe,MAAM;AAAA,UAE7D,qBAAM,SAAS,IAAI,UAAU,CAAC,MAAM,UAClC,+BAAa,MAAM,eAAe,MAAM;AAAA,KAE7C,CAAC,SAAS;AAEb,SAAO,mDAAC,cAAD;AAAA,OAAkB;AAAA,KAAa;AAAA;AAGxC,YAAY,OAAO;AAEnB,MAAM,eAAe;AAAA,EACnB,SAAS,4BAAU,OAChB,YAAY,8BACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,QAAQ,4BAAU,MAAM,KACtC,YAAY,0BACZ,aAAa,IAAI;AAAA,EACpB,UAAU,4BAAU,QAAQ,4BAAU,WAAW,4BAAa,YAC5D;AAAA;AAIJ,YAAY,YAAY;AAExB,MAAM,oBAAoB,gCAAS;AACnC,kBAAkB,YAAY;AAG9B,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/cjs/blockNames.js

@@ -1,39 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var blockNames_exports = {};
-__export(blockNames_exports, {
-  indicatorBlockName: () => indicatorBlockName,
-  indicatorItemBlockName: () => indicatorItemBlockName,
-  wizardBlockName: () => wizardBlockName
-});
-var React = __toESM(require("react"));
-const wizardBlockName = "wizard";
-const indicatorBlockName = `${wizardBlockName}-steps-indicator`;
-const indicatorItemBlockName = `${indicatorBlockName}-step`;
-module.exports = __toCommonJS(blockNames_exports);
-//# sourceMappingURL=blockNames.js.map

package/dist/cjs/blockNames.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/blockNames.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const wizardBlockName = 'wizard';\nexport const indicatorBlockName = `${wizardBlockName}-steps-indicator`;\nexport const indicatorItemBlockName = `${indicatorBlockName}-step`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kBAAkB;AACxB,MAAM,qBAAqB,GAAG;AAC9B,MAAM,yBAAyB,GAAG;",
-  "names": []
-}

package/dist/cjs/index.js

@@ -1,41 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  WizardStep: () => import_WizardStep.default,
-  WizardStepsIndicator: () => import_WizardSteps.default,
-  WizzardStepWithSchema: () => import_WizardStep.WizzardStepWithSchema,
-  WizzardWithSchema: () => import_WizardSteps.WizzardWithSchema,
-  useWizard: () => import_useWizard.default
-});
-var React = __toESM(require("react"));
-var import_WizardSteps = __toESM(require("./WizardSteps"));
-var import_WizardStep = __toESM(require("./WizardStep"));
-var import_useWizard = __toESM(require("./useWizard"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import WizardStepsIndicator, { WizzardWithSchema } from './WizardSteps';\nimport WizardStep, { WizzardStepWithSchema } from './WizardStep';\nimport useWizard from './useWizard';\n\nexport {\n  useWizard,\n  WizardStepsIndicator,\n  WizardStep,\n  WizzardWithSchema,\n  WizzardStepWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAwD;AACxD,wBAAkD;AAClD,uBAAsB;",
-  "names": []
-}

package/dist/cjs/stories/steps.js

@@ -1,57 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var steps_exports = {};
-__export(steps_exports, {
-  steps: () => steps
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const Step1Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 1 Content");
-const Step2Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 2 Content");
-const Step3Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "Step 3 Content");
-const Step4Content = () => /* @__PURE__ */ import_react.default.createElement("div", null, "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
-  }
-];
-module.exports = __toCommonJS(steps_exports);
-//# sourceMappingURL=steps.js.map

package/dist/cjs/stories/steps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/steps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,MAAM,eAAe,MAAM,mDAAC,OAAD,MAAK;AAChC,MAAM,eAAe,MAAM,mDAAC,OAAD,MAAK;AAChC,MAAM,eAAe,MAAM,mDAAC,OAAD,MAAK;AAChC,MAAM,eAAe,MAAM,mDAAC,OAAD,MAAK;AAEzB,MAAM,QAAQ;AAAA,EACnB;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA;AAAA,EAEX;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA;AAAA,EAEX;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA;AAAA,EAEX;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA;AAAA;",
-  "names": []
-}