@elliemae/ds-stepper 3.12.0-rc.2 → 3.12.0-rc.20

package/dist/cjs/DSStepperDefinitions.js

@@ -0,0 +1,34 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSStepperDefinitions_exports = {};
+__export(DSStepperDefinitions_exports, {
+  DSStepperButtonName: () => DSStepperButtonName,
+  DSStepperName: () => DSStepperName
+});
+module.exports = __toCommonJS(DSStepperDefinitions_exports);
+var React = __toESM(require("react"));
+const DSStepperName = "DSStepper";
+const DSStepperButtonName = "DSStepperButton";
+//# sourceMappingURL=DSStepperDefinitions.js.map

package/dist/cjs/DSStepperDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSStepperDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSStepperName = 'DSStepper';\n\nexport const DSStepperButtonName = 'DSStepperButton';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;",
+  "names": []
+}

package/dist/cjs/Stepper.js

@@ -35,28 +35,27 @@ var import_uid = require("uid");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_props = require("./props");
 var import_styled = require("./styled");
+var import_DSStepperDefinitions = require("./DSStepperDefinitions");
 const DSStepper = (props) => {
   const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperProps);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperProps, import_DSStepperDefinitions.DSStepperName);
   const { steps, current, visited } = propsWithDefaults;
   const stepsArray = import_react.default.useMemo(() => new Array(steps).fill(1), [steps]);
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StepperWrapper, {
-    steps,
-    current,
-    visited,
-    ...globalAttributes,
-    children: stepsArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Step, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StepperWrapper, { steps, current, visited, ...globalAttributes, children: stepsArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.Step,
+    {
       active: current === index,
       visited: visited.includes(index),
       "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
       "data-active": current === index,
       "data-visited": visited.includes(index)
-    }, `${(0, import_uid.uid)(4)}step-key-${index}`))
-  });
+    },
+    `${(0, import_uid.uid)(4)}step-key-${index}`
+  )) });
 };
 DSStepper.propTypes = import_props.dsStepperProps;
-DSStepper.displayName = "DSStepper";
+DSStepper.displayName = import_DSStepperDefinitions.DSStepperName;
 const StepperWithSchema = (0, import_ds_utilities.describe)(DSStepper);
 StepperWithSchema.propTypes = import_props.dsStepperProps;
 //# sourceMappingURL=Stepper.js.map

package/dist/cjs/Stepper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Stepper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperProps, defaultProps } from './props';\nimport { Step, StepperWrapper } from './styled';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\nDSStepper.displayName = 'DSStepper';\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBf;AAvBR,mBAAkB;AAClB,iBAAoB;AACpB,0BAKO;AAEP,mBAA6C;AAC7C,oBAAqC;AAErC,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,wBAAoB,kDAA6B,OAAO,yBAAY;AAC1E,0DAA+B,mBAAmB,2BAAc;AAEhE,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,uBAAmB,4CAAuB,iBAAiB;AAEjE,SACE,4CAAC;AAAA,IAAe;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,IACnE,qBAAW,IAAI,CAAC,MAAM,UACrB,4CAAC;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA,OAL/B,OAAG,gBAAI,CAAC,aAAa,OAM5B,CACD;AAAA,GACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,8BAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperProps, defaultProps } from './props';\nimport { Step, StepperWrapper } from './styled';\nimport { DSStepperName } from './DSStepperDefinitions';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\nDSStepper.displayName = DSStepperName;\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBf;AAxBR,mBAAkB;AAClB,iBAAoB;AACpB,0BAKO;AAEP,mBAA6C;AAC7C,oBAAqC;AACrC,kCAA8B;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,wBAAoB,kDAA6B,OAAO,yBAAY;AAC1E,0DAA+B,mBAAmB,6BAAgB,yCAAa;AAE/E,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,uBAAmB,4CAAuB,iBAAiB;AAEjE,SACE,4CAAC,gCAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,OAAG,gBAAI,CAAC,aAAa;AAAA,EAM5B,CACD,GACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,8BAAS,SAAS;AAC5C,kBAAkB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/StepperButton.js

@@ -35,33 +35,35 @@ var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_props = require("./props");
 var import_styled = require("./styled");
