@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
package/cjs/v1/DSModal.js
CHANGED
|
@@ -1,148 +1,177 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
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
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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 DSModal_exports = {};
|
|
29
|
+
__export(DSModal_exports, {
|
|
30
|
+
default: () => DSModal_default
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
34
|
+
var import_prop_types = __toESM(require("prop-types"));
|
|
35
|
+
var import_react_modal = __toESM(require("react-modal"));
|
|
36
|
+
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
37
|
+
var import_ds_icon = require("@elliemae/ds-icon");
|
|
38
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
39
|
+
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
40
|
+
var import_constants = __toESM(require("../constants"));
|
|
41
|
+
var import_ModalFeedBack = __toESM(require("./ModalFeedBack/ModalFeedBack"));
|
|
42
|
+
var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
|
|
43
|
+
const DSModal = ({
|
|
44
|
+
containerProps = {},
|
|
45
|
+
className = "",
|
|
46
|
+
dataTestId = "ds-modal",
|
|
47
|
+
additionalFooterCssClass = "",
|
|
48
|
+
style = {},
|
|
49
|
+
iconCloseSize = import_ds_icon.DSIconSizes.S,
|
|
50
|
+
modalType = import_constants.default.DEFAULT,
|
|
51
|
+
showHeader = true,
|
|
52
|
+
showFooter = true,
|
|
53
|
+
children,
|
|
54
|
+
centered = true,
|
|
55
|
+
confirmLabel = "Accept",
|
|
56
|
+
modalTitle = "",
|
|
57
|
+
size = "medium",
|
|
58
|
+
isOpen = false,
|
|
59
|
+
onClose = () => null,
|
|
60
|
+
onAfterOpen = () => null,
|
|
61
|
+
onConfirm = () => null,
|
|
62
|
+
onReject = () => null,
|
|
63
|
+
rejectLabel = "Cancel",
|
|
64
|
+
shouldCloseOnOverlayClick = false,
|
|
65
|
+
hasError = false,
|
|
66
|
+
hasWarning = false,
|
|
67
|
+
hasSuccess = false,
|
|
68
|
+
hasInfo = false,
|
|
69
|
+
hasHelp = false,
|
|
70
|
+
actionsRef = () => null,
|
|
71
|
+
appElement = "#root",
|
|
72
|
+
overridePropsConfirmButton = {},
|
|
73
|
+
overridePropsRejectButton = {},
|
|
74
|
+
zIndex = 10
|
|
75
|
+
}) => {
|
|
76
|
+
typeof document !== "undefined" && document && import_react_modal.default.setAppElement && import_react_modal.default.setAppElement(appElement);
|
|
77
|
+
const { cssClassName, classNameElement, classNameBlock, classNameModifier, classNameBlockModifier } = (0, import_ds_classnames.convertPropToCssClassName)("modal", className, {
|
|
77
78
|
hasError,
|
|
78
79
|
hasWarning,
|
|
79
80
|
hasSuccess,
|
|
80
81
|
modalType,
|
|
81
82
|
size
|
|
82
83
|
});
|
|
83
|
-
const {
|
|
84
|
-
WARNING,
|
|
85
|
-
ERROR,
|
|
86
|
-
SUCCESS,
|
|
87
|
-
HELP,
|
|
88
|
-
INFO
|
|
89
|
-
} = constants.MODAL_TYPE;
|
|
84
|
+
const { WARNING, ERROR, SUCCESS, HELP, INFO } = import_constants.default;
|
|
90
85
|
const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;
|
|
91
86
|
const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;
|
|
92
|
-
return
|
|
87
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_modal.default, {
|
|
93
88
|
testId: dataTestId,
|
|
94
89
|
className: cssClassName,
|
|
95
90
|
contentLabel: modalTitle,
|
|
96
|
-
isOpen
|
|
97
|
-
onAfterOpen
|
|
91
|
+
isOpen,
|
|
92
|
+
onAfterOpen,
|
|
98
93
|
onRequestClose: onClose,
|
|
99
|
-
overlayClassName:
|
|
100
|
-
shouldCloseOnOverlayClick
|
|
94
|
+
overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered && "center")}`,
|
|
95
|
+
shouldCloseOnOverlayClick,
|
|
101
96
|
style: {
|
|
102
|
-
content:
|
|
97
|
+
content: {
|
|
98
|
+
...style
|
|
99
|
+
},
|
|
103
100
|
overlay: {
|
|
104
101
|
zIndex
|
|
105
102
|
}
|
|
106
103
|
}
|
|
107
|
-
},
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
104
|
+
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
105
|
+
...containerProps
|
|
106
|
+
}, showHeader && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
107
|
+
className: classNameBlock("modal-header")
|
|
108
|
+
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
109
|
+
className: classNameElement("title", "modal-header")
|
|
110
|
+
}, modalTitle), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
111
|
+
className: classNameElement("icon", "modal-header")
|
|
112
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
113
|
+
buttonType: "link",
|
|
114
|
+
icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, null),
|
|
115
|
+
onClick: onClose,
|
|
116
|
+
size: iconCloseSize
|
|
117
|
+
}))), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
118
|
+
className: classNameElement("body")
|
|
119
|
+
}, showFeedBack && /* @__PURE__ */ import_react.default.createElement(import_ModalFeedBack.default, {
|
|
120
|
+
hasError,
|
|
121
|
+
hasHelp,
|
|
122
|
+
hasInfo,
|
|
123
|
+
hasSuccess,
|
|
124
|
+
hasWarning,
|
|
125
|
+
modalType
|
|
126
|
+
}), children), showFooter && !isAFeedbackType && /* @__PURE__ */ import_react.default.createElement("div", {
|
|
127
|
+
className: `${classNameBlock("modal-footer")} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, "modal-footer") : ""}`
|
|
128
|
+
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
129
|
+
ref: actionsRef,
|
|
130
|
+
className: classNameBlock("modal-footer-actions")
|
|
131
|
+
}, modalType === import_constants.default.CONFIRM && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
132
|
+
buttonType: "secondary",
|
|
133
|
+
className: `${classNameElement("button-action")} ${classNameModifier("reject", "button-action")} `,
|
|
134
|
+
labelText: rejectLabel,
|
|
135
|
+
onClick: onReject,
|
|
136
|
+
...overridePropsRejectButton
|
|
137
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
138
|
+
buttonType: "primary",
|
|
139
|
+
className: `${classNameElement("button-action")} ${classNameModifier("confirm", "button-action")} `,
|
|
140
|
+
labelText: confirmLabel,
|
|
141
|
+
onClick: onConfirm,
|
|
142
|
+
...overridePropsConfirmButton
|
|
143
|
+
})))));
|
|
144
|
+
};
|
|
145
|
+
DSModal.propTypes = {
|
|
146
|
+
className: import_prop_types.default.string,
|
|
147
|
+
additionalFooterCssClass: import_prop_types.default.string,
|
|
148
|
+
style: import_prop_types.default.shape({}),
|
|
149
|
+
iconCloseSize: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
|
|
150
|
+
modalType: import_prop_types.default.oneOf(import_constants.modalTypes),
|
|
151
|
+
showHeader: import_prop_types.default.bool,
|
|
152
|
+
showFooter: import_prop_types.default.bool,
|
|
153
|
+
children: import_prop_types.default.oneOfType([import_prop_types.default.element, import_prop_types.default.string, import_prop_types.default.any]).isRequired,
|
|
154
|
+
centered: import_prop_types.default.bool,
|
|
155
|
+
confirmLabel: import_prop_types.default.string,
|
|
156
|
+
modalTitle: import_prop_types.default.string,
|
|
157
|
+
size: import_prop_types.default.oneOf(import_prop_types2.sizes),
|
|
158
|
+
isOpen: import_prop_types.default.bool,
|
|
159
|
+
onClose: import_prop_types.default.func,
|
|
160
|
+
onAfterOpen: import_prop_types.default.func,
|
|
161
|
+
onConfirm: import_prop_types.default.func,
|
|
162
|
+
onReject: import_prop_types.default.func,
|
|
163
|
+
rejectLabel: import_prop_types.default.string,
|
|
164
|
+
shouldCloseOnOverlayClick: import_prop_types.default.bool,
|
|
165
|
+
hasError: import_prop_types.default.bool,
|
|
166
|
+
hasWarning: import_prop_types.default.bool,
|
|
167
|
+
hasSuccess: import_prop_types.default.bool,
|
|
168
|
+
hasInfo: import_prop_types.default.bool,
|
|
169
|
+
hasHelp: import_prop_types.default.bool,
|
|
170
|
+
actionsRef: import_prop_types.default.func,
|
|
171
|
+
appElement: import_prop_types.default.string,
|
|
172
|
+
overridePropsConfirmButton: import_prop_types.default.shape({}),
|
|
173
|
+
overridePropsRejectButton: import_prop_types.default.shape({})
|
|
146
174
|
};
|
|
147
|
-
|
|
148
|
-
module.exports =
|
|
175
|
+
var DSModal_default = DSModal;
|
|
176
|
+
module.exports = __toCommonJS(DSModal_exports);
|
|
177
|
+
//# sourceMappingURL=DSModal.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v1/DSModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MODAL_TYPE, { modalTypes } from '../constants';\nimport ModalFeedBack from './ModalFeedBack/ModalFeedBack';\nimport { sizes, iconSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSModal = ({\n containerProps = {},\n className = '',\n dataTestId = 'ds-modal',\n additionalFooterCssClass = '',\n style = {},\n iconCloseSize = DSIconSizes.S,\n modalType = MODAL_TYPE.DEFAULT,\n showHeader = true,\n showFooter = true,\n children,\n centered = true,\n confirmLabel = 'Accept',\n modalTitle = '',\n size = 'medium',\n isOpen = false,\n onClose = () => null,\n onAfterOpen = () => null,\n onConfirm = () => null,\n onReject = () => null,\n rejectLabel = 'Cancel',\n shouldCloseOnOverlayClick = false,\n hasError = false,\n hasWarning = false,\n hasSuccess = false,\n hasInfo = false,\n hasHelp = false,\n actionsRef = () => null,\n appElement = '#root',\n overridePropsConfirmButton = {},\n overridePropsRejectButton = {},\n zIndex = 10,\n}) => {\n // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples\n typeof document !== 'undefined' && document && ReactModal.setAppElement && ReactModal.setAppElement(appElement); // eslint-disable-line\n const { cssClassName, classNameElement, classNameBlock, classNameModifier, classNameBlockModifier } =\n convertPropToCssClassName('modal', className, {\n hasError,\n hasWarning,\n hasSuccess,\n modalType,\n size,\n });\n\n const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\n const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;\n const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;\n\n return (\n <ReactModal\n testId={dataTestId}\n className={cssClassName}\n contentLabel={modalTitle}\n isOpen={isOpen}\n onAfterOpen={onAfterOpen}\n onRequestClose={onClose}\n overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n style={{\n content: {\n ...style,\n },\n overlay: {\n zIndex,\n },\n }}\n >\n <div {...containerProps}>\n {showHeader && (\n <div className={classNameBlock('modal-header')}>\n <div className={classNameElement('title', 'modal-header')}>{modalTitle}</div>\n <div className={classNameElement('icon', 'modal-header')}>\n <DSButton buttonType=\"link\" icon={<Close />} onClick={onClose} size={iconCloseSize} />\n </div>\n </div>\n )}\n <div className={classNameElement('body')}>\n {showFeedBack && (\n <ModalFeedBack\n hasError={hasError}\n hasHelp={hasHelp}\n hasInfo={hasInfo}\n hasSuccess={hasSuccess}\n hasWarning={hasWarning}\n modalType={modalType}\n />\n )}\n {children}\n </div>\n {showFooter && !isAFeedbackType && (\n <div\n className={`${classNameBlock('modal-footer')} ${\n additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''\n }`}\n >\n <div ref={actionsRef} className={classNameBlock('modal-footer-actions')}>\n {modalType === MODAL_TYPE.CONFIRM && (\n <DSButton\n buttonType=\"secondary\"\n className={`${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `}\n labelText={rejectLabel}\n onClick={onReject}\n {...overridePropsRejectButton}\n />\n )}\n <DSButton\n buttonType=\"primary\"\n className={`${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `}\n labelText={confirmLabel}\n onClick={onConfirm}\n {...overridePropsConfirmButton}\n />\n </div>\n </div>\n )}\n </div>\n </ReactModal>\n );\n};\n\nDSModal.propTypes = {\n className: PropTypes.string,\n /**\n * Add an additional css class to the footer\n */\n additionalFooterCssClass: PropTypes.string,\n /**\n * Set style for the modal\n */\n style: PropTypes.shape({}),\n /**\n * Select size for the close icon\n */\n iconCloseSize: PropTypes.oneOf(iconSizes),\n /**\n * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n */\n modalType: PropTypes.oneOf(modalTypes),\n /**\n * Show the header or not\n */\n showHeader: PropTypes.bool,\n /**\n * Show the footer or not\n */\n showFooter: PropTypes.bool,\n /**\n * Main content of the modal\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired,\n /**\n * Content is centered or not\n */\n centered: PropTypes.bool,\n /**\n * Text to be added in the confirm button\n */\n confirmLabel: PropTypes.string,\n /**\n * Text to be added in the modal title\n */\n modalTitle: PropTypes.string,\n /**\n * Text to be added in the modal title\n */\n size: PropTypes.oneOf(sizes),\n /**\n * Modal is open or not\n */\n isOpen: PropTypes.bool,\n /**\n * Allows a function to be triggered once the modal is closed\n */\n onClose: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal is opened\n */\n onAfterOpen: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal open is confirmed\n */\n onConfirm: PropTypes.func,\n /**\n * Allows a function to be triggered once the modal open is rejected\n */\n onReject: PropTypes.func,\n /**\n * Text to be added in the reject button\n */\n rejectLabel: PropTypes.string,\n /**\n * If modal should close on overlay click\n */\n shouldCloseOnOverlayClick: PropTypes.bool,\n /**\n * Modal has error or not\n */\n hasError: PropTypes.bool,\n /**\n * Modal has warning or not\n */\n hasWarning: PropTypes.bool,\n /**\n * Modal has success or not\n */\n hasSuccess: PropTypes.bool,\n /**\n * Modal has info or not\n */\n hasInfo: PropTypes.bool,\n /**\n * Modal has help or not\n */\n hasHelp: PropTypes.bool,\n actionsRef: PropTypes.func,\n appElement: PropTypes.string,\n /**\n * Customized props for the confirm button\n */\n overridePropsConfirmButton: PropTypes.shape({}),\n /**\n * Customized props for the reject button\n */\n overridePropsRejectButton: PropTypes.shape({}),\n};\n\nexport default DSModal;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/cjs/v1/DSModalType.js
CHANGED
|
@@ -1,7 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 DSModalType_exports = {};
|
|
29
|
+
__export(DSModalType_exports, {
|
|
30
|
+
modalTypes: () => modalTypes
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
const modalTypes = [
|
|
34
|
+
MODAL_TYPE.DEFAULT,
|
|
35
|
+
MODAL_TYPE.ALERT,
|
|
36
|
+
MODAL_TYPE.CONFIRM,
|
|
37
|
+
MODAL_TYPE.NOTIFICATION,
|
|
38
|
+
MODAL_TYPE.WARNING,
|
|
39
|
+
MODAL_TYPE.ERROR,
|
|
40
|
+
MODAL_TYPE.SUCCESS,
|
|
41
|
+
MODAL_TYPE.HELP,
|
|
42
|
+
MODAL_TYPE.INFO
|
|
43
|
+
];
|
|
44
|
+
module.exports = __toCommonJS(DSModalType_exports);
|
|
45
|
+
//# sourceMappingURL=DSModalType.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v1/DSModalType.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export const modalTypes = [\n MODAL_TYPE.DEFAULT,\n MODAL_TYPE.ALERT,\n MODAL_TYPE.CONFIRM,\n MODAL_TYPE.NOTIFICATION,\n MODAL_TYPE.WARNING,\n MODAL_TYPE.ERROR,\n MODAL_TYPE.SUCCESS,\n MODAL_TYPE.HELP,\n MODAL_TYPE.INFO,\n];\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|