@elliemae/ds-modal 3.4.3-rc.1 → 3.4.3

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 (64) hide show
  1. package/dist/cjs/DSModal.js +7 -4
  2. package/dist/cjs/DSModal.js.map +2 -2
  3. package/dist/cjs/constants.js +4 -1
  4. package/dist/cjs/constants.js.map +1 -1
  5. package/dist/cjs/index.js +4 -1
  6. package/dist/cjs/index.js.map +2 -2
  7. package/dist/cjs/v1/DSModal.js +68 -44
  8. package/dist/cjs/v1/DSModal.js.map +2 -2
  9. package/dist/cjs/v1/DSModalType.js +4 -1
  10. package/dist/cjs/v1/DSModalType.js.map +1 -1
  11. package/dist/cjs/v1/DSModalWrapper.js +4 -1
  12. package/dist/cjs/v1/DSModalWrapper.js.map +1 -1
  13. package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js +14 -10
  14. package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +1 -1
  15. package/dist/cjs/v2/DSModal.js +35 -25
  16. package/dist/cjs/v2/DSModal.js.map +2 -2
  17. package/dist/cjs/v2/blocks.js +12 -5
  18. package/dist/cjs/v2/blocks.js.map +1 -1
  19. package/dist/cjs/v2/components/DecisionHeader.js +14 -10
  20. package/dist/cjs/v2/components/DecisionHeader.js.map +2 -2
  21. package/dist/cjs/v2/components/FeedbackIcon.js +14 -10
  22. package/dist/cjs/v2/components/FeedbackIcon.js.map +1 -1
  23. package/dist/cjs/v2/components/Footer.js +29 -21
  24. package/dist/cjs/v2/components/Footer.js.map +2 -2
  25. package/dist/cjs/v2/components/FormHeader.js +23 -15
  26. package/dist/cjs/v2/components/FormHeader.js.map +2 -2
  27. package/dist/cjs/v2/components/ModalContent.js +48 -35
  28. package/dist/cjs/v2/components/ModalContent.js.map +1 -1
  29. package/dist/cjs/v2/components/SelectionHeader.js +20 -12
  30. package/dist/cjs/v2/components/SelectionHeader.js.map +1 -1
  31. package/dist/cjs/v2/components/Title.js +9 -5
  32. package/dist/cjs/v2/components/Title.js.map +1 -1
  33. package/dist/cjs/v2/helpers.js +4 -1
  34. package/dist/cjs/v2/helpers.js.map +1 -1
  35. package/dist/esm/DSModal.js +3 -3
  36. package/dist/esm/DSModal.js.map +1 -1
  37. package/dist/esm/constants.js.map +1 -1
  38. package/dist/esm/index.js.map +2 -2
  39. package/dist/esm/v1/DSModal.js +64 -43
  40. package/dist/esm/v1/DSModal.js.map +1 -1
  41. package/dist/esm/v1/DSModalType.js.map +1 -1
  42. package/dist/esm/v1/DSModalWrapper.js.map +1 -1
  43. package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js +10 -9
  44. package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js.map +1 -1
  45. package/dist/esm/v2/DSModal.js +31 -24
  46. package/dist/esm/v2/DSModal.js.map +1 -1
  47. package/dist/esm/v2/blocks.js +8 -4
  48. package/dist/esm/v2/blocks.js.map +1 -1
  49. package/dist/esm/v2/components/DecisionHeader.js +10 -9
  50. package/dist/esm/v2/components/DecisionHeader.js.map +1 -1
  51. package/dist/esm/v2/components/FeedbackIcon.js +10 -9
  52. package/dist/esm/v2/components/FeedbackIcon.js.map +1 -1
  53. package/dist/esm/v2/components/Footer.js +25 -20
  54. package/dist/esm/v2/components/Footer.js.map +1 -1
  55. package/dist/esm/v2/components/FormHeader.js +19 -14
  56. package/dist/esm/v2/components/FormHeader.js.map +1 -1
  57. package/dist/esm/v2/components/ModalContent.js +44 -34
  58. package/dist/esm/v2/components/ModalContent.js.map +1 -1
  59. package/dist/esm/v2/components/SelectionHeader.js +16 -11
  60. package/dist/esm/v2/components/SelectionHeader.js.map +1 -1
  61. package/dist/esm/v2/components/Title.js +5 -4
  62. package/dist/esm/v2/components/Title.js.map +1 -1
  63. package/dist/esm/v2/helpers.js.map +1 -1
  64. package/package.json +9 -9
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/Footer.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalFooter, ModalFooterActions } from '../blocks';\n\nexport const Footer = ({\n additionalFooterCssClass,\n actionsRef,\n rejectLabel,\n onReject,\n overridePropsRejectButton,\n confirmLabel,\n onConfirm,\n overridePropsConfirmButton,\n showRejectButton,\n}) => (\n <ModalFooter classProps={{ additionalFooterCssClass }} data-testid=\"modal-footer-wrapper\">\n <ModalFooterActions ref={actionsRef}>\n {showRejectButton === true && (\n <DSButton\n buttonType=\"secondary\"\n className=\"action-reject\"\n containerProps={{ 'data-testid': 'modal-footer-reject-btn' }}\n labelText={rejectLabel}\n onClick={onReject}\n {...overridePropsRejectButton}\n />\n )}\n <DSButton\n buttonType=\"primary\"\n className=\"action-confirm\"\n containerProps={{ 'data-testid': 'modal-footer-confirm-btn' }}\n labelText={confirmLabel}\n onClick={onConfirm}\n {...overridePropsConfirmButton}\n />\n </ModalFooterActions>\n </ModalFooter>\n);\n\nexport default Footer;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EAAY,YAAY,EAAE,yBAAyB;AAAA,EAAG,eAAY;AAAA,GACjE,qCAAC;AAAA,EAAmB,KAAK;AAAA,GACtB,qBAAqB,QACpB,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,EAC3D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,GAEF,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,CACF,CACF;AAGF,IAAO,iBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,OAAO,cAAc;AACrB,SAAS,aAAa,0BAA0B;AAEzC,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EAAY,YAAY,EAAE,yBAAyB;AAAA,EAAG,eAAY;AAAA,EACjE,+BAAC;AAAA,IAAmB,KAAK;AAAA,IACtB;AAAA,2BAAqB,QACpB,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,QAC3D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA,MAEF,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,QAC5D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA;AAAA,GACF;AAAA,CACF;AAGF,IAAO,iBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,22 +1,27 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { Close } from "@elliemae/ds-icons";
4
4
  import DSButton from "@elliemae/ds-button";
5
5
  import { ModalHeader, ModalHeaderTopRight } from "../blocks";
6
6
  import { Title } from "./Title";
7
- const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
8
- classProps: { type: "selection" }
9
- }, /* @__PURE__ */ React2.createElement(Title, {
10
- modalTitle,
11
- modalType
12
- }), /* @__PURE__ */ React2.createElement(ModalHeaderTopRight, {
13
- classProps: { type: "form" }
14
- }, showClose && /* @__PURE__ */ React2.createElement(DSButton, {
15
- buttonType: "link",
16
- containerProps: { "data-testid": "modal-close-btn" },
17
- icon: /* @__PURE__ */ React2.createElement(Close, null),
18
- onClick: onClose
19
- })));
7
+ const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ jsxs(ModalHeader, {
8
+ classProps: { type: "selection" },
9
+ children: [
10
+ /* @__PURE__ */ jsx(Title, {
11
+ modalTitle,
12
+ modalType
13
+ }),
14
+ /* @__PURE__ */ jsx(ModalHeaderTopRight, {
15
+ classProps: { type: "form" },
16
+ children: showClose && /* @__PURE__ */ jsx(DSButton, {
17
+ buttonType: "link",
18
+ containerProps: { "data-testid": "modal-close-btn" },
19
+ icon: /* @__PURE__ */ jsx(Close, {}),
20
+ onClick: onClose
21
+ })
22
+ })
23
+ ]
24
+ });
20
25
  var FormHeader_default = FormHeader;