+var import_DSStepperDefinitions = require("./DSStepperDefinitions");
 const DSStepperButton = (props) => {
   const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(
     props,
     import_props.defaultButtonProps
   );
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperButtonProps);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperButtonProps, import_DSStepperDefinitions.DSStepperButtonName);
   const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledButton, {
-    disabled,
-    onClick,
-    innerRef,
-    buttonType: import_ds_button.BUTTON_TYPES.TEXT,
-    fontSize,
-    "data-testid": "ds-stepper-btn",
-    ...globalAttributes,
-    children: [
-      chevron === "left" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {}) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Label, {
-        value: label
-      }),
-      chevron === "right" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {}) : null
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledButton,
+    {
+      disabled,
+      onClick,
+      innerRef,
+      buttonType: import_ds_button.BUTTON_TYPES.TEXT,
+      fontSize,
+      "data-testid": "ds-stepper-btn",
+      ...globalAttributes,
+      children: [
+        chevron === "left" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {}) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Label, { value: label }),
+        chevron === "right" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {}) : null
+      ]
+    }
+  );
 };
 DSStepperButton.propTypes = import_props.dsStepperButtonProps;
-DSStepperButton.displayName = "DSStepperButton";
+DSStepperButton.displayName = import_DSStepperDefinitions.DSStepperButtonName;
 const DSStepperButtonWithSchema = (0, import_ds_utilities.describe)(DSStepperButton);
 DSStepperButtonWithSchema.propTypes = import_props.dsStepperButtonProps;
 //# sourceMappingURL=StepperButton.js.map

package/dist/cjs/StepperButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/StepperButton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperButtonProps, defaultButtonProps } from './props';\nimport { StyledButton, Label } from './styled';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = 'DSStepperButton';\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAvBJ,0BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAE1C,mBAAyD;AACzD,oBAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,0DAA+B,mBAAmB,iCAAoB;AAEtE,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB,4CAAuB,iBAAiB;AAEjE,SACE,6CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,8BAAa;AAAA,IACzB;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IAEH;AAAA,kBAAY,SAAS,4CAAC,+BAAY,IAAK;AAAA,MACxC,4CAAC;AAAA,QAAM,OAAO;AAAA,OAAO;AAAA,MACpB,YAAY,UAAU,4CAAC,gCAAa,IAAK;AAAA;AAAA,GAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperButtonProps, defaultButtonProps } from './props';\nimport { StyledButton, Label } from './styled';\nimport { DSStepperButtonName } from './DSStepperDefinitions';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = DSStepperButtonName;\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAxBJ,0BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAE1C,mBAAyD;AACzD,oBAAoC;AACpC,kCAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,0DAA+B,mBAAmB,mCAAsB,+CAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB,4CAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,8BAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,4CAAC,+BAAY,IAAK;AAAA,QACxC,4CAAC,uBAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,4CAAC,gCAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": []
 }

package/dist/esm/DSStepperDefinitions.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const DSStepperName = "DSStepper";
+const DSStepperButtonName = "DSStepperButton";
+export {
+  DSStepperButtonName,
+  DSStepperName
+};
+//# sourceMappingURL=DSStepperDefinitions.js.map

package/dist/esm/DSStepperDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSStepperDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSStepperName = 'DSStepper';\n\nexport const DSStepperButtonName = 'DSStepperButton';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;",
+  "names": []
+}

package/dist/esm/Stepper.js

@@ -10,28 +10,27 @@ import {
 } from "@elliemae/ds-utilities";
 import { dsStepperProps, defaultProps } from "./props";
 import { Step, StepperWrapper } from "./styled";
+import { DSStepperName } from "./DSStepperDefinitions";
 const DSStepper = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);
   const { steps, current, visited } = propsWithDefaults;
   const stepsArray = React2.useMemo(() => new Array(steps).fill(1), [steps]);
   const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
-  return /* @__PURE__ */ jsx(StepperWrapper, {
-    steps,
-    current,
-    visited,
-    ...globalAttributes,
-    children: stepsArray.map((item, index) => /* @__PURE__ */ jsx(Step, {
+  return /* @__PURE__ */ jsx(StepperWrapper, { steps, current, visited, ...globalAttributes, children: stepsArray.map((item, index) => /* @__PURE__ */ jsx(
+    Step,
+    {
       active: current === index,
       visited: visited.includes(index),
       "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
       "data-active": current === index,
       "data-visited": visited.includes(index)
-    }, `${uid(4)}step-key-${index}`))
-  });
+    },
+    `${uid(4)}step-key-${index}`
+  )) });
 };
 DSStepper.propTypes = dsStepperProps;
-DSStepper.displayName = "DSStepper";
+DSStepper.displayName = DSStepperName;
 const StepperWithSchema = describe(DSStepper);
 StepperWithSchema.propTypes = dsStepperProps;
 export {

package/dist/esm/Stepper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Stepper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperProps, defaultProps } from './props';\nimport { Step, StepperWrapper } from './styled';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\nDSStepper.displayName = 'DSStepper';\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuBf;AAvBR,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,MAAM,sBAAsB;AAErC,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,cAAc;AAEhE,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAaA,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,oBAAC;AAAA,IAAe;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,IACnE,qBAAW,IAAI,CAAC,MAAM,UACrB,oBAAC;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA,OAL/B,GAAG,IAAI,CAAC,aAAa,OAM5B,CACD;AAAA,GACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperProps, defaultProps } from './props';\nimport { Step, StepperWrapper } from './styled';\nimport { DSStepperName } from './DSStepperDefinitions';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\nDSStepper.displayName = DSStepperName;\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwBf;AAxBR,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,MAAM,sBAAsB;AACrC,SAAS,qBAAqB;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,gBAAgB,aAAa;AAE/E,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAaA,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,oBAAC,kBAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,GAAG,IAAI,CAAC,aAAa;AAAA,EAM5B,CACD,GACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
   "names": ["React"]
 }

