@elliemae/ds-stepper 3.5.0-rc.9 → 3.6.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/Stepper.js +11 -10
  2. package/dist/cjs/Stepper.js.map +1 -1
  3. package/dist/cjs/StepperButton.js +11 -6
  4. package/dist/cjs/StepperButton.js.map +2 -2
  5. package/dist/esm/Stepper.js +11 -10
  6. package/dist/esm/Stepper.js.map +1 -1
  7. package/dist/esm/StepperButton.js +11 -6
  8. package/dist/esm/StepperButton.js.map +2 -2
  9. package/package.json +6 -6
package/dist/cjs/Stepper.js CHANGED
@@ -29,6 +29,7 @@ __export(Stepper_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(Stepper_exports);
31
31
  var React = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
32
33
  var import_react = __toESM(require("react"));
33
34
  var import_uid = require("uid");
34
35
  var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -40,19 +41,19 @@ const DSStepper = (props) => {
40
41
  const { steps, current, visited } = propsWithDefaults;
41
42
  const stepsArray = import_react.default.useMemo(() => new Array(steps).fill(1), [steps]);
42
43
  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
43
- return /* @__PURE__ */ import_react.default.createElement(import_styled.StepperWrapper, {
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StepperWrapper, {
44
45
  steps,
45
46
  current,
46
47
  visited,
47
- ...globalAttributes
48
- }, stepsArray.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_styled.Step, {
49
- key: `${(0, import_uid.uid)(4)}step-key-${index}`,
50
- active: current === index,
51
- visited: visited.includes(index),
52
- "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
53
- "data-active": current === index,
54
- "data-visited": visited.includes(index)
55
- })));
48
+ ...globalAttributes,
49
+ children: stepsArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Step, {
50
+ active: current === index,
51
+ visited: visited.includes(index),
52
+ "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
53
+ "data-active": current === index,
54
+ "data-visited": visited.includes(index)
55
+ }, `${(0, import_uid.uid)(4)}step-key-${index}`))
56
+ });
56
57
  };
57
58
  DSStepper.propTypes = import_props.dsStepperProps;
58
59
  DSStepper.displayName = "DSStepper";
package/dist/cjs/Stepper.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Stepper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n} from '@elliemae/ds-utilities';\nimport { dsStepperProps, defaultProps, DSStepperInternalsT } 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAoB;AACpB,0BAKO;AACP,mBAAkE;AAClE,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,6BAAAA,QAAA,cAAC;AAAA,IAAe;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,KACnE,WAAW,IAAI,CAAC,MAAM,UACrB,6BAAAA,QAAA,cAAC;AAAA,IAEC,KAAK,OAAG,gBAAI,CAAC,aAAa;AAAA,IAC1B,QAAQ,YAAY;AAAA,IACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,IAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,IAC/E,eAAa,YAAY;AAAA,IACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA,GACtC,CACD,CACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,8BAAS,SAAS;AAC5C,kBAAkB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,iBAAoB;AACpB,0BAKO;AACP,mBAAkE;AAClE,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;",
6
6
  "names": ["React"]
7
7
  }
package/dist/cjs/StepperButton.js CHANGED
@@ -29,7 +29,7 @@ __export(StepperButton_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(StepperButton_exports);
31
31
  var React = __toESM(require("react"));
32
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
34
34
  var import_ds_button = require("@elliemae/ds-button");
35
35
  var import_ds_icons = require("@elliemae/ds-icons");
@@ -43,17 +43,22 @@ const DSStepperButton = (props) => {
43
43
  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperButtonProps);
44
44
  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
45
45
  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
46
- return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButton, {
46
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledButton, {
47
47
  disabled,
48
48
  onClick,
49
49
  innerRef,
50
50
  buttonType: import_ds_button.BUTTON_TYPES.TEXT,
51
51
  fontSize,
52
52
  "data-testid": "ds-stepper-btn",
53
- ...globalAttributes
54
- }, chevron === "left" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronLeft, null) : null, /* @__PURE__ */ import_react.default.createElement(import_styled.Label, {
55
- value: label
56
- }), chevron === "right" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, null) : null);
53
+ ...globalAttributes,
54
+ children: [
55
+ chevron === "left" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {}) : null,
56
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Label, {
57
+ value: label
58
+ }),
59
+ chevron === "right" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {}) : null
60
+ ]
61
+ });
57
62
  };
58
63
  DSStepperButton.propTypes = import_props.dsStepperButtonProps;
59
64
  DSStepperButton.displayName = "DSStepperButton";
package/dist/cjs/StepperButton.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/StepperButton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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 { dsStepperButtonProps, defaultButtonProps, DSStepperInternalsT } 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAC1C,mBAA8E;AAC9E,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,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,8BAAa;AAAA,IACzB;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,KAEH,YAAY,SAAS,6BAAAA,QAAA,cAAC,iCAAY,IAAK,MACxC,6BAAAA,QAAA,cAAC;AAAA,IAAM,OAAO;AAAA,GAAO,GACpB,YAAY,UAAU,6BAAAA,QAAA,cAAC,kCAAa,IAAK,IAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY;",
6
- "names": ["React"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAC1C,mBAA8E;AAC9E,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;",
6
+ "names": []
7
7
  }
package/dist/esm/Stepper.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
2
3
  import React2 from "react";
3
4
  import { uid } from "uid";