21
26
  export {
22
27
  FormHeader,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/FormHeader.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks';\nimport { Title } from './Title';\n\nexport const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => (\n <ModalHeader classProps={{ type: 'selection' }}>\n <Title modalTitle={modalTitle} modalType={modalType} />\n <ModalHeaderTopRight classProps={{ type: 'form' }}>\n {showClose && (\n <DSButton\n buttonType=\"link\"\n containerProps={{ 'data-testid': 'modal-close-btn' }}\n icon={<Close />}\n onClick={onClose}\n />\n )}\n </ModalHeaderTopRight>\n </ModalHeader>\n);\n\nexport default FormHeader;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,cAC7D,qCAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,GAC3C,qCAAC;AAAA,EAAM;AAAA,EAAwB;AAAA,CAAsB,GACrD,qCAAC;AAAA,EAAoB,YAAY,EAAE,MAAM,OAAO;AAAA,GAC7C,aACC,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,EACnD,MAAM,qCAAC,WAAM;AAAA,EACb,SAAS;AAAA,CACX,CAEJ,CACF;AAGF,IAAO,qBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,QAAQ,MACrE,qBAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,EAC3C;AAAA,wBAAC;AAAA,MAAM;AAAA,MAAwB;AAAA,KAAsB;AAAA,IACrD,oBAAC;AAAA,MAAoB,YAAY,EAAE,MAAM,OAAO;AAAA,MAC7C,uBACC,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,gBAAgB,EAAE,eAAe,kBAAkB;AAAA,QACnD,MAAM,oBAAC,SAAM;AAAA,QACb,SAAS;AAAA,OACX;AAAA,KAEJ;AAAA;AAAA,CACF;AAGF,IAAO,qBAAQ;",
6
6
  "names": []
7
7
  }
