@elliemae/ds-stepper 2.3.1-rc.2 → 3.0.0-alpha.2

package/dist/esm/styled.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import styled from "styled-components";
+import { DSButtonV2 } from "@elliemae/ds-button";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+const StepperWrapper = styled.div`
+    display: grid;
+    align-items: center;
+    grid-template-columns repeat(${(props) => props.steps}, 1fr);
+    column-gap: ${(props) => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs};
+`;
+const Step = styled.div`
+  display: grid;
+  border-radius: 1px;
+  height: ${(props) => props.active ? "5px" : "3px"};
+  background: ${(props) => props.active || props.visited ? props.theme.colors.brand[700] : "#A9B1BE"};
+`;
+const Label = styled(SimpleTruncatedTooltipText)`
+  position: relative;
+  top: 1px;
+`;
+const StyledButton = styled(DSButtonV2)`
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100%;
+  padding-left: ${(props) => props.theme.space.xxs};
+  padding-right: ${(props) => props.theme.space.xxs};
+  color: ${(props) => props.theme.colors.brand[600]};
+  & > span:not(.em-ds-icon) {
+    position: relative;
+    top: ${(props) => props.fontSize === "large" ? "2px" : "1px"};
+    font-size: ${(props) => props.fontSize === "large" ? "22px" : "18px"};
+  }
+`;
+export {
+  Label,
+  Step,
+  StepperWrapper,
+  StyledButton
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSStepperInternalsT } from './props';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: center;\n    grid-template-columns repeat(${(props: DSStepperInternalsT.StepperPropsT) => props.steps}, 1fr);\n    column-gap: ${(props) => (props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs)};\n`;\n\ninterface StepProps {\n  active: boolean;\n  visited: boolean;\n}\n\nexport const Step = styled.div<StepProps>`\n  display: grid;\n  border-radius: 1px;\n  height: ${(props) => (props.active ? '5px' : '3px')};\n  background: ${(props) => (props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE')};\n`;\n\nexport const Label = styled(SimpleTruncatedTooltipText)`\n  position: relative;\n  top: 1px;\n`;\n\nexport const StyledButton = styled(DSButtonV2)`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  color: ${(props) => props.theme.colors.brand[600]};\n  & > span:not(.em-ds-icon) {\n    position: relative;\n    top: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '2px' : '1px')};\n    font-size: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '22px' : '18px')};\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,mCAGF,CAAC,UAA6C,MAAM;AAAA,kBACrE,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAQrF,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ;AAAA,gBAC/B,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGrF,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA,kBAIjB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@elliemae/ds-stepper",
-  "version": "2.3.1-rc.2",
+  "version": "3.0.0-alpha.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Stepper",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./styled": {
-      "import": "./esm/styled.js",
-      "require": "./cjs/styled.js"
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
     },
     "./StepperButton": {
-      "import": "./esm/StepperButton.js",
-      "require": "./cjs/StepperButton.js"
+      "import": "./dist/esm/StepperButton.js",
+      "require": "./dist/cjs/StepperButton.js"
     },
     "./Stepper": {
-      "import": "./esm/Stepper.js",
-      "require": "./cjs/Stepper.js"
+      "import": "./dist/esm/Stepper.js",
+      "require": "./dist/cjs/Stepper.js"
     },
     "./props": {
-      "import": "./esm/props.js",
-      "require": "./cjs/props.js"
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
     }
   },
   "sideEffects": [
@@ -37,39 +40,43 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "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"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.1-rc.2",
-    "@elliemae/ds-icons": "2.3.1-rc.2",
-    "@elliemae/ds-props-helpers": "2.3.1-rc.2",
-    "@elliemae/ds-system": "2.3.1-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.1-rc.2",
+    "@elliemae/ds-button": "3.0.0-alpha.2",
+    "@elliemae/ds-icons": "3.0.0-alpha.2",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.0",
-    "@testing-library/react": "~12.1.2",
-    "styled-components": "~5.3.3"
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.3"
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/Stepper.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-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 uid = require('uid');
-var reactDesc = require('react-desc');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var props = require('./props.js');
-var styled = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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__default["default"](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 DSStepper = props$1 => {
-  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.dsStepperProps);
-  const {
-    steps,
-    current,
-    visited
-  } = propsWithDefaults;
-  const stepsArray = React__default["default"].useMemo(() => new Array(steps).fill(1), [steps]);
-  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StepperWrapper, _objectSpread(_objectSpread({
-    steps: steps,
-    current: current,
-    visited: visited
-  }, globalAttributes), {}, {
-    children: stepsArray.map((item, index) => /*#__PURE__*/_jsx__default["default"](styled.Step // eslint-disable-next-line react/no-array-index-key
-    , {
-      active: current === index,
-      visited: visited.includes(index),
-      "data-testid": props$1['data-testid'] ? "".concat(props$1['data-testid'], "-step") : undefined,
-      "data-active": current === index,
-      "data-visited": visited.includes(index)
-    }, "".concat(uid.uid(4), "step-key-").concat(index)))
-  }));
-};
-
-const StepperWithSchema = reactDesc.describe(DSStepper);
-StepperWithSchema.propTypes = props.dsStepperProps;
-
-exports.DSStepper = DSStepper;
-exports.StepperWithSchema = StepperWithSchema;

