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