4
5
  import {
@@ -15,19 +16,19 @@ const DSStepper = (props) => {
15
16
  const { steps, current, visited } = propsWithDefaults;
16
17
  const stepsArray = React2.useMemo(() => new Array(steps).fill(1), [steps]);
17
18
  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
18
- return /* @__PURE__ */ React2.createElement(StepperWrapper, {
19
+ return /* @__PURE__ */ jsx(StepperWrapper, {
19
20
  steps,
20
21
  current,
21
22
  visited,
22
- ...globalAttributes
23
- }, stepsArray.map((item, index) => /* @__PURE__ */ React2.createElement(Step, {
24
- key: `${uid(4)}step-key-${index}`,
25
- active: current === index,
26
- visited: visited.includes(index),
27
- "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
28
- "data-active": current === index,
29
- "data-visited": visited.includes(index)
30
- })));
23
+ ...globalAttributes,
24
+ children: stepsArray.map((item, index) => /* @__PURE__ */ jsx(Step, {
25
+ active: current === index,
26
+ visited: visited.includes(index),
27
+ "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
28
+ "data-active": current === index,
29
+ "data-visited": visited.includes(index)
30
+ }, `${uid(4)}step-key-${index}`))
31
+ });
31
32
  };
32
33
  DSStepper.propTypes = dsStepperProps;
33
34
  DSStepper.displayName = "DSStepper";
package/dist/esm/Stepper.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Stepper.tsx"],
4
4
  "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 { dsStepperProps, defaultProps, DSStepperInternalsT } 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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,oBAAyC;AAClE,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,gBAAAA,OAAA,cAAC;AAAA,IAAe;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAmB,GAAG;AAAA,KACnE,WAAW,IAAI,CAAC,MAAM,UACrB,gBAAAA,OAAA,cAAC;AAAA,IAEC,KAAK,GAAG,IAAI,CAAC,aAAa;AAAA,IAC1B,QAAQ,YAAY;AAAA,IACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,IAC/B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,IAC/E,eAAa,YAAY;AAAA,IACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA,GACtC,CACD,CACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,oBAAyC;AAClE,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;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/StepperButton.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import {
4
4
  describe,
5
5
  useMemoMergePropsWithDefault,
@@ -18,17 +18,22 @@ const DSStepperButton = (props) => {
18
18
  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);
19
19
  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
20
20
  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
21
- return /* @__PURE__ */ React2.createElement(StyledButton, {
21
+ return /* @__PURE__ */ jsxs(StyledButton, {
22
22
  disabled,
23
23
  onClick,
24
24
  innerRef,
25
25
  buttonType: BUTTON_TYPES.TEXT,
26
26
  fontSize,
27
27
  "data-testid": "ds-stepper-btn",
28
- ...globalAttributes
29
- }, chevron === "left" ? /* @__PURE__ */ React2.createElement(ChevronLeft, null) : null, /* @__PURE__ */ React2.createElement(Label, {
30
- value: label
31
- }), chevron === "right" ? /* @__PURE__ */ React2.createElement(ChevronRight, null) : null);
28
+ ...globalAttributes,
29
+ children: [
30
+ chevron === "left" ? /* @__PURE__ */ jsx(ChevronLeft, {}) : null,
31
+ /* @__PURE__ */ jsx(Label, {
32
+ value: label
33
+ }),
34
+ chevron === "right" ? /* @__PURE__ */ jsx(ChevronRight, {}) : null
35
+ ]
36
+ });
32
37
  };
33
38
  DSStepperButton.propTypes = dsStepperButtonProps;
34
39
  DSStepperButton.displayName = "DSStepperButton";
package/dist/esm/StepperButton.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/StepperButton.tsx"],
4
4
  "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 { dsStepperButtonProps, defaultButtonProps, DSStepperInternalsT } 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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,aAAa,oBAAoB;AAC1C,SAAS,sBAAsB,0BAA+C;AAC9E,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,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,aAAa;AAAA,IACzB;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,KAEH,YAAY,SAAS,gBAAAA,OAAA,cAAC,iBAAY,IAAK,MACxC,gBAAAA,OAAA,cAAC;AAAA,IAAM,OAAO;AAAA,GAAO,GACpB,YAAY,UAAU,gBAAAA,OAAA,cAAC,kBAAa,IAAK,IAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
6
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,aAAa,oBAAoB;AAC1C,SAAS,sBAAsB,0BAA+C;AAC9E,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;",
6
+ "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-stepper",
3
- "version": "3.5.0-rc.9",
3
+ "version": "3.6.0-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Stepper",
6
6
  "files": [
@@ -51,11 +51,11 @@
51
51
  "indent": 4
52
52
  },
53
53
  "dependencies": {
54
- "@elliemae/ds-button": "3.5.0-rc.9",
55
- "@elliemae/ds-icons": "3.5.0-rc.9",
56
- "@elliemae/ds-system": "3.5.0-rc.9",
57
- "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.9",
58
- "@elliemae/ds-utilities": "3.5.0-rc.9",
54
+ "@elliemae/ds-button": "3.6.0-next.0",
55
+ "@elliemae/ds-icons": "3.6.0-next.0",
56
+ "@elliemae/ds-system": "3.6.0-next.0",
57
+ "@elliemae/ds-truncated-tooltip-text": "3.6.0-next.0",
58
+ "@elliemae/ds-utilities": "3.6.0-next.0",
59
59
  "lodash": "~4.17.21",
60
60
  "uid": "~2.0.0"
61
61
  },