package/cjs/StepperButton.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var dsButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var props = require('./props.js');
-var styled = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _ChevronLeft, _ChevronRight;
-
-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__default["default"](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 DSStepperButton = props$1 => {
-  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultButtonProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.dsStepperButtonProps);
-  const {
-    chevron,
-    fontSize,
-    label,
-    disabled,
-    onClick,
-    innerRef
-  } = propsWithDefaults;
-  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
-  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledButton, _objectSpread(_objectSpread({
-    disabled: disabled,
-    onClick: onClick,
-    innerRef: innerRef,
-    buttonType: dsButton.BUTTON_TYPES.TEXT,
-    fontSize: fontSize,
-    "data-testid": "ds-stepper-btn"
-  }, globalAttributes), {}, {
-    children: [chevron === 'left' ? _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {})) : null, /*#__PURE__*/_jsx__default["default"](styled.Label, {
-      value: label
-    }), chevron === 'right' ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {})) : null]
-  }));
-};
-
-const DSStepperButtonWithSchema = reactDesc.describe(DSStepperButton);
-DSStepperButtonWithSchema.propTypes = props.dsStepperButtonProps;
-
-exports.DSStepperButton = DSStepperButton;
-exports.DSStepperButtonWithSchema = DSStepperButtonWithSchema;

package/cjs/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Stepper = require('./Stepper.js');
-var StepperButton = require('./StepperButton.js');
-
-
-
-exports.DSStepper = Stepper.DSStepper;
-exports.StepperWithSchema = Stepper.StepperWithSchema;
-exports.DSStepperButton = StepperButton.DSStepperButton;
-exports.DSStepperButtonWithSchema = StepperButton.DSStepperButtonWithSchema;

package/cjs/props.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var lodash = require('lodash');
-var reactDesc = require('react-desc');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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 BUTTON_SIZES = {
-  normal: 'normal',
-  large: 'large'
-};
-const defaultProps = {
-  steps: 5,
-  current: undefined,
-  visited: []
-};
-const dsStepperProps = _objectSpread({
-  steps: reactDesc.PropTypes.number.description('Number of steps').isRequired,
-  current: reactDesc.PropTypes.number.description('Index of active step'),
-  visited: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('Array of visited steps').isRequired
-}, dsPropsHelpers.globalAttributesPropTypes);
-const defaultButtonProps = {
-  chevron: undefined,
-  fontSize: BUTTON_SIZES.normal,
-  disabled: false,
-  onClick: lodash.noop
-};
-const dsStepperButtonProps = _objectSpread(_objectSpread({
-  chevron: reactDesc.PropTypes.oneOf(['left', 'right', null]).description('Chevron icon position, if null/undefined no chevron will be shown').defaultValue(null),
-  fontSize: reactDesc.PropTypes.oneOf(['normal', 'large']).description('Label size, used for marking last step').defaultValue('normal'),
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Inner ref to button component.')
-}, dsPropsHelpers.globalAttributesPropTypes), {}, {
-  disabled: reactDesc.PropTypes.bool.description('Adds disabled state.'),
-  onClick: reactDesc.PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),
-  label: reactDesc.PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired
-});
-
-exports.defaultButtonProps = defaultButtonProps;
-exports.defaultProps = defaultProps;
-exports.dsStepperButtonProps = dsStepperButtonProps;
-exports.dsStepperProps = dsStepperProps;

