@elliemae/ds-modal 2.3.0-alpha.8 → 2.3.0-next.10

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 (125) hide show
  1. package/cjs/DSModal.js +186 -0
  2. package/cjs/constants.js +34 -0
  3. package/cjs/index.js +18 -0
  4. package/cjs/v1/DSModal.js +148 -0
  5. package/cjs/v1/DSModalType.js +7 -0
  6. package/cjs/v1/DSModalWrapper.js +166 -0
  7. package/cjs/v1/ModalFeedBack/ModalFeedBack.js +98 -0
  8. package/cjs/v2/DSModal.js +203 -0
  9. package/cjs/v2/blocks.js +88 -0
  10. package/cjs/v2/components/DecisionHeader.js +38 -0
  11. package/cjs/v2/components/FeedbackIcon.js +64 -0
  12. package/cjs/v2/components/Footer.js +66 -0
  13. package/cjs/v2/components/FormHeader.js +47 -0
  14. package/cjs/v2/components/ModalContent.js +112 -0
  15. package/cjs/v2/components/SelectionHeader.js +49 -0
  16. package/cjs/v2/components/Title.js +26 -0
  17. package/cjs/v2/helpers.js +45 -0
  18. package/esm/DSModal.js +175 -0
  19. package/esm/constants.js +26 -0
  20. package/esm/index.js +4 -0
  21. package/esm/v1/DSModal.js +139 -0
  22. package/esm/v1/DSModalType.js +3 -0
  23. package/esm/v1/DSModalWrapper.js +160 -0
  24. package/esm/v1/ModalFeedBack/ModalFeedBack.js +92 -0
  25. package/esm/v2/DSModal.js +192 -0
  26. package/esm/v2/blocks.js +77 -0
  27. package/esm/v2/components/DecisionHeader.js +28 -0
  28. package/esm/v2/components/FeedbackIcon.js +55 -0
  29. package/esm/v2/components/Footer.js +55 -0
  30. package/esm/v2/components/FormHeader.js +37 -0
  31. package/esm/v2/components/ModalContent.js +103 -0
  32. package/esm/v2/components/SelectionHeader.js +39 -0
  33. package/esm/v2/components/Title.js +17 -0
  34. package/esm/v2/helpers.js +37 -0
  35. package/package.json +56 -58
  36. package/types/DSModal.d.ts +14 -0
  37. package/types/constants.d.ts +25 -0
  38. package/types/index.d.ts +4 -0
  39. package/types/v1/DSModal.d.ts +143 -0
  40. package/types/v1/DSModalType.d.ts +1 -0
  41. package/types/v1/ModalFeedBack/ModalFeedBack.d.ts +11 -0
  42. package/types/v2/DSModal.d.ts +231 -0
  43. package/types/v2/blocks.d.ts +9 -0
  44. package/types/v2/components/DecisionHeader.d.ts +6 -0
  45. package/types/v2/components/FeedbackIcon.d.ts +5 -0
  46. package/types/v2/components/Footer.d.ts +13 -0
  47. package/types/v2/components/FormHeader.d.ts +8 -0
  48. package/types/v2/components/ModalContent.d.ts +21 -0
  49. package/types/v2/components/SelectionHeader.d.ts +8 -0
  50. package/types/v2/components/Title.d.ts +6 -0
  51. package/types/v2/components/tests/DecisionHeader.test.d.ts +1 -0
  52. package/types/v2/components/tests/FeedbackIcon.test.d.ts +1 -0
  53. package/types/v2/components/tests/Footer.test.d.ts +1 -0
  54. package/types/v2/components/tests/FormHeader.test.d.ts +1 -0
  55. package/types/v2/components/tests/SelectionHeader.test.d.ts +1 -0
  56. package/types/v2/helpers.d.ts +16 -0
  57. package/types/v2/tests/DSModal.test.d.ts +1 -0
  58. package/dist/cjs/DSModal.js +0 -88
  59. package/dist/cjs/DSModal.js.map +0 -7
  60. package/dist/cjs/constants.js +0 -73
  61. package/dist/cjs/constants.js.map +0 -7
  62. package/dist/cjs/index.js +0 -43
  63. package/dist/cjs/index.js.map +0 -7
  64. package/dist/cjs/v1/DSModal.js +0 -177
  65. package/dist/cjs/v1/DSModal.js.map +0 -7
  66. package/dist/cjs/v1/DSModalType.js +0 -45
  67. package/dist/cjs/v1/DSModalType.js.map +0 -7
  68. package/dist/cjs/v1/DSModalWrapper.js +0 -129
  69. package/dist/cjs/v1/DSModalWrapper.js.map +0 -7
  70. package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js +0 -103
  71. package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +0 -7
  72. package/dist/cjs/v2/DSModal.js +0 -160
  73. package/dist/cjs/v2/DSModal.js.map +0 -7
  74. package/dist/cjs/v2/blocks.js +0 -71
  75. package/dist/cjs/v2/blocks.js.map +0 -7
  76. package/dist/cjs/v2/components/DecisionHeader.js +0 -48
  77. package/dist/cjs/v2/components/DecisionHeader.js.map +0 -7
  78. package/dist/cjs/v2/components/FeedbackIcon.js +0 -73
  79. package/dist/cjs/v2/components/FeedbackIcon.js.map +0 -7
  80. package/dist/cjs/v2/components/Footer.js +0 -69
  81. package/dist/cjs/v2/components/Footer.js.map +0 -7
  82. package/dist/cjs/v2/components/FormHeader.js +0 -54
  83. package/dist/cjs/v2/components/FormHeader.js.map +0 -7
  84. package/dist/cjs/v2/components/ModalContent.js +0 -96
  85. package/dist/cjs/v2/components/ModalContent.js.map +0 -7
  86. package/dist/cjs/v2/components/SelectionHeader.js +0 -51
  87. package/dist/cjs/v2/components/SelectionHeader.js.map +0 -7
  88. package/dist/cjs/v2/components/Title.js +0 -41
  89. package/dist/cjs/v2/components/Title.js.map +0 -7
  90. package/dist/cjs/v2/helpers.js +0 -54
  91. package/dist/cjs/v2/helpers.js.map +0 -7
  92. package/dist/esm/DSModal.js +0 -59
  93. package/dist/esm/DSModal.js.map +0 -7
  94. package/dist/esm/constants.js +0 -44
  95. package/dist/esm/constants.js.map +0 -7
  96. package/dist/esm/index.js +0 -14
  97. package/dist/esm/index.js.map +0 -7
  98. package/dist/esm/v1/DSModal.js +0 -148
  99. package/dist/esm/v1/DSModal.js.map +0 -7
  100. package/dist/esm/v1/DSModalType.js +0 -16
  101. package/dist/esm/v1/DSModalType.js.map +0 -7
  102. package/dist/esm/v1/DSModalWrapper.js +0 -100
  103. package/dist/esm/v1/DSModalWrapper.js.map +0 -7
  104. package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js +0 -74
  105. package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js.map +0 -7
  106. package/dist/esm/v2/DSModal.js +0 -131
  107. package/dist/esm/v2/DSModal.js.map +0 -7
  108. package/dist/esm/v2/blocks.js +0 -42
  109. package/dist/esm/v2/blocks.js.map +0 -7
  110. package/dist/esm/v2/components/DecisionHeader.js +0 -19
  111. package/dist/esm/v2/components/DecisionHeader.js.map +0 -7
  112. package/dist/esm/v2/components/FeedbackIcon.js +0 -44
  113. package/dist/esm/v2/components/FeedbackIcon.js.map +0 -7
  114. package/dist/esm/v2/components/Footer.js +0 -40
  115. package/dist/esm/v2/components/Footer.js.map +0 -7
  116. package/dist/esm/v2/components/FormHeader.js +0 -25
  117. package/dist/esm/v2/components/FormHeader.js.map +0 -7
  118. package/dist/esm/v2/components/ModalContent.js +0 -73
  119. package/dist/esm/v2/components/ModalContent.js.map +0 -7
  120. package/dist/esm/v2/components/SelectionHeader.js +0 -22
  121. package/dist/esm/v2/components/SelectionHeader.js.map +0 -7
  122. package/dist/esm/v2/components/Title.js +0 -12
  123. package/dist/esm/v2/components/Title.js.map +0 -7
  124. package/dist/esm/v2/helpers.js +0 -25
  125. package/dist/esm/v2/helpers.js.map +0 -7
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/blocks.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'modal-v2';\n\nexport const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', ({ type, showClose }) => ({\n [type]: type,\n 'with-close': showClose,\n}));\n\nexport const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', ({ type }) => ({\n [type]: type,\n}));\n\nexport const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', ({ type }) => ({\n [type]: type,\n}));\n\nexport const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', ({ type }) => ({\n [type]: type,\n}));\n\nexport const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', ({ type, removePadding }) => ({\n [type]: type,\n 'remove-padding': removePadding,\n}));\n\nexport const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', ({ type, removePadding }) => ({\n [type]: type,\n 'remove-padding': removePadding,\n}));\n\nexport const ModalFooter = aggregatedClasses('div')(\n blockName,\n 'modal-footer',\n ({ type, additionalFooterCssClass }) => ({\n [type]: type,\n [additionalFooterCssClass]: additionalFooterCssClass,\n }),\n);\n\nexport const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', ({ type }) => ({\n [type]: type,\n}));\n"],
5
- "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,cAAc,kBAAkB,OAAO,WAAW,gBAAgB,CAAC,EAAE,MAAM,gBAAiB;AAAA,GACtG,OAAO;AAAA,EACR,cAAc;AAAA;AAGT,MAAM,sBAAsB,kBAAkB,OAAO,WAAW,sBAAsB,CAAC,EAAE,WAAY;AAAA,GACzG,OAAO;AAAA;AAGH,MAAM,gBAAgB,kBAAkB,OAAO,WAAW,kBAAkB,CAAC,EAAE,WAAY;AAAA,GAC/F,OAAO;AAAA;AAGH,MAAM,aAAa,kBAAkB,MAAM,WAAW,eAAe,CAAC,EAAE,WAAY;AAAA,GACxF,OAAO;AAAA;AAGH,MAAM,eAAe,kBAAkB,OAAO,WAAW,iBAAiB,CAAC,EAAE,MAAM,oBAAqB;AAAA,GAC5G,OAAO;AAAA,EACR,kBAAkB;AAAA;AAGb,MAAM,eAAe,kBAAkB,OAAO,WAAW,iBAAiB,CAAC,EAAE,MAAM,oBAAqB;AAAA,GAC5G,OAAO;AAAA,EACR,kBAAkB;AAAA;AAGb,MAAM,cAAc,kBAAkB,OAC3C,WACA,gBACA,CAAC,EAAE,MAAM,+BAAgC;AAAA,GACtC,OAAO;AAAA,GACP,2BAA2B;AAAA;AAIzB,MAAM,qBAAqB,kBAAkB,OAAO,WAAW,wBAAwB,CAAC,EAAE,WAAY;AAAA,GAC1G,OAAO;AAAA;",
6
- "names": []
7
- }
@@ -1,19 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { Close } from "@elliemae/ds-icons";
4
- import DSButton from "@elliemae/ds-button";
5
- import { ModalHeader } from "../blocks";
6
- const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ React2.createElement(ModalHeader, {
7
- classProps: { type: "decision", showClose }
8
- }, showClose && /* @__PURE__ */ React2.createElement(DSButton, {
9
- buttonType: "link",
10
- containerProps: { "data-testid": "modal-button-close" },
11
- icon: /* @__PURE__ */ React2.createElement(Close, null),
12
- onClick: onClose
13
- }));
14
- var DecisionHeader_default = DecisionHeader;
15
- export {
16
- DecisionHeader,
17
- DecisionHeader_default as default
18
- };
19
- //# sourceMappingURL=DecisionHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/DecisionHeader.tsx"],
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 } from '../blocks';\n\nexport const DecisionHeader = ({ onClose, showClose }) => (\n <ModalHeader classProps={{ type: 'decision', showClose }}>\n {showClose && (\n <DSButton\n buttonType=\"link\"\n containerProps={{ 'data-testid': 'modal-button-close' }}\n icon={<Close />}\n onClick={onClose}\n />\n )}\n </ModalHeader>\n);\n\nexport default DecisionHeader;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAS,gBACxC,qCAAC,aAAD;AAAA,EAAa,YAAY,EAAE,MAAM,YAAY;AAAA,GAC1C,aACC,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,qCAAC,OAAD;AAAA,EACN,SAAS;AAAA;AAMjB,IAAO,yBAAQ;",
6
- "names": []
7
- }
@@ -1,44 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from "@elliemae/ds-icons";
4
- import { MODAL_SUB_TYPE_V2 } from "../../constants";
5
- import { ModalFeedback } from "../blocks";
6
- const feedbackIconSize = "xxl";
7
- const getIconType = (subtype) => {
8
- switch (subtype) {
9
- case MODAL_SUB_TYPE_V2.WARNING:
10
- return /* @__PURE__ */ React2.createElement(WarningTriangle, {
11
- "data-testid": "icon-waring",
12
- size: feedbackIconSize
13
- });
14
- case MODAL_SUB_TYPE_V2.ERROR:
15
- return /* @__PURE__ */ React2.createElement(ErrorHexegon, {
16
- "data-testid": "icon-error",
17
- size: feedbackIconSize
18
- });
19
- case MODAL_SUB_TYPE_V2.SUCCESS:
20
- return /* @__PURE__ */ React2.createElement(CheckmarkCircle, {
21
- "data-testid": "icon-success",
22
- size: feedbackIconSize
23
- });
24
- case MODAL_SUB_TYPE_V2.INFORMATION:
25
- return /* @__PURE__ */ React2.createElement(InfoCircle, {
26
- "data-testid": "icon-information",
27
- size: feedbackIconSize
28
- });
29
- default:
30
- return /* @__PURE__ */ React2.createElement(HelpCircle, {
31
- "data-testid": "icon-help",
32
- size: feedbackIconSize
33
- });
34
- }
35
- };
36
- const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ React2.createElement(ModalFeedback, {
37
- classProps: { type: modalSubType }
38
- }, getIconType(modalSubType));
39
- var FeedbackIcon_default = FeedbackIcon;
40
- export {
41
- FeedbackIcon,
42
- FeedbackIcon_default as default
43
- };
44
- //# sourceMappingURL=FeedbackIcon.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/FeedbackIcon.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ErrorHexegon, WarningTriangle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\n\nimport { MODAL_SUB_TYPE_V2 } from '../../constants';\nimport { ModalFeedback } from '../blocks';\n\nconst feedbackIconSize = 'xxl';\n\nconst getIconType = (subtype) => {\n switch (subtype) {\n case MODAL_SUB_TYPE_V2.WARNING:\n return <WarningTriangle data-testid=\"icon-waring\" size={feedbackIconSize} />;\n case MODAL_SUB_TYPE_V2.ERROR:\n return <ErrorHexegon data-testid=\"icon-error\" size={feedbackIconSize} />;\n case MODAL_SUB_TYPE_V2.SUCCESS:\n return <CheckmarkCircle data-testid=\"icon-success\" size={feedbackIconSize} />;\n case MODAL_SUB_TYPE_V2.INFORMATION:\n return <InfoCircle data-testid=\"icon-information\" size={feedbackIconSize} />;\n default:\n return <HelpCircle data-testid=\"icon-help\" size={feedbackIconSize} />;\n }\n};\n\nexport const FeedbackIcon = ({ modalSubType }) => (\n <ModalFeedback classProps={{ type: modalSubType }}>{getIconType(modalSubType)}</ModalFeedback>\n);\n\nexport default FeedbackIcon;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AAEA,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,kBAAkB;AACrB,aAAO,qCAAC,iBAAD;AAAA,QAAiB,eAAY;AAAA,QAAc,MAAM;AAAA;AAAA,SACrD,kBAAkB;AACrB,aAAO,qCAAC,cAAD;AAAA,QAAc,eAAY;AAAA,QAAa,MAAM;AAAA;AAAA,SACjD,kBAAkB;AACrB,aAAO,qCAAC,iBAAD;AAAA,QAAiB,eAAY;AAAA,QAAe,MAAM;AAAA;AAAA,SACtD,kBAAkB;AACrB,aAAO,qCAAC,YAAD;AAAA,QAAY,eAAY;AAAA,QAAmB,MAAM;AAAA;AAAA;AAExD,aAAO,qCAAC,YAAD;AAAA,QAAY,eAAY;AAAA,QAAY,MAAM;AAAA;AAAA;AAAA;AAIhD,MAAM,eAAe,CAAC,EAAE,mBAC7B,qCAAC,eAAD;AAAA,EAAe,YAAY,EAAE,MAAM;AAAA,GAAiB,YAAY;AAGlE,IAAO,uBAAQ;",
6
- "names": []
7
- }
@@ -1,40 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import DSButton from "@elliemae/ds-button";
4
- import { ModalFooter, ModalFooterActions } from "../blocks";
5
- const Footer = ({
6
- additionalFooterCssClass,
7
- actionsRef,
8
- rejectLabel,
9
- onReject,
10
- overridePropsRejectButton,
11
- confirmLabel,
12
- onConfirm,
13
- overridePropsConfirmButton,
14
- showRejectButton
15
- }) => /* @__PURE__ */ React2.createElement(ModalFooter, {
16
- classProps: { additionalFooterCssClass },
17
- "data-testid": "modal-footer-wrapper"
18
- }, /* @__PURE__ */ React2.createElement(ModalFooterActions, {
19
- ref: actionsRef
20
- }, showRejectButton === true && /* @__PURE__ */ React2.createElement(DSButton, {
21
- buttonType: "secondary",
22
- className: "action-reject",
23
- containerProps: { "data-testid": "modal-footer-reject-btn" },
24
- labelText: rejectLabel,
25
- onClick: onReject,
26
- ...overridePropsRejectButton
27
- }), /* @__PURE__ */ React2.createElement(DSButton, {
28
- buttonType: "primary",
29
- className: "action-confirm",
30
- containerProps: { "data-testid": "modal-footer-confirm-btn" },
31
- labelText: confirmLabel,
32
- onClick: onConfirm,
33
- ...overridePropsConfirmButton
34
- })));
35
- var Footer_default = Footer;
36
- export {
37
- Footer,
38
- Footer_default as default
39
- };
40
- //# sourceMappingURL=Footer.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/Footer.tsx"],
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,aAAD;AAAA,EAAa,YAAY,EAAE;AAAA,EAA4B,eAAY;AAAA,GACjE,qCAAC,oBAAD;AAAA,EAAoB,KAAK;AAAA,GACtB,qBAAqB,QACpB,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA,IAGR,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA;AAMZ,IAAO,iBAAQ;",
6
- "names": []
7
- }
@@ -1,25 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { Close } from "@elliemae/ds-icons";
4
- import DSButton from "@elliemae/ds-button";
5
- import { ModalHeader, ModalHeaderTopRight } from "../blocks";
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
- })));
20
- var FormHeader_default = FormHeader;
21
- export {
22
- FormHeader,
23
- FormHeader_default as default
24
- };
25
- //# sourceMappingURL=FormHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/FormHeader.tsx"],
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,aAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC/B,qCAAC,qBAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,GACtC,aACC,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,qCAAC,OAAD;AAAA,EACN,SAAS;AAAA;AAOnB,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,73 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { MODAL_TYPE_V2 } from "../../constants";
4
- import { SelectionHeader } from "./SelectionHeader";
5
- import { DecisionHeader } from "./DecisionHeader";
6
- import { FormHeader } from "./FormHeader";
7
- import { FeedbackIcon } from "./FeedbackIcon";
8
- import { Footer } from "./Footer";
9
- import { Title } from "./Title";
10
- import {
11
- showDecision,
12
- showFeedBack,
13
- showFooter,
14
- showSelection,
15
- showForm
16
- } from "../helpers";
17
- import { ModalContent, ModalWrapper } from "../blocks";
18
- const DSModalContent = ({
19
- containerProps = {},
20
- modalType = MODAL_TYPE_V2.INFORMATION,
21
- modalSubType = null,
22
- modalTitle = "",
23
- showRejectButton = false,
24
- showClose = true,
25
- searchProps = {},
26
- actionsRef = () => null,
27
- additionalFooterCssClass,
28
- overridePropsConfirmButton = {},
29
- overridePropsRejectButton = {},
30
- children,
31
- onClose = () => null,
32
- onConfirm = () => null,
33
- onReject = () => null,
34
- rejectLabel = "Discard",
35
- confirmLabel = "Save",
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
- }));
70
- export {
71
- DSModalContent
72
- };
73
- //# sourceMappingURL=ModalContent.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/ModalContent.tsx"],
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;AAAA,EAEjB,YAAY,cAAc;AAAA,EAC1B,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,aAAa,MAAM;AAAA,EACnB;AAAA,EACA,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAE5B;AAAA,EACA,UAAU,MAAM;AAAA,EAChB,YAAY,MAAM;AAAA,EAClB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,MAEhB,qCAAC,cAAD;AAAA,KAAkB;AAAA,GACf,SAAS,EAAE,WAAW,mBACrB,qCAAC,YAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,cAAc,EAAE,WAAW,mBAC1B,qCAAC,iBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,aAAa,EAAE,WAAW,mBACzB,qCAAC,gBAAD;AAAA,EAAgB;AAAA,EAAkB;AAAA,IAEnC,aAAa,EAAE,WAAW,mBACzB,qCAAC,cAAD;AAAA,EAAc;AAAA,IAEf,aAAa,EAAE,WAAW,mBACzB,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAEjC,qCAAC,cAAD;AAAA,EAAc,YAAY,EAAE,MAAM,WAAW;AAAA,GAC1C,WAEF,WAAW,EAAE,WAAW,mBACvB,qCAAC,QAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
6
- "names": []
7
- }
@@ -1,22 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { DSSearchBox } from "@elliemae/ds-form";
4
- import { ModalHeader, ModalHeaderTopRight } from "../blocks";
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, {
12
- classProps: { type: "selection" },
13
- "data-testid": "modal-search-box"
14
- }, /* @__PURE__ */ React2.createElement(DSSearchBox, {
15
- ...searchProps
16
- })));
17
- var SelectionHeader_default = SelectionHeader;
18
- export {
19
- SelectionHeader,
20
- SelectionHeader_default as default
21
- };
22
- //# sourceMappingURL=SelectionHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/SelectionHeader.tsx"],
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,IAAI,YAAY,WAAW,gBACzE,qCAAC,aAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC9B,aACC,qCAAC,qBAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,EAAe,eAAY;AAAA,GAClE,qCAAC,aAAD;AAAA,KAAiB;AAAA;AAMzB,IAAO,0BAAQ;",
6
- "names": []
7
- }
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { ModalTitle } from "../blocks";
4
- const Title = ({ modalTitle, modalType }) => /* @__PURE__ */ React2.createElement(ModalTitle, {
5
- classProps: { type: modalType }
6
- }, modalTitle);
7
- var Title_default = Title;
8
- export {
9
- Title,
10
- Title_default as default
11
- };
12
- //# sourceMappingURL=Title.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/Title.tsx"],
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,YAAD;AAAA,EAAY,YAAY,EAAE,MAAM;AAAA,GAAc;AAGhD,IAAO,gBAAQ;",
6
- "names": []
7
- }
@@ -1,25 +0,0 @@
1
- import * as React from "react";
2
- import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from "../constants";
3
- function showDecision({ modalType }) {
4
- return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
5
- }
6
- function showFeedBack({ modalType, modalSubType }) {
7
- return showDecision({ modalType }) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
8
- }
9
- function showFooter({ modalType }) {
10
- return modalType !== MODAL_TYPE_V2.INFORMATION;
11
- }
12
- function showSelection({ modalType }) {
13
- return modalType === MODAL_TYPE_V2.SELECTION;
14
- }
15
- function showForm({ modalType }) {
16
- return modalType === MODAL_TYPE_V2.FORM;
17
- }
18
- export {
19
- showDecision,
20
- showFeedBack,
21
- showFooter,
22
- showForm,
23
- showSelection
24
- };
25
- //# sourceMappingURL=helpers.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/helpers.tsx"],
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,UAAU,QAAQ,aAAa;AAAA;AAItE,sBAAsB,EAAE,WAAW,gBAAgB;AACxD,SACE,aAAa,EAAE,gBACf,OAAO,OAAO,mBAAmB,QAAQ,gBAAgB;AAAA;AAItD,oBAAoB,EAAE,aAAa;AACxC,SAAO,cAAc,cAAc;AAAA;AAG9B,uBAAuB,EAAE,aAAa;AAC3C,SAAO,cAAc,cAAc;AAAA;AAE9B,kBAAkB,EAAE,aAAa;AACtC,SAAO,cAAc,cAAc;AAAA;",
6
- "names": []
7
- }