@elliemae/ds-modal 3.0.0-next.0 → 3.0.0-next.4

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.
Files changed (125) hide show
  1. package/dist/cjs/DSModal.js +111 -0
  2. package/dist/cjs/DSModal.js.map +7 -0
  3. package/dist/cjs/constants.js +73 -0
  4. package/dist/cjs/constants.js.map +7 -0
  5. package/dist/cjs/index.js +43 -0
  6. package/dist/cjs/index.js.map +7 -0
  7. package/dist/cjs/v1/DSModal.js +185 -0
  8. package/dist/cjs/v1/DSModal.js.map +7 -0
  9. package/dist/cjs/v1/DSModalType.js +45 -0
  10. package/dist/cjs/v1/DSModalType.js.map +7 -0
  11. package/dist/cjs/v1/DSModalWrapper.js +145 -0
  12. package/dist/cjs/v1/DSModalWrapper.js.map +7 -0
  13. package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js +103 -0
  14. package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +7 -0
  15. package/dist/cjs/v2/DSModal.js +172 -0
  16. package/dist/cjs/v2/DSModal.js.map +7 -0
  17. package/dist/cjs/v2/blocks.js +71 -0
  18. package/dist/cjs/v2/blocks.js.map +7 -0
  19. package/dist/cjs/v2/components/DecisionHeader.js +48 -0
  20. package/dist/cjs/v2/components/DecisionHeader.js.map +7 -0
  21. package/dist/cjs/v2/components/FeedbackIcon.js +73 -0
  22. package/dist/cjs/v2/components/FeedbackIcon.js.map +7 -0
  23. package/dist/cjs/v2/components/Footer.js +81 -0
  24. package/dist/cjs/v2/components/Footer.js.map +7 -0
  25. package/dist/cjs/v2/components/FormHeader.js +54 -0
  26. package/dist/cjs/v2/components/FormHeader.js.map +7 -0
  27. package/dist/cjs/v2/components/ModalContent.js +108 -0
  28. package/dist/cjs/v2/components/ModalContent.js.map +7 -0
  29. package/dist/cjs/v2/components/SelectionHeader.js +63 -0
  30. package/dist/cjs/v2/components/SelectionHeader.js.map +7 -0
  31. package/dist/cjs/v2/components/Title.js +41 -0
  32. package/dist/cjs/v2/components/Title.js.map +7 -0
  33. package/dist/cjs/v2/helpers.js +54 -0
  34. package/dist/cjs/v2/helpers.js.map +7 -0
  35. package/dist/esm/DSModal.js +84 -0
  36. package/dist/esm/DSModal.js.map +7 -0
  37. package/dist/esm/constants.js +44 -0
  38. package/dist/esm/constants.js.map +7 -0
  39. package/dist/esm/index.js +14 -0
  40. package/dist/esm/index.js.map +7 -0
  41. package/dist/esm/v1/DSModal.js +158 -0
  42. package/dist/esm/v1/DSModal.js.map +7 -0
  43. package/dist/esm/v1/DSModalType.js +16 -0
  44. package/dist/esm/v1/DSModalType.js.map +7 -0
  45. package/dist/esm/v1/DSModalWrapper.js +118 -0
  46. package/dist/esm/v1/DSModalWrapper.js.map +7 -0
  47. package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js +74 -0
  48. package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js.map +7 -0
  49. package/dist/esm/v2/DSModal.js +145 -0
  50. package/dist/esm/v2/DSModal.js.map +7 -0
  51. package/dist/esm/v2/blocks.js +42 -0
  52. package/dist/esm/v2/blocks.js.map +7 -0
  53. package/dist/esm/v2/components/DecisionHeader.js +19 -0
  54. package/dist/esm/v2/components/DecisionHeader.js.map +7 -0
  55. package/dist/esm/v2/components/FeedbackIcon.js +44 -0
  56. package/dist/esm/v2/components/FeedbackIcon.js.map +7 -0
  57. package/dist/esm/v2/components/Footer.js +54 -0
  58. package/dist/esm/v2/components/Footer.js.map +7 -0
  59. package/dist/esm/v2/components/FormHeader.js +25 -0
  60. package/dist/esm/v2/components/FormHeader.js.map +7 -0
  61. package/dist/esm/v2/components/ModalContent.js +87 -0
  62. package/dist/esm/v2/components/ModalContent.js.map +7 -0
  63. package/dist/esm/v2/components/SelectionHeader.js +36 -0
  64. package/dist/esm/v2/components/SelectionHeader.js.map +7 -0
  65. package/dist/esm/v2/components/Title.js +12 -0
  66. package/dist/esm/v2/components/Title.js.map +7 -0
  67. package/dist/esm/v2/helpers.js +25 -0
  68. package/dist/esm/v2/helpers.js.map +7 -0
  69. package/package.json +64 -55
  70. package/cjs/DSModal.js +0 -186
  71. package/cjs/constants.js +0 -34
  72. package/cjs/index.js +0 -18
  73. package/cjs/v1/DSModal.js +0 -148
  74. package/cjs/v1/DSModalType.js +0 -7
  75. package/cjs/v1/DSModalWrapper.js +0 -166
  76. package/cjs/v1/ModalFeedBack/ModalFeedBack.js +0 -98
  77. package/cjs/v2/DSModal.js +0 -203
  78. package/cjs/v2/blocks.js +0 -88
  79. package/cjs/v2/components/DecisionHeader.js +0 -38
  80. package/cjs/v2/components/FeedbackIcon.js +0 -64
  81. package/cjs/v2/components/Footer.js +0 -66
  82. package/cjs/v2/components/FormHeader.js +0 -47
  83. package/cjs/v2/components/ModalContent.js +0 -112
  84. package/cjs/v2/components/SelectionHeader.js +0 -49
  85. package/cjs/v2/components/Title.js +0 -26
  86. package/cjs/v2/helpers.js +0 -45
  87. package/esm/DSModal.js +0 -175
  88. package/esm/constants.js +0 -26
  89. package/esm/index.js +0 -4
  90. package/esm/v1/DSModal.js +0 -139
  91. package/esm/v1/DSModalType.js +0 -3
  92. package/esm/v1/DSModalWrapper.js +0 -160
  93. package/esm/v1/ModalFeedBack/ModalFeedBack.js +0 -92
  94. package/esm/v2/DSModal.js +0 -192
  95. package/esm/v2/blocks.js +0 -77
  96. package/esm/v2/components/DecisionHeader.js +0 -28
  97. package/esm/v2/components/FeedbackIcon.js +0 -55
  98. package/esm/v2/components/Footer.js +0 -55
  99. package/esm/v2/components/FormHeader.js +0 -37
  100. package/esm/v2/components/ModalContent.js +0 -103
  101. package/esm/v2/components/SelectionHeader.js +0 -39
  102. package/esm/v2/components/Title.js +0 -17
  103. package/esm/v2/helpers.js +0 -37
  104. package/types/DSModal.d.ts +0 -14
  105. package/types/constants.d.ts +0 -25
  106. package/types/index.d.ts +0 -4
  107. package/types/v1/DSModal.d.ts +0 -143
  108. package/types/v1/DSModalType.d.ts +0 -1
  109. package/types/v1/ModalFeedBack/ModalFeedBack.d.ts +0 -11
  110. package/types/v2/DSModal.d.ts +0 -260
  111. package/types/v2/blocks.d.ts +0 -9
  112. package/types/v2/components/DecisionHeader.d.ts +0 -6
  113. package/types/v2/components/FeedbackIcon.d.ts +0 -5
  114. package/types/v2/components/Footer.d.ts +0 -13
  115. package/types/v2/components/FormHeader.d.ts +0 -8
  116. package/types/v2/components/ModalContent.d.ts +0 -21
  117. package/types/v2/components/SelectionHeader.d.ts +0 -8
  118. package/types/v2/components/Title.d.ts +0 -6
  119. package/types/v2/components/tests/DecisionHeader.test.d.ts +0 -1
  120. package/types/v2/components/tests/FeedbackIcon.test.d.ts +0 -1
  121. package/types/v2/components/tests/Footer.test.d.ts +0 -1
  122. package/types/v2/components/tests/FormHeader.test.d.ts +0 -1
  123. package/types/v2/components/tests/SelectionHeader.test.d.ts +0 -1
  124. package/types/v2/helpers.d.ts +0 -16
  125. package/types/v2/tests/DSModal.test.d.ts +0 -1