package/dist/esm/StepperButton.js

@@ -10,33 +10,35 @@ import { BUTTON_TYPES } from "@elliemae/ds-button";
 import { ChevronLeft, ChevronRight } from "@elliemae/ds-icons";
 import { dsStepperButtonProps, defaultButtonProps } from "./props";
 import { StyledButton, Label } from "./styled";
+import { DSStepperButtonName } from "./DSStepperDefinitions";
 const DSStepperButton = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(
     props,
     defaultButtonProps
   );
-  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);
   const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
   const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
-  return /* @__PURE__ */ jsxs(StyledButton, {
-    disabled,
-    onClick,
-    innerRef,
-    buttonType: BUTTON_TYPES.TEXT,
-    fontSize,
-    "data-testid": "ds-stepper-btn",
-    ...globalAttributes,
-    children: [
-      chevron === "left" ? /* @__PURE__ */ jsx(ChevronLeft, {}) : null,
-      /* @__PURE__ */ jsx(Label, {
-        value: label
-      }),
-      chevron === "right" ? /* @__PURE__ */ jsx(ChevronRight, {}) : null
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    StyledButton,
+    {
+      disabled,
+      onClick,
+      innerRef,
+      buttonType: BUTTON_TYPES.TEXT,
+      fontSize,
+      "data-testid": "ds-stepper-btn",
+      ...globalAttributes,
+      children: [
+        chevron === "left" ? /* @__PURE__ */ jsx(ChevronLeft, {}) : null,
+        /* @__PURE__ */ jsx(Label, { value: label }),
+        chevron === "right" ? /* @__PURE__ */ jsx(ChevronRight, {}) : null
+      ]
+    }
+  );
 };
 DSStepperButton.propTypes = dsStepperButtonProps;
-DSStepperButton.displayName = "DSStepperButton";
+DSStepperButton.displayName = DSStepperButtonName;
 const DSStepperButtonWithSchema = describe(DSStepperButton);
 DSStepperButtonWithSchema.propTypes = dsStepperButtonProps;
 export {

package/dist/esm/StepperButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/StepperButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperButtonProps, defaultButtonProps } from './props';\nimport { StyledButton, Label } from './styled';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = 'DSStepperButton';\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBnB,SASwB,KATxB;AAvBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,aAAa,oBAAoB;AAE1C,SAAS,sBAAsB,0BAA0B;AACzD,SAAS,cAAc,aAAa;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,iCAA+B,mBAAmB,oBAAoB;AAEtE,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,qBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,aAAa;AAAA,IACzB;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IAEH;AAAA,kBAAY,SAAS,oBAAC,eAAY,IAAK;AAAA,MACxC,oBAAC;AAAA,QAAM,OAAO;AAAA,OAAO;AAAA,MACpB,YAAY,UAAU,oBAAC,gBAAa,IAAK;AAAA;AAAA,GAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperButtonProps, defaultButtonProps } from './props';\nimport { StyledButton, Label } from './styled';\nimport { DSStepperButtonName } from './DSStepperDefinitions';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = DSStepperButtonName;\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBnB,SASwB,KATxB;AAxBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,aAAa,oBAAoB;AAE1C,SAAS,sBAAsB,0BAA0B;AACzD,SAAS,cAAc,aAAa;AACpC,SAAS,2BAA2B;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,iCAA+B,mBAAmB,sBAAsB,mBAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,aAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,oBAAC,eAAY,IAAK;AAAA,QACxC,oBAAC,SAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,oBAAC,gBAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-stepper",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Stepper",
   "files": [
@@ -51,14 +51,14 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.12.0-rc.2",
-    "@elliemae/ds-icons": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
     "lodash": "~4.17.21",
     "prop-types": "~15.8.1",
-    "uid": "~2.0.0"
+    "uid": "~2.0.0",
+    "@elliemae/ds-button": "3.12.0-rc.20",
+    "@elliemae/ds-icons": "3.12.0-rc.20",
+    "@elliemae/ds-utilities": "3.12.0-rc.20",
+    "@elliemae/ds-system": "3.12.0-rc.20",
+    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.20"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",