@@ -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 { MODAL_TYPE_V2 } from "../../constants";
4
4
  import { SelectionHeader } from "./SelectionHeader";
5
5
  import { DecisionHeader } from "./DecisionHeader";
@@ -34,39 +34,49 @@ const DSModalContent = ({
34
34
  rejectLabel = "Discard",
35
35
  confirmLabel = "Save",
36
36
  removePadding = false
37
- }) => /* @__PURE__ */ React2.createElement(ModalWrapper, {
38
- ...containerProps
39
- }, showForm({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(FormHeader, {
40
- modalTitle,
41
- modalType,
42
- onClose,
43
- showClose
44
- }), showSelection({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(SelectionHeader, {
45
- modalTitle,
46
- modalType,
47
- searchProps,
48
- showClose
49
- }), showDecision({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(DecisionHeader, {
50
- onClose,
51
- showClose
52
- }), showFeedBack({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(FeedbackIcon, {
53
- modalSubType
54
- }), showDecision({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(Title, {
55
- modalTitle,
56
- modalType
57
- }), /* @__PURE__ */ React2.createElement(ModalContent, {
58
- classProps: { type: modalType, removePadding }
59
- }, children), showFooter({ modalType, modalSubType }) && /* @__PURE__ */ React2.createElement(Footer, {
60
- actionsRef,
61
- additionalFooterCssClass,
62
- confirmLabel,
63
- onConfirm,
64
- onReject,
65
- overridePropsConfirmButton,
66
- overridePropsRejectButton,
67
- rejectLabel,
68
- showRejectButton
69
- }));
37
+ }) => /* @__PURE__ */ jsxs(ModalWrapper, {
38
+ ...containerProps,
39
+ children: [
40
+ showForm({ modalType, modalSubType }) && /* @__PURE__ */ jsx(FormHeader, {
41
+ modalTitle,
42
+ modalType,
43
+ onClose,
44
+ showClose
45
+ }),
46
+ showSelection({ modalType, modalSubType }) && /* @__PURE__ */ jsx(SelectionHeader, {
47
+ modalTitle,
48
+ modalType,
49
+ searchProps,
50
+ showClose
51
+ }),
52
+ showDecision({ modalType, modalSubType }) && /* @__PURE__ */ jsx(DecisionHeader, {
53
+ onClose,
54
+ showClose
55
+ }),
56
+ showFeedBack({ modalType, modalSubType }) && /* @__PURE__ */ jsx(FeedbackIcon, {
57
+ modalSubType
58
+ }),
59
+ showDecision({ modalType, modalSubType }) && /* @__PURE__ */ jsx(Title, {
60
+ modalTitle,
61
+ modalType
62
+ }),
63
+ /* @__PURE__ */ jsx(ModalContent, {
64
+ classProps: { type: modalType, removePadding },
65
+ children
66
+ }),
67
+ showFooter({ modalType, modalSubType }) && /* @__PURE__ */ jsx(Footer, {
68
+ actionsRef,
69
+ additionalFooterCssClass,
70
+ confirmLabel,
71
+ onConfirm,
72
+ onReject,
73
+ overridePropsConfirmButton,
74
+ overridePropsRejectButton,
75
+ rejectLabel,
76
+ showRejectButton
77
+ })
78
+ ]
79
+ });
70
80
  export {
71
81
  DSModalContent
72
82
  };
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/ModalContent.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { MODAL_TYPE_V2 } from '../../constants';\nimport { SelectionHeader } from './SelectionHeader';\nimport { DecisionHeader } from './DecisionHeader';\nimport { FormHeader } from './FormHeader';\nimport { FeedbackIcon } from './FeedbackIcon';\nimport { Footer } from './Footer';\nimport { Title } from './Title';\nimport {\n showDecision,\n showFeedBack,\n showFooter,\n showSelection,\n showForm,\n} from '../helpers';\nimport { ModalContent, ModalWrapper } from '../blocks';\n\nexport const DSModalContent = ({\n containerProps = {},\n //\n modalType = MODAL_TYPE_V2.INFORMATION,\n modalSubType = null,\n modalTitle = '',\n showRejectButton = false,\n showClose = true,\n searchProps = {},\n // override\n actionsRef = () => null,\n additionalFooterCssClass,\n overridePropsConfirmButton = {},\n overridePropsRejectButton = {},\n // react modal\n children,\n onClose = () => null,\n onConfirm = () => null,\n onReject = () => null,\n rejectLabel = 'Discard',\n confirmLabel = 'Save',\n removePadding = false,\n}) => (\n <ModalWrapper {...containerProps}>\n {showForm({ modalType, modalSubType }) && (\n <FormHeader\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={onClose}\n showClose={showClose}\n />\n )}\n {showSelection({ modalType, modalSubType }) && (\n <SelectionHeader\n modalTitle={modalTitle}\n modalType={modalType}\n searchProps={searchProps}\n showClose={showClose}\n />\n )}\n {showDecision({ modalType, modalSubType }) && (\n <DecisionHeader onClose={onClose} showClose={showClose} />\n )}\n {showFeedBack({ modalType, modalSubType }) && (\n <FeedbackIcon modalSubType={modalSubType} />\n )}\n {showDecision({ modalType, modalSubType }) && (\n <Title modalTitle={modalTitle} modalType={modalType} />\n )}\n <ModalContent classProps={{ type: modalType, removePadding }}>\n {children}\n </ModalContent>\n {showFooter({ modalType, modalSubType }) && (\n <Footer\n actionsRef={actionsRef}\n additionalFooterCssClass={additionalFooterCssClass}\n confirmLabel={confirmLabel}\n onConfirm={onConfirm}\n onReject={onReject}\n overridePropsConfirmButton={overridePropsConfirmButton}\n overridePropsRejectButton={overridePropsRejectButton}\n rejectLabel={rejectLabel}\n showRejectButton={showRejectButton}\n />\n )}\n </ModalWrapper>\n);\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,CAAC;AAAA,EAElB,YAAY,cAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA,EAEf,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B,CAAC;AAAA,EAC9B,4BAA4B,CAAC;AAAA,EAE7B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,MAEhB,qCAAC;AAAA,EAAc,GAAG;AAAA,GACf,SAAS,EAAE,WAAW,aAAa,CAAC,KACnC,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF,GAED,cAAc,EAAE,WAAW,aAAa,CAAC,KACxC,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF,GAED,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,qCAAC;AAAA,EAAe;AAAA,EAAkB;AAAA,CAAsB,GAEzD,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,qCAAC;AAAA,EAAa;AAAA,CAA4B,GAE3C,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,qCAAC;AAAA,EAAM;AAAA,EAAwB;AAAA,CAAsB,GAEvD,qCAAC;AAAA,EAAa,YAAY,EAAE,MAAM,WAAW,cAAc;AAAA,GACxD,QACH,GACC,WAAW,EAAE,WAAW,aAAa,CAAC,KACrC,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF,CAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,oBAAoB;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB,CAAC;AAAA,EAElB,YAAY,cAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA,EAEf,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B,CAAC;AAAA,EAC9B,4BAA4B,CAAC;AAAA,EAE7B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAClB,MACE,qBAAC;AAAA,EAAc,GAAG;AAAA,EACf;AAAA,aAAS,EAAE,WAAW,aAAa,CAAC,KACnC,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IAED,cAAc,EAAE,WAAW,aAAa,CAAC,KACxC,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IAED,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,oBAAC;AAAA,MAAe;AAAA,MAAkB;AAAA,KAAsB;AAAA,IAEzD,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,oBAAC;AAAA,MAAa;AAAA,KAA4B;AAAA,IAE3C,aAAa,EAAE,WAAW,aAAa,CAAC,KACvC,oBAAC;AAAA,MAAM;AAAA,MAAwB;AAAA,KAAsB;AAAA,IAEvD,oBAAC;AAAA,MAAa,YAAY,EAAE,MAAM,WAAW,cAAc;AAAA,MACxD;AAAA,KACH;AAAA,IACC,WAAW,EAAE,WAAW,aAAa,CAAC,KACrC,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA;AAAA,CAEJ;",
6
6
  "names": []
7
7
  }
@@ -1,19 +1,24 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { DSSearchBox } from "@elliemae/ds-form";
4
4
  import { ModalHeader, ModalHeaderTopRight } from "../blocks";
5
5
  import { Title } from "./Title";
6
- const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
7
- classProps: { type: "selection" }
8
- }, /* @__PURE__ */ React2.createElement(Title, {
9
- modalTitle,
10
- modalType
11
- }), showClose && /* @__PURE__ */ React2.createElement(ModalHeaderTopRight, {
6
+ const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => /* @__PURE__ */ jsxs(ModalHeader, {
12
7
  classProps: { type: "selection" },
13
- "data-testid": "modal-search-box"
14
- }, /* @__PURE__ */ React2.createElement(DSSearchBox, {
15
- ...searchProps
16
- })));
8
+ children: [
9
+ /* @__PURE__ */ jsx(Title, {
10
+ modalTitle,
11
+ modalType
12
+ }),
13
+ showClose && /* @__PURE__ */ jsx(ModalHeaderTopRight, {
14
+ classProps: { type: "selection" },
15
+ "data-testid": "modal-search-box",
16
+ children: /* @__PURE__ */ jsx(DSSearchBox, {
17
+ ...searchProps
18
+ })
19
+ })
20
+ ]
21
+ });
17
22
  var SelectionHeader_default = SelectionHeader;
18
23
  export {
19
24
  SelectionHeader,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/SelectionHeader.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { ModalHeader, ModalHeaderTopRight } from '../blocks';\nimport { Title } from './Title';\n\nexport const SelectionHeader = ({ searchProps = {}, modalTitle, modalType, showClose }) => (\n <ModalHeader classProps={{ type: 'selection' }}>\n <Title modalTitle={modalTitle} modalType={modalType} />\n {showClose && (\n <ModalHeaderTopRight classProps={{ type: 'selection' }} data-testid=\"modal-search-box\">\n <DSSearchBox {...searchProps} />\n </ModalHeaderTopRight>\n )}\n </ModalHeader>\n);\n\nexport default SelectionHeader;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,gBACzE,qCAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,GAC3C,qCAAC;AAAA,EAAM;AAAA,EAAwB;AAAA,CAAsB,GACpD,aACC,qCAAC;AAAA,EAAoB,YAAY,EAAE,MAAM,YAAY;AAAA,EAAG,eAAY;AAAA,GAClE,qCAAC;AAAA,EAAa,GAAG;AAAA,CAAa,CAChC,CAEJ;AAGF,IAAO,0BAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,mBAAmB;AAC5B,SAAS,aAAa,2BAA2B;AACjD,SAAS,aAAa;AAEf,MAAM,kBAAkB,CAAC,EAAE,cAAc,CAAC,GAAG,YAAY,WAAW,UAAU,MACnF,qBAAC;AAAA,EAAY,YAAY,EAAE,MAAM,YAAY;AAAA,EAC3C;AAAA,wBAAC;AAAA,MAAM;AAAA,MAAwB;AAAA,KAAsB;AAAA,IACpD,aACC,oBAAC;AAAA,MAAoB,YAAY,EAAE,MAAM,YAAY;AAAA,MAAG,eAAY;AAAA,MAClE,8BAAC;AAAA,QAAa,GAAG;AAAA,OAAa;AAAA,KAChC;AAAA;AAAA,CAEJ;AAGF,IAAO,0BAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,9 +1,10 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { ModalTitle } from "../blocks";
4
- const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ React2.createElement(ModalTitle, {
5
- classProps: { type: modalType }
6
- }, modalTitle);
4
+ const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ jsx(ModalTitle, {
5
+ classProps: { type: modalType },
6
+ children: modalTitle
7
+ });
7
8
  var Title_default = Title;
8
9
  export {
9
10
  Title,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/Title.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { ModalTitle } from '../blocks';\n\nexport const Title = ({ modalTitle, modalType }) => (\n <ModalTitle classProps={{ type: modalType }}>{modalTitle}</ModalTitle>\n);\n\nexport default Title;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AAEO,MAAM,QAAQ,CAAC,EAAE,YAAY,gBAClC,qCAAC;AAAA,EAAW,YAAY,EAAE,MAAM,UAAU;AAAA,GAAI,UAAW;AAG3D,IAAO,gBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,kBAAkB;AAEpB,MAAM,QAAQ,CAAC,EAAE,YAAY,UAAU,MAC5C,oBAAC;AAAA,EAAW,YAAY,EAAE,MAAM,UAAU;AAAA,EAAI;AAAA,CAAW;AAG3D,IAAO,gBAAQ;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/helpers.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants';\n\nexport function showDecision({ modalType }) {\n return (\n [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1\n );\n}\n\nexport function showFeedBack({ modalType, modalSubType }) {\n return (\n showDecision({ modalType }) &&\n Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1\n );\n}\n\nexport function showFooter({ modalType }) {\n return modalType !== MODAL_TYPE_V2.INFORMATION;\n}\n\nexport function showSelection({ modalType }) {\n return modalType === MODAL_TYPE_V2.SELECTION;\n}\nexport function showForm({ modalType }) {\n return modalType === MODAL_TYPE_V2.FORM;\n}\n"],
5
- "mappings": "AAAA;ACAA;AAEO,sBAAsB,EAAE,aAAa;AAC1C,SACE,CAAC,cAAc,aAAa,cAAc,QAAQ,EAAE,QAAQ,SAAS,IAAI;AAE7E;AAEO,sBAAsB,EAAE,WAAW,gBAAgB;AACxD,SACE,aAAa,EAAE,UAAU,CAAC,KAC1B,OAAO,OAAO,iBAAiB,EAAE,QAAQ,YAAY,IAAI;AAE7D;AAEO,oBAAoB,EAAE,aAAa;AACxC,SAAO,cAAc,cAAc;AACrC;AAEO,uBAAuB,EAAE,aAAa;AAC3C,SAAO,cAAc,cAAc;AACrC;AACO,kBAAkB,EAAE,aAAa;AACtC,SAAO,cAAc,cAAc;AACrC;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,yBAAyB;AAE1C,SAAS,aAAa,EAAE,UAAU,GAAG;AAC1C,SACE,CAAC,cAAc,aAAa,cAAc,QAAQ,EAAE,QAAQ,SAAS,IAAI;AAE7E;AAEO,SAAS,aAAa,EAAE,WAAW,aAAa,GAAG;AACxD,SACE,aAAa,EAAE,UAAU,CAAC,KAC1B,OAAO,OAAO,iBAAiB,EAAE,QAAQ,YAAY,IAAI;AAE7D;AAEO,SAAS,WAAW,EAAE,UAAU,GAAG;AACxC,SAAO,cAAc,cAAc;AACrC;AAEO,SAAS,cAAc,EAAE,UAAU,GAAG;AAC3C,SAAO,cAAc,cAAc;AACrC;AACO,SAAS,SAAS,EAAE,UAAU,GAAG;AACtC,SAAO,cAAc,cAAc;AACrC;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-modal",
3
- "version": "3.4.3-rc.1",
3
+ "version": "3.4.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Modal",
6
6
  "files": [
@@ -99,14 +99,14 @@
99
99
  "indent": 4
100
100
  },
101
101
  "dependencies": {
102
- "@elliemae/ds-button": "3.4.3-rc.1",
103
- "@elliemae/ds-classnames": "3.4.3-rc.1",
104
- "@elliemae/ds-form": "3.4.3-rc.1",
105
- "@elliemae/ds-icon": "3.4.3-rc.1",
106
- "@elliemae/ds-icons": "3.4.3-rc.1",
107
- "@elliemae/ds-shared": "3.4.3-rc.1",
108
- "@elliemae/ds-system": "3.4.3-rc.1",
109
- "@elliemae/ds-utilities": "3.4.3-rc.1",
102
+ "@elliemae/ds-button": "3.4.3",
103
+ "@elliemae/ds-classnames": "3.4.3",
104
+ "@elliemae/ds-form": "3.4.3",
105
+ "@elliemae/ds-icon": "3.4.3",
106
+ "@elliemae/ds-icons": "3.4.3",
107
+ "@elliemae/ds-shared": "3.4.3",
108
+ "@elliemae/ds-system": "3.4.3",
109
+ "@elliemae/ds-utilities": "3.4.3",
110
110
  "prop-types": "~15.8.1",
111
111
  "react-modal": "~3.15.1",
112
112
  "styled-components": "~5.3.5"