package/package.json CHANGED
@@ -1,79 +1,82 @@
1
1
  {
2
2
  "name": "@elliemae/ds-modal",
3
- "version": "3.0.0-next.0",
3
+ "version": "3.0.0-next.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Modal",
6
- "module": "./esm/index.js",
7
- "main": "./cjs/index.js",
8
- "types": "./types/index.d.ts",
6
+ "files": [
7
+ "dist"
8
+ ],
9
+ "module": "./dist/esm/index.js",
10
+ "main": "./dist/cjs/index.js",
11
+ "types": "./dist/types/index.d.ts",
9
12
  "exports": {
10
13
  ".": {
11
- "import": "./esm/index.js",
12
- "require": "./cjs/index.js"
14
+ "import": "./dist/esm/index.js",
15
+ "require": "./dist/cjs/index.js"
13
16
  },
14
17
  "./v2/helpers": {
15
- "import": "./esm/v2/helpers.js",
16
- "require": "./cjs/v2/helpers.js"
18
+ "import": "./dist/esm/v2/helpers.js",
19
+ "require": "./dist/cjs/v2/helpers.js"
17
20
  },
18
21
  "./v2/DSModal": {
19
- "import": "./esm/v2/DSModal.js",
20
- "require": "./cjs/v2/DSModal.js"
22
+ "import": "./dist/esm/v2/DSModal.js",
23
+ "require": "./dist/cjs/v2/DSModal.js"
21
24
  },
22
25
  "./v2/components/Title": {
23
- "import": "./esm/v2/components/Title.js",
24
- "require": "./cjs/v2/components/Title.js"
26
+ "import": "./dist/esm/v2/components/Title.js",
27
+ "require": "./dist/cjs/v2/components/Title.js"
25
28
  },
26
29
  "./v2/components/SelectionHeader": {
27
- "import": "./esm/v2/components/SelectionHeader.js",
28
- "require": "./cjs/v2/components/SelectionHeader.js"
30
+ "import": "./dist/esm/v2/components/SelectionHeader.js",
31
+ "require": "./dist/cjs/v2/components/SelectionHeader.js"
29
32
  },
30
33
  "./v2/components/ModalContent": {
31
- "import": "./esm/v2/components/ModalContent.js",
32
- "require": "./cjs/v2/components/ModalContent.js"
34
+ "import": "./dist/esm/v2/components/ModalContent.js",
35
+ "require": "./dist/cjs/v2/components/ModalContent.js"
33
36
  },
34
37
  "./v2/components/FormHeader": {
35
- "import": "./esm/v2/components/FormHeader.js",
36
- "require": "./cjs/v2/components/FormHeader.js"
38
+ "import": "./dist/esm/v2/components/FormHeader.js",
39
+ "require": "./dist/cjs/v2/components/FormHeader.js"
37
40
  },
38
41
  "./v2/components/Footer": {
39
- "import": "./esm/v2/components/Footer.js",
40
- "require": "./cjs/v2/components/Footer.js"
42
+ "import": "./dist/esm/v2/components/Footer.js",
43
+ "require": "./dist/cjs/v2/components/Footer.js"
41
44
  },
42
45
  "./v2/components/FeedbackIcon": {
43
- "import": "./esm/v2/components/FeedbackIcon.js",
44
- "require": "./cjs/v2/components/FeedbackIcon.js"
46
+ "import": "./dist/esm/v2/components/FeedbackIcon.js",
47
+ "require": "./dist/cjs/v2/components/FeedbackIcon.js"
45
48
  },
46
49
  "./v2/components/DecisionHeader": {
47
- "import": "./esm/v2/components/DecisionHeader.js",
48
- "require": "./cjs/v2/components/DecisionHeader.js"
50
+ "import": "./dist/esm/v2/components/DecisionHeader.js",
51
+ "require": "./dist/cjs/v2/components/DecisionHeader.js"
49
52
  },
50
53
  "./v2/blocks": {
51
- "import": "./esm/v2/blocks.js",
52
- "require": "./cjs/v2/blocks.js"
54
+ "import": "./dist/esm/v2/blocks.js",
55
+ "require": "./dist/cjs/v2/blocks.js"
53
56
  },
54
57
  "./v1/ModalFeedBack/ModalFeedBack": {
55
- "import": "./esm/v1/ModalFeedBack/ModalFeedBack.js",
56
- "require": "./cjs/v1/ModalFeedBack/ModalFeedBack.js"
58
+ "import": "./dist/esm/v1/ModalFeedBack/ModalFeedBack.js",
59
+ "require": "./dist/cjs/v1/ModalFeedBack/ModalFeedBack.js"
57
60
  },
58
61
  "./v1/DSModalWrapper": {
59
- "import": "./esm/v1/DSModalWrapper.js",
60
- "require": "./cjs/v1/DSModalWrapper.js"
62
+ "import": "./dist/esm/v1/DSModalWrapper.js",
63
+ "require": "./dist/cjs/v1/DSModalWrapper.js"
61
64
  },
62
65
  "./v1/DSModalType": {
63
- "import": "./esm/v1/DSModalType.js",
64
- "require": "./cjs/v1/DSModalType.js"
66
+ "import": "./dist/esm/v1/DSModalType.js",
67
+ "require": "./dist/cjs/v1/DSModalType.js"
65
68
  },
66
69
  "./v1/DSModal": {
67
- "import": "./esm/v1/DSModal.js",
68
- "require": "./cjs/v1/DSModal.js"
70
+ "import": "./dist/esm/v1/DSModal.js",
71
+ "require": "./dist/cjs/v1/DSModal.js"
69
72
  },
70
73
  "./DSModal": {
71
- "import": "./esm/DSModal.js",
72
- "require": "./cjs/DSModal.js"
74
+ "import": "./dist/esm/DSModal.js",
75
+ "require": "./dist/cjs/DSModal.js"
73
76
  },
74
77
  "./constants": {
75
- "import": "./esm/constants.js",
76
- "require": "./cjs/constants.js"
78
+ "import": "./dist/esm/constants.js",
79
+ "require": "./dist/cjs/constants.js"
77
80
  }
78
81
  },
79
82
  "sideEffects": [
@@ -85,30 +88,30 @@
85
88
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
86
89
  },
87
90
  "engines": {
88
- "npm": ">=7",
89
- "node": ">=14"
91
+ "pnpm": ">=6",
92
+ "node": ">=16"
90
93
  },
91
94
  "author": "ICE MT",
92
- "scripts": {
93
- "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
94
- "prebuild": "exit 0",
95
- "predev": "exit 0",
96
- "build": "node ../../scripts/build/build.js"
95
+ "jestSonar": {
96
+ "sonar56x": true,
97
+ "reportPath": "reports",
98
+ "reportFile": "tests.xml",
99
+ "indent": 4
97
100
  },
98
101
  "dependencies": {
99
- "@elliemae/ds-button": "3.0.0-next.0",
100
- "@elliemae/ds-classnames": "3.0.0-next.0",
101
- "@elliemae/ds-form": "3.0.0-next.0",
102
- "@elliemae/ds-icon": "3.0.0-next.0",
103
- "@elliemae/ds-icons": "3.0.0-next.0",
104
- "@elliemae/ds-shared": "3.0.0-next.0",
105
- "@elliemae/ds-system": "3.0.0-next.0",
102
+ "@elliemae/ds-button": "3.0.0-next.4",
103
+ "@elliemae/ds-classnames": "3.0.0-next.4",
104
+ "@elliemae/ds-form": "3.0.0-next.4",
105
+ "@elliemae/ds-icon": "3.0.0-next.4",
106
+ "@elliemae/ds-icons": "3.0.0-next.4",
107
+ "@elliemae/ds-shared": "3.0.0-next.4",
108
+ "@elliemae/ds-system": "3.0.0-next.4",
106
109
  "prop-types": "~15.7.2",
107
110
  "react-desc": "~4.1.3",
108
111
  "react-modal": "~3.12.1"
109
112
  },
110
113
  "devDependencies": {
111
- "@testing-library/jest-dom": "~5.15.0",
114
+ "@testing-library/jest-dom": "~5.15.1",
112
115
  "@testing-library/react": "~12.1.2"
113
116
  },
114
117
  "peerDependencies": {
@@ -118,7 +121,13 @@
118
121
  },
119
122
  "publishConfig": {
120
123
  "access": "public",
121
- "directory": "dist",
122
- "generateSubmodules": true
124
+ "typeSafety": false
125
+ },
126
+ "scripts": {
127
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
128
+ "test": "node ../../scripts/testing/test.mjs",
129
+ "lint": "node ../../scripts/lint.mjs",
130
+ "dts": "node ../../scripts/dts.mjs",
131
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
123
132
  }
124
133
  }
package/cjs/DSModal.js DELETED
@@ -1,186 +0,0 @@
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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
12
- require('react');
13
- var PropTypes = require('prop-types');
14
- var constants = require('./constants.js');
15
- var DSModal$2 = require('./v1/DSModal.js');
16
- var DSModal$1 = require('./v2/DSModal.js');
17
- var propTypes = require('@elliemae/ds-shared/prop-types');
18
- var jsxRuntime = require('react/jsx-runtime');
19
- var ModalContent = require('./v2/components/ModalContent.js');
20
-
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
24
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
25
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
26
-
27
- const _excluded = ["version"];
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
-
33
- const DSModal = _ref => {
34
- let {
35
- version = 1
36
- } = _ref,
37
- rest = _objectWithoutProperties__default["default"](_ref, _excluded);
38
-
39
- if (version === 2) return /*#__PURE__*/jsxRuntime.jsx(DSModal$1["default"], _objectSpread({}, rest));
40
- return /*#__PURE__*/jsxRuntime.jsx(DSModal$2, _objectSpread({}, rest));
41
- };
42
-
43
- DSModal$2.propTypes = {
44
- version: PropTypes__default["default"].oneOf([1, 2]),
45
- className: PropTypes__default["default"].string,
46
-
47
- /**
48
- * Add an additional css class to the footer
49
- */
50
- additionalFooterCssClass: PropTypes__default["default"].string,
51
-
52
- /**
53
- * Set style for the modal
54
- */
55
- style: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
56
-
57
- /**
58
- * Select size for the close icon
59
- */
60
- iconCloseSize: PropTypes__default["default"].oneOf(propTypes.iconSizes),
61
-
62
- /**
63
- * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
64
- */
65
- modalType: PropTypes__default["default"].oneOf(constants.modalTypes),
66
-
67
- /**
68
- * Show the header or not
69
- */
70
- showHeader: PropTypes__default["default"].bool,
71
-
72
- /**
73
- * Show the footer or not
74
- */
75
- showFooter: PropTypes__default["default"].bool,
76
-
77
- /**
78
- * Main content of the modal
79
- */
80
- children: PropTypes__default["default"].element.isRequired,
81
-
82
- /**
83
- * Content is centered or not
84
- */
85
- centered: PropTypes__default["default"].bool,
86
-
87
- /**
88
- * Text to be added in the confirm button
89
- */
90
- confirmLabel: PropTypes__default["default"].string,
91
-
92
- /**
93
- * Text to be added in the modal title
94
- */
95
- modalTitle: PropTypes__default["default"].string,
96
-
97
- /**
98
- * Text to be added in the modal title
99
- */
100
- size: PropTypes__default["default"].oneOf(propTypes.sizes),
101
-
102
- /**
103
- * Modal is open or not
104
- */
105
- isOpen: PropTypes__default["default"].bool,
106
-
107
- /**
108
- * Allows a function to be triggered once the modal is closed
109
- */
110
- onClose: PropTypes__default["default"].func,
111
-
112
- /**
113
- * Allows a function to be triggered once the modal is opened
114
- */
115
- onAfterOpen: PropTypes__default["default"].func,
116
-
117
- /**
118
- * Allows a function to be triggered once the modal open is confirmed
119
- */
120
- onConfirm: PropTypes__default["default"].func,
121
-
122
- /**
123
- * Allows a function to be triggered once the modal open is rejected
124
- */
125
- onReject: PropTypes__default["default"].func,
126
-
127
- /**
128
- * Text to be added in the reject button
129
- */
130
- rejectLabel: PropTypes__default["default"].string,
131
-
132
- /**
133
- * If modal should close on overlay click
134
- */
135
- shouldCloseOnOverlayClick: PropTypes__default["default"].bool,
136
-
137
- /**
138
- * Modal has error or not
139
- */
140
- hasError: PropTypes__default["default"].bool,
141
-
142
- /**
143
- * Modal has warning or not
144
- */
145
- hasWarning: PropTypes__default["default"].bool,
146
-
147
- /**
148
- * Modal has success or not
149
- */
150
- hasSuccess: PropTypes__default["default"].bool,
151
-
152
- /**
153
- * Modal has info or not
154
- */
155
- hasInfo: PropTypes__default["default"].bool,
156
-
157
- /**
158
- * Modal has help or not
159
- */
160
- hasHelp: PropTypes__default["default"].bool,
161
- actionsRef: PropTypes__default["default"].func,
162
- appElement: PropTypes__default["default"].string,
163
-
164
- /**
165
- * Customized props for the confirm button
166
- */
167
- overridePropsConfirmButton: PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({})),
168
-
169
- /**
170
- * Customized props for the reject button
171
- */
172
- overridePropsRejectButton: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
173
-
174
- /**
175
- * Show confirm button
176
- */
177
- showConfirmButton: PropTypes__default["default"].bool,
178
-
179
- /**
180
- * Show confirm button
181
- */
182
- customCloseComponent: PropTypes__default["default"].element
183
- };
184
-
185
- exports.DSModalContent = ModalContent.DSModalContent;
186
- exports["default"] = DSModal;
package/cjs/constants.js DELETED
@@ -1,34 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const MODAL_TYPE = {
6
- DEFAULT: 'default',
7
- ALERT: 'alert',
8
- CONFIRM: 'confirm',
9
- NOTIFICATION: 'notification',
10
- WARNING: 'warning',
11
- ERROR: 'error',
12
- SUCCESS: 'success',
13
- HELP: 'help',
14
- INFO: 'info'
15
- };
16
- const modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
17
- const MODAL_TYPE_V2 = {
18
- INFORMATION: 'information',
19
- DECISION: 'decision',
20
- SELECTION: 'selection',
21
- FORM: 'form'
22
- };
23
- const MODAL_SUB_TYPE_V2 = {
24
- SUCCESS: 'success',
25
- WARNING: 'warning',
26
- ERROR: 'error',
27
- INFORMATION: 'information'
28
- };
29
-
30
- exports.MODAL_SUB_TYPE_V2 = MODAL_SUB_TYPE_V2;
31
- exports.MODAL_TYPE = MODAL_TYPE;
32
- exports.MODAL_TYPE_V2 = MODAL_TYPE_V2;
33
- exports["default"] = MODAL_TYPE;
34
- exports.modalTypes = modalTypes;
package/cjs/index.js DELETED
@@ -1,18 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var DSModal$1 = require('./DSModal.js');
6
- var constants = require('./constants.js');
7
- var DSModal = require('./v2/DSModal.js');
8
- var ModalContent = require('./v2/components/ModalContent.js');
9
-
10
-
11
-
12
- exports["default"] = DSModal$1["default"];
13
- exports.MODAL_SUB_TYPE_V2 = constants.MODAL_SUB_TYPE_V2;
14
- exports.MODAL_TYPE = constants.MODAL_TYPE;
15
- exports.MODAL_TYPE_V2 = constants.MODAL_TYPE_V2;
16
- exports.modalTypes = constants.modalTypes;
17
- exports.DSModalWithSchema = DSModal.DSModalWithSchema;
18
- exports.DSModalContent = ModalContent.DSModalContent;
package/cjs/v1/DSModal.js DELETED
@@ -1,148 +0,0 @@
1
- 'use strict';
2
-
3
- require('core-js/modules/esnext.async-iterator.filter.js');
4
- require('core-js/modules/esnext.iterator.constructor.js');
5
- require('core-js/modules/esnext.iterator.filter.js');
6
- require('core-js/modules/esnext.async-iterator.for-each.js');
7
- require('core-js/modules/esnext.iterator.for-each.js');
8
- var _jsx = require('@babel/runtime/helpers/jsx');
9
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
10
- require('react');
11
- var ReactModal = require('react-modal');
12
- var dsClassnames = require('@elliemae/ds-classnames');
13
- var dsIcon = require('@elliemae/ds-icon');
14
- var dsIcons = require('@elliemae/ds-icons');
15
- var DSButton = require('@elliemae/ds-button');
16
- var constants = require('../constants.js');
17
- var ModalFeedBack = require('./ModalFeedBack/ModalFeedBack.js');
18
- var jsxRuntime = require('react/jsx-runtime');
19
-
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
23
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
24
- var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
25
- var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
26
-
27
- var _Close;
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
-
33
- const DSModal = _ref => {
34
- let {
35
- containerProps = {},
36
- className = '',
37
- dataTestId = 'ds-modal',
38
- additionalFooterCssClass = '',
39
- style = {},
40
- iconCloseSize = dsIcon.DSIconSizes.S,
41
- modalType = constants.MODAL_TYPE.DEFAULT,
42
- showHeader = true,
43
- showFooter = true,
44
- children,
45
- centered = true,
46
- confirmLabel = 'Accept',
47
- modalTitle = '',
48
- size = 'medium',
49
- isOpen = false,
50
- onClose = () => null,
51
- onAfterOpen = () => null,
52
- onConfirm = () => null,
53
- onReject = () => null,
54
- rejectLabel = 'Cancel',
55
- shouldCloseOnOverlayClick = false,
56
- hasError = false,
57
- hasWarning = false,
58
- hasSuccess = false,
59
- hasInfo = false,
60
- hasHelp = false,
61
- actionsRef = () => null,
62
- appElement = '#root',
63
- overridePropsConfirmButton = {},
64
- overridePropsRejectButton = {},
65
- zIndex = 10
66
- } = _ref;
67
- // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples
68
- typeof document !== 'undefined' && document && ReactModal__default["default"].setAppElement && ReactModal__default["default"].setAppElement(appElement); // eslint-disable-line
69
-
70
- const {
71
- cssClassName,
72
- classNameElement,
73
- classNameBlock,
74
- classNameModifier,
75
- classNameBlockModifier
76
- } = dsClassnames.convertPropToCssClassName('modal', className, {
77
- hasError,
78
- hasWarning,
79
- hasSuccess,
80
- modalType,
81
- size
82
- });
83
- const {
84
- WARNING,
85
- ERROR,
86
- SUCCESS,
87
- HELP,
88
- INFO
89
- } = constants.MODAL_TYPE;
90
- const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;
91
- const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;
92
- return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
93
- testId: dataTestId,
94
- className: cssClassName,
95
- contentLabel: modalTitle,
96
- isOpen: isOpen,
97
- onAfterOpen: onAfterOpen,
98
- onRequestClose: onClose,
99
- overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered && 'center')),
100
- shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
101
- style: {
102
- content: _objectSpread({}, style),
103
- overlay: {
104
- zIndex
105
- }
106
- }
107
- }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
108
- children: [showHeader && /*#__PURE__*/_jsx__default["default"]("div", {
109
- className: classNameBlock('modal-header')
110
- }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
111
- className: classNameElement('title', 'modal-header')
112
- }, void 0, modalTitle), /*#__PURE__*/_jsx__default["default"]("div", {
113
- className: classNameElement('icon', 'modal-header')
114
- }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
115
- buttonType: "link",
116
- icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
117
- onClick: onClose,
118
- size: iconCloseSize
119
- }))), /*#__PURE__*/_jsx__default["default"]("div", {
120
- className: classNameElement('body')
121
- }, void 0, showFeedBack && /*#__PURE__*/_jsx__default["default"](ModalFeedBack, {
122
- hasError: hasError,
123
- hasHelp: hasHelp,
124
- hasInfo: hasInfo,
125
- hasSuccess: hasSuccess,
126
- hasWarning: hasWarning,
127
- modalType: modalType
128
- }), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx__default["default"]("div", {
129
- className: "".concat(classNameBlock('modal-footer'), " ").concat(additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : '')
130
- }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
131
- ref: actionsRef,
132
- className: classNameBlock('modal-footer-actions'),
133
- children: [modalType === constants.MODAL_TYPE.CONFIRM && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
134
- buttonType: "secondary",
135
- className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
136
- labelText: rejectLabel,
137
- onClick: onReject
138
- }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
139
- buttonType: "primary",
140
- className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('confirm', 'button-action'), " "),
141
- labelText: confirmLabel,
142
- onClick: onConfirm
143
- }, overridePropsConfirmButton))]
144
- }))]
145
- })));
146
- };
147
-
148
- module.exports = DSModal;
@@ -1,7 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
6
-
7
- exports.modalTypes = modalTypes;