package/cjs/styled.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsButton = require('@elliemae/ds-button');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StepperWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fgtqnq-0"
-})(["display:grid;align-items:center;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
-const Step = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-fgtqnq-1"
-})(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');
-const Label = /*#__PURE__*/styled__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText).withConfig({
-  componentId: "sc-fgtqnq-2"
-})(["position:relative;top:1px;"]);
-const StyledButton = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
-  componentId: "sc-fgtqnq-3"
-})(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";color:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.brand[600], props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
-
-exports.Label = Label;
-exports.Step = Step;
-exports.StepperWrapper = StepperWrapper;
-exports.StyledButton = StyledButton;

package/esm/Stepper.js

@@ -1,51 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-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 from 'react';
-import { uid } from 'uid';
-import { describe } from 'react-desc';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
-import { dsStepperProps, defaultProps } from './props.js';
-import { StepperWrapper, Step } from './styled.js';
-import { jsx } from 'react/jsx-runtime';
-
-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 DSStepper = props => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);
-  const {
-    steps,
-    current,
-    visited
-  } = propsWithDefaults;
-  const stepsArray = React.useMemo(() => new Array(steps).fill(1), [steps]);
-  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
-  return /*#__PURE__*/jsx(StepperWrapper, _objectSpread(_objectSpread({
-    steps: steps,
-    current: current,
-    visited: visited
-  }, globalAttributes), {}, {
-    children: stepsArray.map((item, index) => /*#__PURE__*/_jsx(Step // eslint-disable-next-line react/no-array-index-key
-    , {
-      active: current === index,
-      visited: visited.includes(index),
-      "data-testid": props['data-testid'] ? "".concat(props['data-testid'], "-step") : undefined,
-      "data-active": current === index,
-      "data-visited": visited.includes(index)
-    }, "".concat(uid(4), "step-key-").concat(index)))
-  }));
-};
-
-const StepperWithSchema = describe(DSStepper);
-StepperWithSchema.propTypes = dsStepperProps;
-
-export { DSStepper, StepperWithSchema };

package/esm/StepperButton.js

@@ -1,52 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
-import { BUTTON_TYPES } from '@elliemae/ds-button';
-import { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';
-import { dsStepperButtonProps, defaultButtonProps } from './props.js';
-import { StyledButton, Label } from './styled.js';
-import { jsxs } from 'react/jsx-runtime';
-
-var _ChevronLeft, _ChevronRight;
-
-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 DSStepperButton = props => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultButtonProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);
-  const {
-    chevron,
-    fontSize,
-    label,
-    disabled,
-    onClick,
-    innerRef
-  } = propsWithDefaults;
-  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
-  return /*#__PURE__*/jsxs(StyledButton, _objectSpread(_objectSpread({
-    disabled: disabled,
-    onClick: onClick,
-    innerRef: innerRef,
-    buttonType: BUTTON_TYPES.TEXT,
-    fontSize: fontSize,
-    "data-testid": "ds-stepper-btn"
-  }, globalAttributes), {}, {
-    children: [chevron === 'left' ? _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx(ChevronLeft, {})) : null, /*#__PURE__*/_jsx(Label, {
-      value: label
-    }), chevron === 'right' ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {})) : null]
-  }));
-};
-
-const DSStepperButtonWithSchema = describe(DSStepperButton);
-DSStepperButtonWithSchema.propTypes = dsStepperButtonProps;
-
-export { DSStepperButton, DSStepperButtonWithSchema };

package/esm/index.js

@@ -1,2 +0,0 @@
-export { DSStepper, StepperWithSchema } from './Stepper.js';
-export { DSStepperButton, DSStepperButtonWithSchema } from './StepperButton.js';

package/esm/props.js

@@ -1,44 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { noop } from 'lodash';
-import { PropTypes } from 'react-desc';
-import { globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
-
-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 BUTTON_SIZES = {
-  normal: 'normal',
-  large: 'large'
-};
-const defaultProps = {
-  steps: 5,
-  current: undefined,
-  visited: []
-};
-const dsStepperProps = _objectSpread({
-  steps: PropTypes.number.description('Number of steps').isRequired,
-  current: PropTypes.number.description('Index of active step'),
-  visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps').isRequired
-}, globalAttributesPropTypes);
-const defaultButtonProps = {
-  chevron: undefined,
-  fontSize: BUTTON_SIZES.normal,
-  disabled: false,
-  onClick: noop
-};
-const dsStepperButtonProps = _objectSpread(_objectSpread({
-  chevron: PropTypes.oneOf(['left', 'right', null]).description('Chevron icon position, if null/undefined no chevron will be shown').defaultValue(null),
-  fontSize: PropTypes.oneOf(['normal', 'large']).description('Label size, used for marking last step').defaultValue('normal'),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.')
-}, globalAttributesPropTypes), {}, {
-  disabled: PropTypes.bool.description('Adds disabled state.'),
-  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),
-  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired
-});
-
-export { defaultButtonProps, defaultProps, dsStepperButtonProps, dsStepperProps };

package/esm/styled.js

@@ -1,18 +0,0 @@
-import styled from 'styled-components';
-import { DSButtonV2 } from '@elliemae/ds-button';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-
-const StepperWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-fgtqnq-0"
-})(["display:grid;align-items:center;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
-const Step = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-fgtqnq-1"
-})(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');
-const Label = /*#__PURE__*/styled(SimpleTruncatedTooltipText).withConfig({
-  componentId: "sc-fgtqnq-2"
-})(["position:relative;top:1px;"]);
-const StyledButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-fgtqnq-3"
-})(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";color:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.brand[600], props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
-
-export { Label, Step, StepperWrapper, StyledButton };