@elliemae/ds-modal 2.2.0-alpha.4 → 3.0.0-next.2
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 +184 -86
- package/cjs/constants.js +28 -67
- package/cjs/index.js +18 -39
- package/cjs/v1/DSModal.js +130 -159
- package/cjs/v1/DSModalType.js +7 -45
- package/cjs/v1/DSModalWrapper.js +113 -76
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +72 -77
- package/cjs/v2/DSModal.js +186 -143
- package/cjs/v2/blocks.js +86 -69
- package/cjs/v2/components/DecisionHeader.js +37 -47
- package/cjs/v2/components/FeedbackIcon.js +50 -59
- package/cjs/v2/components/Footer.js +65 -68
- package/cjs/v2/components/FormHeader.js +46 -53
- package/cjs/v2/components/ModalContent.js +111 -95
- package/cjs/v2/components/SelectionHeader.js +48 -50
- package/cjs/v2/components/Title.js +25 -40
- package/cjs/v2/helpers.js +40 -49
- package/esm/DSModal.js +142 -26
- package/esm/constants.js +20 -38
- package/esm/index.js +4 -10
- package/esm/v1/DSModal.js +121 -130
- package/esm/v1/DSModalType.js +3 -16
- package/esm/v1/DSModalWrapper.js +105 -45
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +66 -48
- package/esm/v2/DSModal.js +173 -112
- package/esm/v2/blocks.js +77 -42
- package/esm/v2/components/DecisionHeader.js +27 -18
- package/esm/v2/components/FeedbackIcon.js +36 -25
- package/esm/v2/components/Footer.js +54 -39
- package/esm/v2/components/FormHeader.js +36 -24
- package/esm/v2/components/ModalContent.js +102 -72
- package/esm/v2/components/SelectionHeader.js +38 -21
- package/esm/v2/components/Title.js +16 -11
- package/esm/v2/helpers.js +28 -16
- package/package.json +8 -8
- package/types/DSModal.d.ts +1 -1
- package/cjs/DSModal.js.map +0 -7
- package/cjs/constants.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/v1/DSModal.js.map +0 -7
- package/cjs/v1/DSModalType.js.map +0 -7
- package/cjs/v1/DSModalWrapper.js.map +0 -7
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +0 -7
- package/cjs/v2/DSModal.js.map +0 -7
- package/cjs/v2/blocks.js.map +0 -7
- package/cjs/v2/components/DecisionHeader.js.map +0 -7
- package/cjs/v2/components/FeedbackIcon.js.map +0 -7
- package/cjs/v2/components/Footer.js.map +0 -7
- package/cjs/v2/components/FormHeader.js.map +0 -7
- package/cjs/v2/components/ModalContent.js.map +0 -7
- package/cjs/v2/components/SelectionHeader.js.map +0 -7
- package/cjs/v2/components/Title.js.map +0 -7
- package/cjs/v2/helpers.js.map +0 -7
- package/esm/DSModal.js.map +0 -7
- package/esm/constants.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/v1/DSModal.js.map +0 -7
- package/esm/v1/DSModalType.js.map +0 -7
- package/esm/v1/DSModalWrapper.js.map +0 -7
- package/esm/v1/ModalFeedBack/ModalFeedBack.js.map +0 -7
- package/esm/v2/DSModal.js.map +0 -7
- package/esm/v2/blocks.js.map +0 -7
- package/esm/v2/components/DecisionHeader.js.map +0 -7
- package/esm/v2/components/FeedbackIcon.js.map +0 -7
- package/esm/v2/components/Footer.js.map +0 -7
- package/esm/v2/components/FormHeader.js.map +0 -7
- package/esm/v2/components/ModalContent.js.map +0 -7
- package/esm/v2/components/SelectionHeader.js.map +0 -7
- package/esm/v2/components/Title.js.map +0 -7
- package/esm/v2/helpers.js.map +0 -7
package/cjs/v2/blocks.js
CHANGED
|
@@ -1,71 +1,88 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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);
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
|
+
|
|
7
|
+
const blockName = 'modal-v2';
|
|
8
|
+
const ModalHeader = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header', _ref => {
|
|
9
|
+
let {
|
|
10
|
+
type,
|
|
11
|
+
showClose
|
|
12
|
+
} = _ref;
|
|
13
|
+
return {
|
|
14
|
+
[type]: type,
|
|
15
|
+
'with-close': showClose
|
|
26
16
|
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var blocks_exports = {};
|
|
29
|
-
__export(blocks_exports, {
|
|
30
|
-
ModalContent: () => ModalContent,
|
|
31
|
-
ModalFeedback: () => ModalFeedback,
|
|
32
|
-
ModalFooter: () => ModalFooter,
|
|
33
|
-
ModalFooterActions: () => ModalFooterActions,
|
|
34
|
-
ModalHeader: () => ModalHeader,
|
|
35
|
-
ModalHeaderTopRight: () => ModalHeaderTopRight,
|
|
36
|
-
ModalTitle: () => ModalTitle,
|
|
37
|
-
ModalWrapper: () => ModalWrapper
|
|
38
17
|
});
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
})
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
})
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
18
|
+
const ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
|
|
19
|
+
let {
|
|
20
|
+
type
|
|
21
|
+
} = _ref2;
|
|
22
|
+
return {
|
|
23
|
+
[type]: type
|
|
24
|
+
};
|
|
25
|
+
});
|
|
26
|
+
const ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
|
|
27
|
+
let {
|
|
28
|
+
type
|
|
29
|
+
} = _ref3;
|
|
30
|
+
return {
|
|
31
|
+
[type]: type
|
|
32
|
+
};
|
|
33
|
+
});
|
|
34
|
+
const ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
|
|
35
|
+
let {
|
|
36
|
+
type
|
|
37
|
+
} = _ref4;
|
|
38
|
+
return {
|
|
39
|
+
[type]: type
|
|
40
|
+
};
|
|
41
|
+
});
|
|
42
|
+
const ModalContent = dsClassnames.aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
|
|
43
|
+
let {
|
|
44
|
+
type,
|
|
45
|
+
removePadding
|
|
46
|
+
} = _ref5;
|
|
47
|
+
return {
|
|
48
|
+
[type]: type,
|
|
49
|
+
'remove-padding': removePadding
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
const ModalWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
|
|
53
|
+
let {
|
|
54
|
+
type,
|
|
55
|
+
removePadding
|
|
56
|
+
} = _ref6;
|
|
57
|
+
return {
|
|
58
|
+
[type]: type,
|
|
59
|
+
'remove-padding': removePadding
|
|
60
|
+
};
|
|
61
|
+
});
|
|
62
|
+
const ModalFooter = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
|
|
63
|
+
let {
|
|
64
|
+
type,
|
|
65
|
+
additionalFooterCssClass
|
|
66
|
+
} = _ref7;
|
|
67
|
+
return {
|
|
68
|
+
[type]: type,
|
|
69
|
+
[additionalFooterCssClass]: additionalFooterCssClass
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
const ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
|
|
73
|
+
let {
|
|
74
|
+
type
|
|
75
|
+
} = _ref8;
|
|
76
|
+
return {
|
|
77
|
+
[type]: type
|
|
78
|
+
};
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
exports.ModalContent = ModalContent;
|
|
82
|
+
exports.ModalFeedback = ModalFeedback;
|
|
83
|
+
exports.ModalFooter = ModalFooter;
|
|
84
|
+
exports.ModalFooterActions = ModalFooterActions;
|
|
85
|
+
exports.ModalHeader = ModalHeader;
|
|
86
|
+
exports.ModalHeaderTopRight = ModalHeaderTopRight;
|
|
87
|
+
exports.ModalTitle = ModalTitle;
|
|
88
|
+
exports.ModalWrapper = ModalWrapper;
|
|
@@ -1,48 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
var DSButton = require('@elliemae/ds-button');
|
|
9
|
+
var blocks = require('../blocks.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
15
|
+
|
|
16
|
+
var _Close;
|
|
17
|
+
const DecisionHeader = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
onClose,
|
|
20
|
+
showClose
|
|
21
|
+
} = _ref;
|
|
22
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
|
|
23
|
+
classProps: {
|
|
24
|
+
type: 'decision',
|
|
25
|
+
showClose
|
|
26
|
+
}
|
|
27
|
+
}, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
28
|
+
buttonType: "link",
|
|
29
|
+
containerProps: {
|
|
30
|
+
'data-testid': 'modal-button-close'
|
|
31
|
+
},
|
|
32
|
+
icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
|
|
33
|
+
onClick: onClose
|
|
34
|
+
}));
|
|
11
35
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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 DecisionHeader_exports = {};
|
|
29
|
-
__export(DecisionHeader_exports, {
|
|
30
|
-
DecisionHeader: () => DecisionHeader,
|
|
31
|
-
default: () => DecisionHeader_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
|
-
const DecisionHeader = ({ onClose, showClose }) => /* @__PURE__ */ import_react.default.createElement(import_blocks.ModalHeader, {
|
|
39
|
-
classProps: { type: "decision", showClose }
|
|
40
|
-
}, showClose && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
41
|
-
buttonType: "link",
|
|
42
|
-
containerProps: { "data-testid": "modal-button-close" },
|
|
43
|
-
icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, null),
|
|
44
|
-
onClick: onClose
|
|
45
|
-
}));
|
|
46
|
-
var DecisionHeader_default = DecisionHeader;
|
|
47
|
-
module.exports = __toCommonJS(DecisionHeader_exports);
|
|
48
|
-
//# sourceMappingURL=DecisionHeader.js.map
|
|
36
|
+
|
|
37
|
+
exports.DecisionHeader = DecisionHeader;
|
|
38
|
+
exports["default"] = DecisionHeader;
|
|
@@ -1,73 +1,64 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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) => {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
var constants = require('../../constants.js');
|
|
9
|
+
var blocks = require('../blocks.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
|
|
15
|
+
var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
|
|
16
|
+
const feedbackIconSize = 'xxl';
|
|
17
|
+
|
|
18
|
+
const getIconType = subtype => {
|
|
40
19
|
switch (subtype) {
|
|
41
|
-
case
|
|
42
|
-
return
|
|
20
|
+
case constants.MODAL_SUB_TYPE_V2.WARNING:
|
|
21
|
+
return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
|
|
43
22
|
"data-testid": "icon-waring",
|
|
44
23
|
size: feedbackIconSize
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
|
|
24
|
+
}));
|
|
25
|
+
|
|
26
|
+
case constants.MODAL_SUB_TYPE_V2.ERROR:
|
|
27
|
+
return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](dsIcons.ErrorHexegon, {
|
|
48
28
|
"data-testid": "icon-error",
|
|
49
29
|
size: feedbackIconSize
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
|
|
30
|
+
}));
|
|
31
|
+
|
|
32
|
+
case constants.MODAL_SUB_TYPE_V2.SUCCESS:
|
|
33
|
+
return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
|
|
53
34
|
"data-testid": "icon-success",
|
|
54
35
|
size: feedbackIconSize
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
|
|
36
|
+
}));
|
|
37
|
+
|
|
38
|
+
case constants.MODAL_SUB_TYPE_V2.INFORMATION:
|
|
39
|
+
return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
|
|
58
40
|
"data-testid": "icon-information",
|
|
59
41
|
size: feedbackIconSize
|
|
60
|
-
});
|
|
42
|
+
}));
|
|
43
|
+
|
|
61
44
|
default:
|
|
62
|
-
return
|
|
45
|
+
return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
|
|
63
46
|
"data-testid": "icon-help",
|
|
64
47
|
size: feedbackIconSize
|
|
65
|
-
});
|
|
48
|
+
}));
|
|
66
49
|
}
|
|
67
50
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
51
|
+
|
|
52
|
+
const FeedbackIcon = _ref => {
|
|
53
|
+
let {
|
|
54
|
+
modalSubType
|
|
55
|
+
} = _ref;
|
|
56
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalFeedback, {
|
|
57
|
+
classProps: {
|
|
58
|
+
type: modalSubType
|
|
59
|
+
}
|
|
60
|
+
}, void 0, getIconType(modalSubType));
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
exports.FeedbackIcon = FeedbackIcon;
|
|
64
|
+
exports["default"] = FeedbackIcon;
|
|
@@ -1,69 +1,66 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
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
|
+
}));
|
|
11
63
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
64
|
+
|
|
65
|
+
exports.Footer = Footer;
|
|
66
|
+
exports["default"] = Footer;
|
|
@@ -1,54 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
var DSButton = require('@elliemae/ds-button');
|
|
9
|
+
var blocks = require('../blocks.js');
|
|
10
|
+
var Title = require('./Title.js');
|
|
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
|
+
})));
|
|
11
44
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
45
|
+
|
|
46
|
+
exports.FormHeader = FormHeader;
|
|
47
|
+
exports["default"] = FormHeader;
|