@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
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/components/DecisionHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAsB;AACtB,uBAAqB;AACrB,oBAA4B;AAErB,MAAM,iBAAiB,CAAC,EAAE,SAAS,gBACxC,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE,MAAM,YAAY;AAAA,GAC1C,aACC,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,mDAAC,uBAAD;AAAA,EACN,SAAS;AAAA;AAMjB,IAAO,yBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,64 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var FeedbackIcon_exports = {};
|
|
29
|
+
__export(FeedbackIcon_exports, {
|
|
30
|
+
FeedbackIcon: () => FeedbackIcon,
|
|
31
|
+
default: () => FeedbackIcon_default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
|
+
var import_constants = require("../../constants");
|
|
37
|
+
var import_blocks = require("../blocks");
|
|
38
|
+
const feedbackIconSize = "xxl";
|
|
39
|
+
const getIconType = (subtype) => {
|
|
19
40
|
switch (subtype) {
|
|
20
|
-
case
|
|
21
|
-
return
|
|
41
|
+
case import_constants.MODAL_SUB_TYPE_V2.WARNING:
|
|
42
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningTriangle, {
|
|
22
43
|
"data-testid": "icon-waring",
|
|
23
44
|
size: feedbackIconSize
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](dsIcons.ErrorHexegon, {
|
|
45
|
+
});
|
|
46
|
+
case import_constants.MODAL_SUB_TYPE_V2.ERROR:
|
|
47
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ErrorHexegon, {
|
|
28
48
|
"data-testid": "icon-error",
|
|
29
49
|
size: feedbackIconSize
|
|
30
|
-
})
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
|
|
50
|
+
});
|
|
51
|
+
case import_constants.MODAL_SUB_TYPE_V2.SUCCESS:
|
|
52
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CheckmarkCircle, {
|
|
34
53
|
"data-testid": "icon-success",
|
|
35
54
|
size: feedbackIconSize
|
|
36
|
-
})
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
|
|
55
|
+
});
|
|
56
|
+
case import_constants.MODAL_SUB_TYPE_V2.INFORMATION:
|
|
57
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoCircle, {
|
|
40
58
|
"data-testid": "icon-information",
|
|
41
59
|
size: feedbackIconSize
|
|
42
|
-
})
|
|
43
|
-
|
|
60
|
+
});
|
|
44
61
|
default:
|
|
45
|
-
return
|
|
62
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.HelpCircle, {
|
|
46
63
|
"data-testid": "icon-help",
|
|
47
64
|
size: feedbackIconSize
|
|
48
|
-
})
|
|
65
|
+
});
|
|
49
66
|
}
|
|
50
67
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
classProps: {
|
|
58
|
-
type: modalSubType
|
|
59
|
-
}
|
|
60
|
-
}, void 0, getIconType(modalSubType));
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
exports.FeedbackIcon = FeedbackIcon;
|
|
64
|
-
exports["default"] = FeedbackIcon;
|
|
68
|
+
const FeedbackIcon = ({ modalSubType }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFeedback, {
|
|
69
|
+
classProps: { type: modalSubType }
|
|
70
|
+
}, getIconType(modalSubType));
|
|
71
|
+
var FeedbackIcon_default = FeedbackIcon;
|
|
72
|
+
module.exports = __toCommonJS(FeedbackIcon_exports);
|
|
73
|
+
//# sourceMappingURL=FeedbackIcon.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/components/FeedbackIcon.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAuF;AAEvF,uBAAkC;AAClC,oBAA8B;AAE9B,MAAM,mBAAmB;AAEzB,MAAM,cAAc,CAAC,YAAY;AAC/B,UAAQ;AAAA,SACD,mCAAkB;AACrB,aAAO,mDAAC,iCAAD;AAAA,QAAiB,eAAY;AAAA,QAAc,MAAM;AAAA;AAAA,SACrD,mCAAkB;AACrB,aAAO,mDAAC,8BAAD;AAAA,QAAc,eAAY;AAAA,QAAa,MAAM;AAAA;AAAA,SACjD,mCAAkB;AACrB,aAAO,mDAAC,iCAAD;AAAA,QAAiB,eAAY;AAAA,QAAe,MAAM;AAAA;AAAA,SACtD,mCAAkB;AACrB,aAAO,mDAAC,4BAAD;AAAA,QAAY,eAAY;AAAA,QAAmB,MAAM;AAAA;AAAA;AAExD,aAAO,mDAAC,4BAAD;AAAA,QAAY,eAAY;AAAA,QAAY,MAAM;AAAA;AAAA;AAAA;AAIhD,MAAM,eAAe,CAAC,EAAE,mBAC7B,mDAAC,6BAAD;AAAA,EAAe,YAAY,EAAE,MAAM;AAAA,GAAiB,YAAY;AAGlE,IAAO,uBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,66 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
|
-
require('react');
|
|
13
|
-
var DSButton = require('@elliemae/ds-button');
|
|
14
|
-
var blocks = require('../blocks.js');
|
|
15
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
-
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
-
|
|
19
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
22
|
-
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
|
-
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
|
-
const Footer = _ref => {
|
|
27
|
-
let {
|
|
28
|
-
additionalFooterCssClass,
|
|
29
|
-
actionsRef,
|
|
30
|
-
rejectLabel,
|
|
31
|
-
onReject,
|
|
32
|
-
overridePropsRejectButton,
|
|
33
|
-
confirmLabel,
|
|
34
|
-
onConfirm,
|
|
35
|
-
overridePropsConfirmButton,
|
|
36
|
-
showRejectButton
|
|
37
|
-
} = _ref;
|
|
38
|
-
return /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
|
|
39
|
-
classProps: {
|
|
40
|
-
additionalFooterCssClass
|
|
41
|
-
},
|
|
42
|
-
"data-testid": "modal-footer-wrapper"
|
|
43
|
-
}, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
|
|
44
|
-
ref: actionsRef,
|
|
45
|
-
children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
46
|
-
buttonType: "secondary",
|
|
47
|
-
className: "action-reject",
|
|
48
|
-
containerProps: {
|
|
49
|
-
'data-testid': 'modal-footer-reject-btn'
|
|
50
|
-
},
|
|
51
|
-
labelText: rejectLabel,
|
|
52
|
-
onClick: onReject
|
|
53
|
-
}, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
54
|
-
buttonType: "primary",
|
|
55
|
-
className: "action-confirm",
|
|
56
|
-
containerProps: {
|
|
57
|
-
'data-testid': 'modal-footer-confirm-btn'
|
|
58
|
-
},
|
|
59
|
-
labelText: confirmLabel,
|
|
60
|
-
onClick: onConfirm
|
|
61
|
-
}, overridePropsConfirmButton))]
|
|
62
|
-
}));
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
63
11
|
};
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var Footer_exports = {};
|
|
29
|
+
__export(Footer_exports, {
|
|
30
|
+
Footer: () => Footer,
|
|
31
|
+
default: () => Footer_default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
36
|
+
var import_blocks = require("../blocks");
|
|
37
|
+
const Footer = ({
|
|
38
|
+
additionalFooterCssClass,
|
|
39
|
+
actionsRef,
|
|
40
|
+
rejectLabel,
|
|
41
|
+
onReject,
|
|
42
|
+
overridePropsRejectButton,
|
|
43
|
+
confirmLabel,
|
|
44
|
+
onConfirm,
|
|
45
|
+
overridePropsConfirmButton,
|
|
46
|
+
showRejectButton
|
|
47
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFooter, {
|
|
48
|
+
classProps: { additionalFooterCssClass },
|
|
49
|
+
"data-testid": "modal-footer-wrapper"
|
|
50
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalFooterActions, {
|
|
51
|
+
ref: actionsRef
|
|
52
|
+
}, showRejectButton === true && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
53
|
+
buttonType: "secondary",
|
|
54
|
+
className: "action-reject",
|
|
55
|
+
containerProps: { "data-testid": "modal-footer-reject-btn" },
|
|
56
|
+
labelText: rejectLabel,
|
|
57
|
+
onClick: onReject,
|
|
58
|
+
...overridePropsRejectButton
|
|
59
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
60
|
+
buttonType: "primary",
|
|
61
|
+
className: "action-confirm",
|
|
62
|
+
containerProps: { "data-testid": "modal-footer-confirm-btn" },
|
|
63
|
+
labelText: confirmLabel,
|
|
64
|
+
onClick: onConfirm,
|
|
65
|
+
...overridePropsConfirmButton
|
|
66
|
+
})));
|
|
67
|
+
var Footer_default = Footer;
|
|
68
|
+
module.exports = __toCommonJS(Footer_exports);
|
|
69
|
+
//# sourceMappingURL=Footer.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/components/Footer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAAqB;AACrB,oBAAgD;AAEzC,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE;AAAA,EAA4B,eAAY;AAAA,GACjE,mDAAC,kCAAD;AAAA,EAAoB,KAAK;AAAA,GACtB,qBAAqB,QACpB,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA,IAGR,mDAAC,0BAAD;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,47 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
-
|
|
14
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
16
|
-
|
|
17
|
-
var _Close;
|
|
18
|
-
const FormHeader = _ref => {
|
|
19
|
-
let {
|
|
20
|
-
showClose,
|
|
21
|
-
modalTitle,
|
|
22
|
-
modalType,
|
|
23
|
-
onClose
|
|
24
|
-
} = _ref;
|
|
25
|
-
return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
|
|
26
|
-
classProps: {
|
|
27
|
-
type: 'selection'
|
|
28
|
-
}
|
|
29
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
30
|
-
modalTitle: modalTitle,
|
|
31
|
-
modalType: modalType
|
|
32
|
-
}), /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
|
|
33
|
-
classProps: {
|
|
34
|
-
type: 'form'
|
|
35
|
-
}
|
|
36
|
-
}, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
37
|
-
buttonType: "link",
|
|
38
|
-
containerProps: {
|
|
39
|
-
'data-testid': 'modal-close-btn'
|
|
40
|
-
},
|
|
41
|
-
icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
|
|
42
|
-
onClick: onClose
|
|
43
|
-
})));
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
44
11
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var FormHeader_exports = {};
|
|
29
|
+
__export(FormHeader_exports, {
|
|
30
|
+
FormHeader: () => FormHeader,
|
|
31
|
+
default: () => FormHeader_default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
|
+
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
37
|
+
var import_blocks = require("../blocks");
|
|
38
|
+
var import_Title = require("./Title");
|
|
39
|
+
const FormHeader = ({ showClose, modalTitle, modalType, onClose }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeader, {
|
|
40
|
+
classProps: { type: "selection" }
|
|
41
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
|
|
42
|
+
modalTitle,
|
|
43
|
+
modalType
|
|
44
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeaderTopRight, {
|
|
45
|
+
classProps: { type: "form" }
|
|
46
|
+
}, showClose && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
47
|
+
buttonType: "link",
|
|
48
|
+
containerProps: { "data-testid": "modal-close-btn" },
|
|
49
|
+
icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, null),
|
|
50
|
+
onClick: onClose
|
|
51
|
+
})));
|
|
52
|
+
var FormHeader_default = FormHeader;
|
|
53
|
+
module.exports = __toCommonJS(FormHeader_exports);
|
|
54
|
+
//# sourceMappingURL=FormHeader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/components/FormHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAsB;AACtB,uBAAqB;AACrB,oBAAiD;AACjD,mBAAsB;AAEf,MAAM,aAAa,CAAC,EAAE,WAAW,YAAY,WAAW,cAC7D,mDAAC,2BAAD;AAAA,EAAa,YAAY,EAAE,MAAM;AAAA,GAC/B,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAC/B,mDAAC,mCAAD;AAAA,EAAqB,YAAY,EAAE,MAAM;AAAA,GACtC,aACC,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,gBAAgB,EAAE,eAAe;AAAA,EACjC,MAAM,mDAAC,uBAAD;AAAA,EACN,SAAS;AAAA;AAOnB,IAAO,qBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,112 +1,96 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
-
require('react');
|
|
13
|
-
var constants = require('../../constants.js');
|
|
14
|
-
var SelectionHeader = require('./SelectionHeader.js');
|
|
15
|
-
var DecisionHeader = require('./DecisionHeader.js');
|
|
16
|
-
var FormHeader = require('./FormHeader.js');
|
|
17
|
-
var FeedbackIcon = require('./FeedbackIcon.js');
|
|
18
|
-
var Footer = require('./Footer.js');
|
|
19
|
-
var Title = require('./Title.js');
|
|
20
|
-
var helpers = require('../helpers.js');
|
|
21
|
-
var blocks = require('../blocks.js');
|
|
22
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
23
|
-
|
|
24
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
25
|
-
|
|
26
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
27
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
28
|
-
|
|
29
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
|
-
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
|
-
const DSModalContent = _ref => {
|
|
33
|
-
let {
|
|
34
|
-
containerProps = {},
|
|
35
|
-
//
|
|
36
|
-
modalType = constants.MODAL_TYPE_V2.INFORMATION,
|
|
37
|
-
modalSubType = null,
|
|
38
|
-
modalTitle = '',
|
|
39
|
-
showRejectButton = false,
|
|
40
|
-
showClose = true,
|
|
41
|
-
searchProps = {},
|
|
42
|
-
// override
|
|
43
|
-
actionsRef = () => null,
|
|
44
|
-
additionalFooterCssClass,
|
|
45
|
-
overridePropsConfirmButton = {},
|
|
46
|
-
overridePropsRejectButton = {},
|
|
47
|
-
// react modal
|
|
48
|
-
children,
|
|
49
|
-
onClose = () => null,
|
|
50
|
-
onConfirm = () => null,
|
|
51
|
-
onReject = () => null,
|
|
52
|
-
rejectLabel = 'Discard',
|
|
53
|
-
confirmLabel = 'Save',
|
|
54
|
-
removePadding = false
|
|
55
|
-
} = _ref;
|
|
56
|
-
return /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
57
|
-
children: [helpers.showForm({
|
|
58
|
-
modalType,
|
|
59
|
-
modalSubType
|
|
60
|
-
}) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
|
|
61
|
-
modalTitle: modalTitle,
|
|
62
|
-
modalType: modalType,
|
|
63
|
-
onClose: onClose,
|
|
64
|
-
showClose: showClose
|
|
65
|
-
}), helpers.showSelection({
|
|
66
|
-
modalType,
|
|
67
|
-
modalSubType
|
|
68
|
-
}) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
|
|
69
|
-
modalTitle: modalTitle,
|
|
70
|
-
modalType: modalType,
|
|
71
|
-
searchProps: searchProps,
|
|
72
|
-
showClose: showClose
|
|
73
|
-
}), helpers.showDecision({
|
|
74
|
-
modalType,
|
|
75
|
-
modalSubType
|
|
76
|
-
}) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
|
|
77
|
-
onClose: onClose,
|
|
78
|
-
showClose: showClose
|
|
79
|
-
}), helpers.showFeedBack({
|
|
80
|
-
modalType,
|
|
81
|
-
modalSubType
|
|
82
|
-
}) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
|
|
83
|
-
modalSubType: modalSubType
|
|
84
|
-
}), helpers.showDecision({
|
|
85
|
-
modalType,
|
|
86
|
-
modalSubType
|
|
87
|
-
}) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
88
|
-
modalTitle: modalTitle,
|
|
89
|
-
modalType: modalType
|
|
90
|
-
}), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
|
|
91
|
-
classProps: {
|
|
92
|
-
type: modalType,
|
|
93
|
-
removePadding
|
|
94
|
-
}
|
|
95
|
-
}, void 0, children), helpers.showFooter({
|
|
96
|
-
modalType,
|
|
97
|
-
modalSubType
|
|
98
|
-
}) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
|
|
99
|
-
actionsRef: actionsRef,
|
|
100
|
-
additionalFooterCssClass: additionalFooterCssClass,
|
|
101
|
-
confirmLabel: confirmLabel,
|
|
102
|
-
onConfirm: onConfirm,
|
|
103
|
-
onReject: onReject,
|
|
104
|
-
overridePropsConfirmButton: overridePropsConfirmButton,
|
|
105
|
-
overridePropsRejectButton: overridePropsRejectButton,
|
|
106
|
-
rejectLabel: rejectLabel,
|
|
107
|
-
showRejectButton: showRejectButton
|
|
108
|
-
})]
|
|
109
|
-
}));
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
110
11
|
};
|
|
111
|
-
|
|
112
|
-
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var ModalContent_exports = {};
|
|
29
|
+
__export(ModalContent_exports, {
|
|
30
|
+
DSModalContent: () => DSModalContent
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
34
|
+
var import_constants = require("../../constants");
|
|
35
|
+
var import_SelectionHeader = require("./SelectionHeader");
|
|
36
|
+
var import_DecisionHeader = require("./DecisionHeader");
|
|
37
|
+
var import_FormHeader = require("./FormHeader");
|
|
38
|
+
var import_FeedbackIcon = require("./FeedbackIcon");
|
|
39
|
+
var import_Footer = require("./Footer");
|
|
40
|
+
var import_Title = require("./Title");
|
|
41
|
+
var import_helpers = require("../helpers");
|
|
42
|
+
var import_blocks = require("../blocks");
|
|
43
|
+
const DSModalContent = ({
|
|
44
|
+
containerProps = {},
|
|
45
|
+
modalType = import_constants.MODAL_TYPE_V2.INFORMATION,
|
|
46
|
+
modalSubType = null,
|
|
47
|
+
modalTitle = "",
|
|
48
|
+
showRejectButton = false,
|
|
49
|
+
showClose = true,
|
|
50
|
+
searchProps = {},
|
|
51
|
+
actionsRef = () => null,
|
|
52
|
+
additionalFooterCssClass,
|
|
53
|
+
overridePropsConfirmButton = {},
|
|
54
|
+
overridePropsRejectButton = {},
|
|
55
|
+
children,
|
|
56
|
+
onClose = () => null,
|
|
57
|
+
onConfirm = () => null,
|
|
58
|
+
onReject = () => null,
|
|
59
|
+
rejectLabel = "Discard",
|
|
60
|
+
confirmLabel = "Save",
|
|
61
|
+
removePadding = false
|
|
62
|
+
}) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalWrapper, {
|
|
63
|
+
...containerProps
|
|
64
|
+
}, (0, import_helpers.showForm)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FormHeader.FormHeader, {
|
|
65
|
+
modalTitle,
|
|
66
|
+
modalType,
|
|
67
|
+
onClose,
|
|
68
|
+
showClose
|
|
69
|
+
}), (0, import_helpers.showSelection)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_SelectionHeader.SelectionHeader, {
|
|
70
|
+
modalTitle,
|
|
71
|
+
modalType,
|
|
72
|
+
searchProps,
|
|
73
|
+
showClose
|
|
74
|
+
}), (0, import_helpers.showDecision)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_DecisionHeader.DecisionHeader, {
|
|
75
|
+
onClose,
|
|
76
|
+
showClose
|
|
77
|
+
}), (0, import_helpers.showFeedBack)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_FeedbackIcon.FeedbackIcon, {
|
|
78
|
+
modalSubType
|
|
79
|
+
}), (0, import_helpers.showDecision)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_Title.Title, {
|
|
80
|
+
modalTitle,
|
|
81
|
+
modalType
|
|
82
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalContent, {
|
|
83
|
+
classProps: { type: modalType, removePadding }
|
|
84
|
+
}, children), (0, import_helpers.showFooter)({ modalType, modalSubType }) && /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, {
|
|
85
|
+
actionsRef,
|
|
86
|
+
additionalFooterCssClass,
|
|
87
|
+
confirmLabel,
|
|
88
|
+
onConfirm,
|
|
89
|
+
onReject,
|
|
90
|
+
overridePropsConfirmButton,
|
|
91
|
+
overridePropsRejectButton,
|
|
92
|
+
rejectLabel,
|
|
93
|
+
showRejectButton
|
|
94
|
+
}));
|
|
95
|
+
module.exports = __toCommonJS(ModalContent_exports);
|
|
96
|
+
//# sourceMappingURL=ModalContent.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/v2/components/ModalContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uBAA8B;AAC9B,6BAAgC;AAChC,4BAA+B;AAC/B,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,mBAAsB;AACtB,qBAMO;AACP,oBAA2C;AAEpC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,iBAAiB;AAAA,EAEjB,YAAY,+BAAc;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,mDAAC,4BAAD;AAAA,KAAkB;AAAA,GACf,6BAAS,EAAE,WAAW,mBACrB,mDAAC,8BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,kCAAc,EAAE,WAAW,mBAC1B,mDAAC,wCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAGH,iCAAa,EAAE,WAAW,mBACzB,mDAAC,sCAAD;AAAA,EAAgB;AAAA,EAAkB;AAAA,IAEnC,iCAAa,EAAE,WAAW,mBACzB,mDAAC,kCAAD;AAAA,EAAc;AAAA,IAEf,iCAAa,EAAE,WAAW,mBACzB,mDAAC,oBAAD;AAAA,EAAO;AAAA,EAAwB;AAAA,IAEjC,mDAAC,4BAAD;AAAA,EAAc,YAAY,EAAE,MAAM,WAAW;AAAA,GAC1C,WAEF,+BAAW,EAAE,WAAW,mBACvB,mDAAC,sBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|