@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.
- package/cjs/DSModal.js +186 -0
- package/cjs/constants.js +34 -0
- package/cjs/index.js +18 -0
- package/cjs/v1/DSModal.js +148 -0
- package/cjs/v1/DSModalType.js +7 -0
- package/cjs/v1/DSModalWrapper.js +166 -0
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +98 -0
- package/cjs/v2/DSModal.js +203 -0
- package/cjs/v2/blocks.js +88 -0
- package/cjs/v2/components/DecisionHeader.js +38 -0
- package/cjs/v2/components/FeedbackIcon.js +64 -0
- package/cjs/v2/components/Footer.js +66 -0
- package/cjs/v2/components/FormHeader.js +47 -0
- package/cjs/v2/components/ModalContent.js +112 -0
- package/cjs/v2/components/SelectionHeader.js +49 -0
- package/cjs/v2/components/Title.js +26 -0
- package/cjs/v2/helpers.js +45 -0
- package/esm/DSModal.js +175 -0
- package/esm/constants.js +26 -0
- package/esm/index.js +4 -0
- package/esm/v1/DSModal.js +139 -0
- package/esm/v1/DSModalType.js +3 -0
- package/esm/v1/DSModalWrapper.js +160 -0
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +92 -0
- package/esm/v2/DSModal.js +192 -0
- package/esm/v2/blocks.js +77 -0
- package/esm/v2/components/DecisionHeader.js +28 -0
- package/esm/v2/components/FeedbackIcon.js +55 -0
- package/esm/v2/components/Footer.js +55 -0
- package/esm/v2/components/FormHeader.js +37 -0
- package/esm/v2/components/ModalContent.js +103 -0
- package/esm/v2/components/SelectionHeader.js +39 -0
- package/esm/v2/components/Title.js +17 -0
- package/esm/v2/helpers.js +37 -0
- package/package.json +56 -58
- package/types/DSModal.d.ts +14 -0
- package/types/constants.d.ts +25 -0
- package/types/index.d.ts +4 -0
- package/types/v1/DSModal.d.ts +143 -0
- package/types/v1/DSModalType.d.ts +1 -0
- package/types/v1/ModalFeedBack/ModalFeedBack.d.ts +11 -0
- package/types/v2/DSModal.d.ts +231 -0
- package/types/v2/blocks.d.ts +9 -0
- package/types/v2/components/DecisionHeader.d.ts +6 -0
- package/types/v2/components/FeedbackIcon.d.ts +5 -0
- package/types/v2/components/Footer.d.ts +13 -0
- package/types/v2/components/FormHeader.d.ts +8 -0
- package/types/v2/components/ModalContent.d.ts +21 -0
- package/types/v2/components/SelectionHeader.d.ts +8 -0
- package/types/v2/components/Title.d.ts +6 -0
- package/types/v2/components/tests/DecisionHeader.test.d.ts +1 -0
- package/types/v2/components/tests/FeedbackIcon.test.d.ts +1 -0
- package/types/v2/components/tests/Footer.test.d.ts +1 -0
- package/types/v2/components/tests/FormHeader.test.d.ts +1 -0
- package/types/v2/components/tests/SelectionHeader.test.d.ts +1 -0
- package/types/v2/helpers.d.ts +16 -0
- package/types/v2/tests/DSModal.test.d.ts +1 -0
- package/dist/cjs/DSModal.js +0 -88
- package/dist/cjs/DSModal.js.map +0 -7
- package/dist/cjs/constants.js +0 -73
- package/dist/cjs/constants.js.map +0 -7
- package/dist/cjs/index.js +0 -43
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/v1/DSModal.js +0 -177
- package/dist/cjs/v1/DSModal.js.map +0 -7
- package/dist/cjs/v1/DSModalType.js +0 -45
- package/dist/cjs/v1/DSModalType.js.map +0 -7
- package/dist/cjs/v1/DSModalWrapper.js +0 -129
- package/dist/cjs/v1/DSModalWrapper.js.map +0 -7
- package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js +0 -103
- package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +0 -7
- package/dist/cjs/v2/DSModal.js +0 -160
- package/dist/cjs/v2/DSModal.js.map +0 -7
- package/dist/cjs/v2/blocks.js +0 -71
- package/dist/cjs/v2/blocks.js.map +0 -7
- package/dist/cjs/v2/components/DecisionHeader.js +0 -48
- package/dist/cjs/v2/components/DecisionHeader.js.map +0 -7
- package/dist/cjs/v2/components/FeedbackIcon.js +0 -73
- package/dist/cjs/v2/components/FeedbackIcon.js.map +0 -7
- package/dist/cjs/v2/components/Footer.js +0 -69
- package/dist/cjs/v2/components/Footer.js.map +0 -7
- package/dist/cjs/v2/components/FormHeader.js +0 -54
- package/dist/cjs/v2/components/FormHeader.js.map +0 -7
- package/dist/cjs/v2/components/ModalContent.js +0 -96
- package/dist/cjs/v2/components/ModalContent.js.map +0 -7
- package/dist/cjs/v2/components/SelectionHeader.js +0 -51
- package/dist/cjs/v2/components/SelectionHeader.js.map +0 -7
- package/dist/cjs/v2/components/Title.js +0 -41
- package/dist/cjs/v2/components/Title.js.map +0 -7
- package/dist/cjs/v2/helpers.js +0 -54
- package/dist/cjs/v2/helpers.js.map +0 -7
- package/dist/esm/DSModal.js +0 -59
- package/dist/esm/DSModal.js.map +0 -7
- package/dist/esm/constants.js +0 -44
- package/dist/esm/constants.js.map +0 -7
- package/dist/esm/index.js +0 -14
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/v1/DSModal.js +0 -148
- package/dist/esm/v1/DSModal.js.map +0 -7
- package/dist/esm/v1/DSModalType.js +0 -16
- package/dist/esm/v1/DSModalType.js.map +0 -7
- package/dist/esm/v1/DSModalWrapper.js +0 -100
- package/dist/esm/v1/DSModalWrapper.js.map +0 -7
- package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js +0 -74
- package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js.map +0 -7
- package/dist/esm/v2/DSModal.js +0 -131
- package/dist/esm/v2/DSModal.js.map +0 -7
- package/dist/esm/v2/blocks.js +0 -42
- package/dist/esm/v2/blocks.js.map +0 -7
- package/dist/esm/v2/components/DecisionHeader.js +0 -19
- package/dist/esm/v2/components/DecisionHeader.js.map +0 -7
- package/dist/esm/v2/components/FeedbackIcon.js +0 -44
- package/dist/esm/v2/components/FeedbackIcon.js.map +0 -7
- package/dist/esm/v2/components/Footer.js +0 -40
- package/dist/esm/v2/components/Footer.js.map +0 -7
- package/dist/esm/v2/components/FormHeader.js +0 -25
- package/dist/esm/v2/components/FormHeader.js.map +0 -7
- package/dist/esm/v2/components/ModalContent.js +0 -73
- package/dist/esm/v2/components/ModalContent.js.map +0 -7
- package/dist/esm/v2/components/SelectionHeader.js +0 -22
- package/dist/esm/v2/components/SelectionHeader.js.map +0 -7
- package/dist/esm/v2/components/Title.js +0 -12
- package/dist/esm/v2/components/Title.js.map +0 -7
- package/dist/esm/v2/helpers.js +0 -25
- 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
|
-
}
|
package/dist/esm/v2/helpers.js
DELETED
|
@@ -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
|
-
}
|