@elliemae/ds-modal 2.2.0-next.6 → 2.3.0-alpha.1
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 +86 -184
- package/cjs/DSModal.js.map +7 -0
- package/cjs/constants.js +67 -28
- package/cjs/constants.js.map +7 -0
- package/cjs/index.js +39 -18
- package/cjs/index.js.map +7 -0
- package/cjs/v1/DSModal.js +159 -130
- package/cjs/v1/DSModal.js.map +7 -0
- package/cjs/v1/DSModalType.js +45 -7
- package/cjs/v1/DSModalType.js.map +7 -0
- package/cjs/v1/DSModalWrapper.js +76 -113
- package/cjs/v1/DSModalWrapper.js.map +7 -0
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +77 -72
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +7 -0
- package/cjs/v2/DSModal.js +143 -186
- package/cjs/v2/DSModal.js.map +7 -0
- package/cjs/v2/blocks.js +69 -86
- package/cjs/v2/blocks.js.map +7 -0
- package/cjs/v2/components/DecisionHeader.js +47 -37
- package/cjs/v2/components/DecisionHeader.js.map +7 -0
- package/cjs/v2/components/FeedbackIcon.js +59 -50
- package/cjs/v2/components/FeedbackIcon.js.map +7 -0
- package/cjs/v2/components/Footer.js +68 -65
- package/cjs/v2/components/Footer.js.map +7 -0
- package/cjs/v2/components/FormHeader.js +53 -46
- package/cjs/v2/components/FormHeader.js.map +7 -0
- package/cjs/v2/components/ModalContent.js +95 -111
- package/cjs/v2/components/ModalContent.js.map +7 -0
- package/cjs/v2/components/SelectionHeader.js +50 -48
- package/cjs/v2/components/SelectionHeader.js.map +7 -0
- package/cjs/v2/components/Title.js +40 -25
- package/cjs/v2/components/Title.js.map +7 -0
- package/cjs/v2/helpers.js +49 -40
- package/cjs/v2/helpers.js.map +7 -0
- package/esm/DSModal.js +26 -142
- package/esm/DSModal.js.map +7 -0
- package/esm/constants.js +38 -20
- package/esm/constants.js.map +7 -0
- package/esm/index.js +10 -4
- package/esm/index.js.map +7 -0
- package/esm/v1/DSModal.js +130 -121
- package/esm/v1/DSModal.js.map +7 -0
- package/esm/v1/DSModalType.js +16 -3
- package/esm/v1/DSModalType.js.map +7 -0
- package/esm/v1/DSModalWrapper.js +45 -105
- package/esm/v1/DSModalWrapper.js.map +7 -0
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +48 -66
- package/esm/v1/ModalFeedBack/ModalFeedBack.js.map +7 -0
- package/esm/v2/DSModal.js +112 -173
- package/esm/v2/DSModal.js.map +7 -0
- package/esm/v2/blocks.js +42 -77
- package/esm/v2/blocks.js.map +7 -0
- package/esm/v2/components/DecisionHeader.js +18 -27
- package/esm/v2/components/DecisionHeader.js.map +7 -0
- package/esm/v2/components/FeedbackIcon.js +25 -36
- package/esm/v2/components/FeedbackIcon.js.map +7 -0
- package/esm/v2/components/Footer.js +39 -54
- package/esm/v2/components/Footer.js.map +7 -0
- package/esm/v2/components/FormHeader.js +24 -36
- package/esm/v2/components/FormHeader.js.map +7 -0
- package/esm/v2/components/ModalContent.js +72 -102
- package/esm/v2/components/ModalContent.js.map +7 -0
- package/esm/v2/components/SelectionHeader.js +21 -38
- package/esm/v2/components/SelectionHeader.js.map +7 -0
- package/esm/v2/components/Title.js +11 -16
- package/esm/v2/components/Title.js.map +7 -0
- package/esm/v2/helpers.js +16 -28
- package/esm/v2/helpers.js.map +7 -0
- package/package.json +8 -8
- package/types/DSModal.d.ts +1 -1
- package/types/v2/DSModal.d.ts +1 -30
|
@@ -1,28 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { Close } from
|
|
4
|
-
import DSButton from
|
|
5
|
-
import { ModalHeader } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
|
|
19
|
-
buttonType: "link",
|
|
20
|
-
containerProps: {
|
|
21
|
-
'data-testid': 'modal-button-close'
|
|
22
|
-
},
|
|
23
|
-
icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
|
|
24
|
-
onClick: onClose
|
|
25
|
-
}));
|
|
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
|
|
26
18
|
};
|
|
27
|
-
|
|
28
|
-
export { DecisionHeader, DecisionHeader as default };
|
|
19
|
+
//# sourceMappingURL=DecisionHeader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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,55 +1,44 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { MODAL_SUB_TYPE_V2 } from
|
|
5
|
-
import { ModalFeedback } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const feedbackIconSize = 'xxl';
|
|
9
|
-
|
|
10
|
-
const getIconType = subtype => {
|
|
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) => {
|
|
11
8
|
switch (subtype) {
|
|
12
9
|
case MODAL_SUB_TYPE_V2.WARNING:
|
|
13
|
-
return
|
|
10
|
+
return /* @__PURE__ */ React2.createElement(WarningTriangle, {
|
|
14
11
|
"data-testid": "icon-waring",
|
|
15
12
|
size: feedbackIconSize
|
|
16
|
-
})
|
|
17
|
-
|
|
13
|
+
});
|
|
18
14
|
case MODAL_SUB_TYPE_V2.ERROR:
|
|
19
|
-
return
|
|
15
|
+
return /* @__PURE__ */ React2.createElement(ErrorHexegon, {
|
|
20
16
|
"data-testid": "icon-error",
|
|
21
17
|
size: feedbackIconSize
|
|
22
|
-
})
|
|
23
|
-
|
|
18
|
+
});
|
|
24
19
|
case MODAL_SUB_TYPE_V2.SUCCESS:
|
|
25
|
-
return
|
|
20
|
+
return /* @__PURE__ */ React2.createElement(CheckmarkCircle, {
|
|
26
21
|
"data-testid": "icon-success",
|
|
27
22
|
size: feedbackIconSize
|
|
28
|
-
})
|
|
29
|
-
|
|
23
|
+
});
|
|
30
24
|
case MODAL_SUB_TYPE_V2.INFORMATION:
|
|
31
|
-
return
|
|
25
|
+
return /* @__PURE__ */ React2.createElement(InfoCircle, {
|
|
32
26
|
"data-testid": "icon-information",
|
|
33
27
|
size: feedbackIconSize
|
|
34
|
-
})
|
|
35
|
-
|
|
28
|
+
});
|
|
36
29
|
default:
|
|
37
|
-
return
|
|
30
|
+
return /* @__PURE__ */ React2.createElement(HelpCircle, {
|
|
38
31
|
"data-testid": "icon-help",
|
|
39
32
|
size: feedbackIconSize
|
|
40
|
-
})
|
|
33
|
+
});
|
|
41
34
|
}
|
|
42
35
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
type: modalSubType
|
|
51
|
-
}
|
|
52
|
-
}, void 0, getIconType(modalSubType));
|
|
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
|
|
53
43
|
};
|
|
54
|
-
|
|
55
|
-
export { FeedbackIcon, FeedbackIcon as default };
|
|
44
|
+
//# sourceMappingURL=FeedbackIcon.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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,55 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
'data-testid': 'modal-footer-reject-btn'
|
|
40
|
-
},
|
|
41
|
-
labelText: rejectLabel,
|
|
42
|
-
onClick: onReject
|
|
43
|
-
}, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
|
|
44
|
-
buttonType: "primary",
|
|
45
|
-
className: "action-confirm",
|
|
46
|
-
containerProps: {
|
|
47
|
-
'data-testid': 'modal-footer-confirm-btn'
|
|
48
|
-
},
|
|
49
|
-
labelText: confirmLabel,
|
|
50
|
-
onClick: onConfirm
|
|
51
|
-
}, overridePropsConfirmButton))]
|
|
52
|
-
}));
|
|
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
|
|
53
39
|
};
|
|
54
|
-
|
|
55
|
-
export { Footer, Footer as default };
|
|
40
|
+
//# sourceMappingURL=Footer.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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,37 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { Close } from
|
|
4
|
-
import DSButton from
|
|
5
|
-
import { ModalHeader, ModalHeaderTopRight } from
|
|
6
|
-
import { Title } from
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
classProps: {
|
|
25
|
-
type: 'form'
|
|
26
|
-
}
|
|
27
|
-
}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
|
|
28
|
-
buttonType: "link",
|
|
29
|
-
containerProps: {
|
|
30
|
-
'data-testid': 'modal-close-btn'
|
|
31
|
-
},
|
|
32
|
-
icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
|
|
33
|
-
onClick: onClose
|
|
34
|
-
})));
|
|
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
|
|
35
24
|
};
|
|
36
|
-
|
|
37
|
-
export { FormHeader, FormHeader as default };
|
|
25
|
+
//# sourceMappingURL=FormHeader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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,103 +1,73 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
import {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
modalSubType
|
|
73
|
-
}) && /*#__PURE__*/_jsx(FeedbackIcon, {
|
|
74
|
-
modalSubType: modalSubType
|
|
75
|
-
}), showDecision({
|
|
76
|
-
modalType,
|
|
77
|
-
modalSubType
|
|
78
|
-
}) && /*#__PURE__*/_jsx(Title, {
|
|
79
|
-
modalTitle: modalTitle,
|
|
80
|
-
modalType: modalType
|
|
81
|
-
}), /*#__PURE__*/_jsx(ModalContent, {
|
|
82
|
-
classProps: {
|
|
83
|
-
type: modalType,
|
|
84
|
-
removePadding
|
|
85
|
-
}
|
|
86
|
-
}, void 0, children), showFooter({
|
|
87
|
-
modalType,
|
|
88
|
-
modalSubType
|
|
89
|
-
}) && /*#__PURE__*/_jsx(Footer, {
|
|
90
|
-
actionsRef: actionsRef,
|
|
91
|
-
additionalFooterCssClass: additionalFooterCssClass,
|
|
92
|
-
confirmLabel: confirmLabel,
|
|
93
|
-
onConfirm: onConfirm,
|
|
94
|
-
onReject: onReject,
|
|
95
|
-
overridePropsConfirmButton: overridePropsConfirmButton,
|
|
96
|
-
overridePropsRejectButton: overridePropsRejectButton,
|
|
97
|
-
rejectLabel: rejectLabel,
|
|
98
|
-
showRejectButton: showRejectButton
|
|
99
|
-
})]
|
|
100
|
-
}));
|
|
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
|
|
101
72
|
};
|
|
102
|
-
|
|
103
|
-
export { DSModalContent };
|
|
73
|
+
//# sourceMappingURL=ModalContent.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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,39 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
modalType,
|
|
22
|
-
showClose
|
|
23
|
-
} = _ref;
|
|
24
|
-
return /*#__PURE__*/_jsx(ModalHeader, {
|
|
25
|
-
classProps: {
|
|
26
|
-
type: 'selection'
|
|
27
|
-
}
|
|
28
|
-
}, void 0, /*#__PURE__*/_jsx(Title, {
|
|
29
|
-
modalTitle: modalTitle,
|
|
30
|
-
modalType: modalType
|
|
31
|
-
}), showClose && /*#__PURE__*/_jsx(ModalHeaderTopRight, {
|
|
32
|
-
classProps: {
|
|
33
|
-
type: 'selection'
|
|
34
|
-
},
|
|
35
|
-
"data-testid": "modal-search-box"
|
|
36
|
-
}, void 0, /*#__PURE__*/jsx(DSSearchBox, _objectSpread({}, searchProps))));
|
|
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
|
|
37
21
|
};
|
|
38
|
-
|
|
39
|
-
export { SelectionHeader, SelectionHeader as default };
|
|
22
|
+
//# sourceMappingURL=SelectionHeader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
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,17 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { ModalTitle } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
classProps: {
|
|
12
|
-
type: modalType
|
|
13
|
-
}
|
|
14
|
-
}, void 0, modalTitle);
|
|
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
|
|
15
11
|
};
|
|
16
|
-
|
|
17
|
-
export { Title, Title as default };
|
|
12
|
+
//# sourceMappingURL=Title.js.map
|