@elliemae/ds-wysiwygeditor 2.2.0-alpha.2 → 2.2.0-beta.0
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/DSWYSIWYGEditor.js +72 -83
- package/cjs/components/CustomImageUploader.js +94 -92
- package/cjs/components/CustomToolbar.js +193 -172
- package/cjs/components/DSWYSIWYGEditorImpl.js +185 -147
- package/cjs/components/ImageLibraryModal.js +55 -75
- package/cjs/components/InsertFieldModal.js +142 -109
- package/cjs/components/TippedButton.js +54 -56
- package/cjs/components/TippedSelect.js +39 -50
- package/cjs/components/colors.js +21 -41
- package/cjs/components/customFields.js +47 -66
- package/cjs/constants.js +38 -112
- package/cjs/index.js +21 -39
- package/cjs/quillMatchers/clipboardLinkWithTagMatcher.js +22 -37
- package/cjs/quillOverrides/IndentStyle.js +19 -41
- package/cjs/quillOverrides/LinkFormat.js +39 -57
- package/cjs/quillOverrides/PlainClipboard.js +21 -41
- package/cjs/utils.js +18 -41
- package/esm/DSWYSIWYGEditor.js +58 -50
- package/esm/components/CustomImageUploader.js +81 -60
- package/esm/components/CustomToolbar.js +184 -145
- package/esm/components/DSWYSIWYGEditorImpl.js +169 -113
- package/esm/components/ImageLibraryModal.js +47 -46
- package/esm/components/InsertFieldModal.js +124 -72
- package/esm/components/TippedButton.js +44 -27
- package/esm/components/TippedSelect.js +31 -21
- package/esm/components/colors.js +17 -12
- package/esm/components/customFields.js +40 -38
- package/esm/constants.js +30 -83
- package/esm/index.js +4 -10
- package/esm/quillMatchers/clipboardLinkWithTagMatcher.js +18 -8
- package/esm/quillOverrides/IndentStyle.js +17 -12
- package/esm/quillOverrides/LinkFormat.js +37 -28
- package/esm/quillOverrides/PlainClipboard.js +19 -12
- package/esm/utils.js +14 -12
- package/package.json +9 -9
- package/types/DSWYSIWYGEditor.d.ts +1 -12
- package/cjs/DSWYSIWYGEditor.js.map +0 -7
- package/cjs/components/CustomImageUploader.js.map +0 -7
- package/cjs/components/CustomToolbar.js.map +0 -7
- package/cjs/components/DSWYSIWYGEditorImpl.js.map +0 -7
- package/cjs/components/ImageLibraryModal.js.map +0 -7
- package/cjs/components/InsertFieldModal.js.map +0 -7
- package/cjs/components/TippedButton.js.map +0 -7
- package/cjs/components/TippedSelect.js.map +0 -7
- package/cjs/components/colors.js.map +0 -7
- package/cjs/components/customFields.js.map +0 -7
- package/cjs/constants.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/quillMatchers/clipboardLinkWithTagMatcher.js.map +0 -7
- package/cjs/quillOverrides/IndentStyle.js.map +0 -7
- package/cjs/quillOverrides/LinkFormat.js.map +0 -7
- package/cjs/quillOverrides/PlainClipboard.js.map +0 -7
- package/cjs/utils.js.map +0 -7
- package/esm/DSWYSIWYGEditor.js.map +0 -7
- package/esm/components/CustomImageUploader.js.map +0 -7
- package/esm/components/CustomToolbar.js.map +0 -7
- package/esm/components/DSWYSIWYGEditorImpl.js.map +0 -7
- package/esm/components/ImageLibraryModal.js.map +0 -7
- package/esm/components/InsertFieldModal.js.map +0 -7
- package/esm/components/TippedButton.js.map +0 -7
- package/esm/components/TippedSelect.js.map +0 -7
- package/esm/components/colors.js.map +0 -7
- package/esm/components/customFields.js.map +0 -7
- package/esm/constants.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/quillMatchers/clipboardLinkWithTagMatcher.js.map +0 -7
- package/esm/quillOverrides/IndentStyle.js.map +0 -7
- package/esm/quillOverrides/LinkFormat.js.map +0 -7
- package/esm/quillOverrides/PlainClipboard.js.map +0 -7
- package/esm/utils.js.map +0 -7
|
@@ -1,185 +1,218 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var import_constants = __toESM(require("@elliemae/ds-shared/constants"));
|
|
37
|
-
var import_lodash = __toESM(require("lodash"));
|
|
38
|
-
var import_customFields = __toESM(require("./customFields"));
|
|
39
|
-
const modalTypes = Object.values(import_ds_modal.MODAL_TYPE);
|
|
40
|
-
const elementClassName = "insertfieldmodal-element";
|
|
41
|
-
class InsertFieldModal extends import_react.default.PureComponent {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
4
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
13
|
+
var React = require('react');
|
|
14
|
+
var DSModal = require('@elliemae/ds-modal');
|
|
15
|
+
var constants = require('@elliemae/ds-shared/constants');
|
|
16
|
+
var lodash = require('lodash');
|
|
17
|
+
var customFields = require('./customFields.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
23
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
|
+
var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
|
|
27
|
+
|
|
28
|
+
const _excluded = ["customFields", "onSelect"];
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
const modalTypes = Object.values(DSModal.MODAL_TYPE);
|
|
34
|
+
const elementClassName = 'insertfieldmodal-element';
|
|
35
|
+
class InsertFieldModal extends React__default["default"].PureComponent {
|
|
42
36
|
constructor(props) {
|
|
43
37
|
super(props);
|
|
38
|
+
|
|
44
39
|
this.onConfirm = () => {
|
|
45
|
-
const {
|
|
46
|
-
|
|
40
|
+
const {
|
|
41
|
+
onConfirm,
|
|
42
|
+
onClose
|
|
43
|
+
} = this.props;
|
|
44
|
+
const {
|
|
45
|
+
selectedFieldCode
|
|
46
|
+
} = this.state;
|
|
47
47
|
onConfirm(selectedFieldCode);
|
|
48
48
|
onClose();
|
|
49
49
|
};
|
|
50
|
+
|
|
50
51
|
this.onReject = () => {
|
|
51
|
-
const {
|
|
52
|
+
const {
|
|
53
|
+
onReject,
|
|
54
|
+
onClose
|
|
55
|
+
} = this.props;
|
|
56
|
+
|
|
52
57
|
if (onReject) {
|
|
53
58
|
onReject();
|
|
54
59
|
} else {
|
|
55
60
|
onClose();
|
|
56
61
|
}
|
|
57
62
|
};
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
63
|
+
|
|
64
|
+
this.drawDiv = (className, content, content2) => /*#__PURE__*/_jsx__default["default"]("div", {
|
|
65
|
+
className: className
|
|
66
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, content), /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, content2));
|
|
67
|
+
|
|
68
|
+
this.drawLabel = (className, label, value) => /*#__PURE__*/_jsx__default["default"]("div", {
|
|
69
|
+
className: className
|
|
70
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
|
|
64
71
|
className: "label"
|
|
65
|
-
}, label),
|
|
72
|
+
}, void 0, label), /*#__PURE__*/_jsx__default["default"]("span", {
|
|
66
73
|
className: "value"
|
|
67
|
-
}, value));
|
|
74
|
+
}, void 0, value));
|
|
75
|
+
|
|
68
76
|
this.handleElementClick = (e, selectedFieldCode) => {
|
|
69
|
-
if (e.key && e.key !==
|
|
77
|
+
if (e.key && e.key !== ' ') {
|
|
70
78
|
return;
|
|
71
79
|
}
|
|
72
|
-
|
|
73
|
-
const {
|
|
80
|
+
|
|
81
|
+
const {
|
|
82
|
+
selectedFieldCode: fCode
|
|
83
|
+
} = this.state;
|
|
84
|
+
const {
|
|
85
|
+
disableDoubleClick
|
|
86
|
+
} = this.props;
|
|
87
|
+
|
|
74
88
|
if (selectedFieldCode === fCode && !disableDoubleClick) {
|
|
75
89
|
this.onConfirm();
|
|
76
90
|
return;
|
|
77
91
|
}
|
|
92
|
+
|
|
78
93
|
this.setState({
|
|
79
94
|
selectedFieldCode
|
|
80
95
|
});
|
|
81
|
-
const {
|
|
96
|
+
const {
|
|
97
|
+
onSelect
|
|
98
|
+
} = this.props;
|
|
99
|
+
|
|
82
100
|
if (onSelect) {
|
|
83
101
|
onSelect(selectedFieldCode);
|
|
84
102
|
}
|
|
85
103
|
};
|
|
104
|
+
|
|
86
105
|
this.preventSpacebarScroll = () => {
|
|
87
|
-
document.onkeypress = function(e) {
|
|
88
|
-
if (!
|
|
106
|
+
document.onkeypress = function (e) {
|
|
107
|
+
if (!lodash.includes(e.target.className, elementClassName)) {
|
|
89
108
|
return true;
|
|
90
109
|
}
|
|
110
|
+
|
|
91
111
|
e = e || window.event;
|
|
92
112
|
const charCode = e.keyCode || e.which;
|
|
113
|
+
|
|
93
114
|
if (charCode === 32) {
|
|
94
115
|
e.preventDefault();
|
|
95
116
|
return false;
|
|
96
117
|
}
|
|
118
|
+
|
|
97
119
|
return true;
|
|
98
120
|
};
|
|
99
121
|
};
|
|
122
|
+
|
|
100
123
|
this.renderElements = () => {
|
|
101
|
-
const {
|
|
102
|
-
|
|
103
|
-
|
|
124
|
+
const {
|
|
125
|
+
customFields: customFields$1
|
|
126
|
+
} = this.props;
|
|
127
|
+
|
|
128
|
+
if (!customFields$1) {
|
|
129
|
+
return 'Empty';
|
|
104
130
|
}
|
|
105
|
-
|
|
106
|
-
|
|
131
|
+
|
|
132
|
+
const {
|
|
133
|
+
selectedFieldCode
|
|
134
|
+
} = this.state;
|
|
135
|
+
return customFields$1.map((customField, idx) => {
|
|
107
136
|
const extras = {};
|
|
108
|
-
const fieldCode =
|
|
137
|
+
const fieldCode = customFields.getFieldCode(customField);
|
|
138
|
+
|
|
109
139
|
if (this.focusFirst && idx === 0) {
|
|
110
|
-
extras.ref =
|
|
111
|
-
|
|
140
|
+
extras.ref = element => element && element.focus();
|
|
141
|
+
|
|
142
|
+
this.focusFirst = undefined;
|
|
112
143
|
} else if (fieldCode === selectedFieldCode) {
|
|
113
|
-
extras.ref =
|
|
144
|
+
extras.ref = element => element && element.focus();
|
|
114
145
|
}
|
|
115
|
-
|
|
116
|
-
|
|
146
|
+
|
|
147
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
117
148
|
className: elementClassName,
|
|
118
|
-
onClick:
|
|
119
|
-
onKeyUp:
|
|
149
|
+
onClick: e => this.handleElementClick(e, fieldCode),
|
|
150
|
+
onKeyUp: e => this.handleElementClick(e, fieldCode),
|
|
120
151
|
role: "button",
|
|
121
|
-
tabIndex: 0
|
|
122
|
-
|
|
123
|
-
|
|
152
|
+
tabIndex: 0
|
|
153
|
+
}, extras), {}, {
|
|
154
|
+
children: this.drawLabel('content', customFields.getFieldName(customField), fieldCode)
|
|
155
|
+
}), fieldCode);
|
|
124
156
|
});
|
|
125
157
|
};
|
|
158
|
+
|
|
126
159
|
this.state = {
|
|
127
|
-
selectedFieldCode:
|
|
160
|
+
selectedFieldCode: customFields.getFieldCode(customFields.fields[0])
|
|
128
161
|
};
|
|
129
162
|
this.preventSpacebarScroll();
|
|
130
163
|
}
|
|
164
|
+
|
|
131
165
|
componentDidMount() {
|
|
132
|
-
const {
|
|
166
|
+
const {
|
|
167
|
+
customFields
|
|
168
|
+
} = this.props;
|
|
169
|
+
|
|
133
170
|
if (customFields) {
|
|
134
171
|
this.handleElementClick({}, customFields[0]);
|
|
135
172
|
this.focusFirst = true;
|
|
136
173
|
}
|
|
137
174
|
}
|
|
175
|
+
|
|
138
176
|
getDerivedStateFromProps(nextProps) {
|
|
139
|
-
const {
|
|
177
|
+
const {
|
|
178
|
+
customFields
|
|
179
|
+
} = this.props;
|
|
180
|
+
|
|
140
181
|
if (!customFields && nextProps.customFields) {
|
|
141
|
-
this.setState({
|
|
182
|
+
this.setState({
|
|
183
|
+
selectedFieldCode: customFields[0]
|
|
184
|
+
});
|
|
142
185
|
}
|
|
143
186
|
}
|
|
187
|
+
|
|
144
188
|
render() {
|
|
145
|
-
const
|
|
146
|
-
|
|
147
|
-
|
|
189
|
+
const _this$props = this.props,
|
|
190
|
+
modalProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
|
|
191
|
+
|
|
192
|
+
return /*#__PURE__*/jsxRuntime.jsx(DSModal__default["default"], _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
148
193
|
className: "insert-field-modal",
|
|
149
194
|
onConfirm: this.onConfirm,
|
|
150
|
-
onReject: this.onReject
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
195
|
+
onReject: this.onReject,
|
|
196
|
+
children: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
197
|
+
className: "wrapper"
|
|
198
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
199
|
+
className: "col-1"
|
|
200
|
+
}, void 0, this.drawDiv('title', 'Field Name', '« Field ID »'), this.renderElements()))
|
|
201
|
+
}));
|
|
156
202
|
}
|
|
203
|
+
|
|
157
204
|
}
|
|
158
|
-
InsertFieldModal.propTypes = {
|
|
159
|
-
onConfirm: import_prop_types.default.func.isRequired,
|
|
160
|
-
onClose: import_prop_types.default.func.isRequired,
|
|
161
|
-
confirmLabel: import_prop_types.default.string,
|
|
162
|
-
customFields: import_prop_types.default.arrayOf(import_prop_types.default.string),
|
|
163
|
-
disableDoubleClick: import_prop_types.default.bool,
|
|
164
|
-
isOpen: import_prop_types.default.bool,
|
|
165
|
-
modalTitle: import_prop_types.default.string,
|
|
166
|
-
modalType: import_prop_types.default.string,
|
|
167
|
-
rejectLabel: import_prop_types.default.string,
|
|
168
|
-
shouldCloseOnOverlayClick: import_prop_types.default.bool,
|
|
169
|
-
size: import_prop_types.default.string,
|
|
170
|
-
onSelect: import_prop_types.default.func
|
|
171
|
-
};
|
|
172
205
|
InsertFieldModal.defaultProps = {
|
|
173
|
-
confirmLabel:
|
|
174
|
-
customFields:
|
|
206
|
+
confirmLabel: 'Add',
|
|
207
|
+
customFields: customFields.fields,
|
|
175
208
|
disableDoubleClick: false,
|
|
176
209
|
isOpen: true,
|
|
177
|
-
modalTitle:
|
|
210
|
+
modalTitle: 'Add Field',
|
|
178
211
|
modalType: modalTypes[1],
|
|
179
|
-
rejectLabel:
|
|
212
|
+
rejectLabel: 'Cancel',
|
|
180
213
|
shouldCloseOnOverlayClick: true,
|
|
181
|
-
size:
|
|
182
|
-
onSelect:
|
|
214
|
+
size: constants.sizeOptions[1],
|
|
215
|
+
onSelect: undefined
|
|
183
216
|
};
|
|
184
|
-
|
|
185
|
-
|
|
217
|
+
|
|
218
|
+
module.exports = InsertFieldModal;
|
|
@@ -1,57 +1,55 @@
|
|
|
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
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
13
|
+
require('react');
|
|
14
|
+
var dsTooltip = require('@elliemae/ds-tooltip');
|
|
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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
22
|
+
|
|
23
|
+
const _excluded = ["className", "tip", "children", "onClick", "zIndex"];
|
|
24
|
+
|
|
25
|
+
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; }
|
|
26
|
+
|
|
27
|
+
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; }
|
|
28
|
+
const TippedButton = _ref => {
|
|
29
|
+
let {
|
|
30
|
+
className,
|
|
31
|
+
tip,
|
|
32
|
+
children,
|
|
33
|
+
onClick = () => null,
|
|
34
|
+
zIndex = 1
|
|
35
|
+
} = _ref,
|
|
36
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
37
|
+
|
|
38
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
39
|
+
className: "tooltip"
|
|
40
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsTooltip.DSTooltipV3, {
|
|
41
|
+
text: tip,
|
|
42
|
+
zIndex: zIndex
|
|
43
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread(_objectSpread({
|
|
44
|
+
type: "button",
|
|
45
|
+
className: className,
|
|
46
|
+
onClick: e => {
|
|
47
|
+
e.preventDefault();
|
|
48
|
+
onClick(e);
|
|
49
|
+
}
|
|
50
|
+
}, rest), {}, {
|
|
51
|
+
children: children
|
|
52
|
+
}))));
|
|
11
53
|
};
|
|
12
|
-
|
|
13
|
-
|
|
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 TippedButton_exports = {};
|
|
29
|
-
__export(TippedButton_exports, {
|
|
30
|
-
TippedButton: () => TippedButton
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
|
|
35
|
-
const TippedButton = ({
|
|
36
|
-
className,
|
|
37
|
-
tip,
|
|
38
|
-
children,
|
|
39
|
-
onClick = () => null,
|
|
40
|
-
zIndex = 1,
|
|
41
|
-
...rest
|
|
42
|
-
}) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
43
|
-
className: "tooltip"
|
|
44
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV3, {
|
|
45
|
-
text: tip,
|
|
46
|
-
zIndex
|
|
47
|
-
}, /* @__PURE__ */ import_react.default.createElement("button", {
|
|
48
|
-
type: "button",
|
|
49
|
-
className,
|
|
50
|
-
onClick: (e) => {
|
|
51
|
-
e.preventDefault();
|
|
52
|
-
onClick(e);
|
|
53
|
-
},
|
|
54
|
-
...rest
|
|
55
|
-
}, children)));
|
|
56
|
-
module.exports = __toCommonJS(TippedButton_exports);
|
|
57
|
-
//# sourceMappingURL=TippedButton.js.map
|
|
54
|
+
|
|
55
|
+
exports.TippedButton = TippedButton;
|
|
@@ -1,56 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
|
|
35
|
-
const TippedSelect = (props) => {
|
|
36
|
-
const { tip, onChange = () => null, className, options, defaultValue = "", values, zIndex, children } = props;
|
|
37
|
-
const fallBackChildren = values && values.map((value, index) => /* @__PURE__ */ import_react.default.createElement("option", {
|
|
38
|
-
key: value,
|
|
39
|
-
value: value === "normal" ? "" : value
|
|
40
|
-
}, options ? options[index] : null));
|
|
41
|
-
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
9
|
+
require('react');
|
|
10
|
+
var dsTooltip = require('@elliemae/ds-tooltip');
|
|
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
|
+
|
|
16
|
+
const TippedSelect = props => {
|
|
17
|
+
const {
|
|
18
|
+
tip,
|
|
19
|
+
onChange = () => null,
|
|
20
|
+
className,
|
|
21
|
+
options,
|
|
22
|
+
defaultValue = '',
|
|
23
|
+
values,
|
|
24
|
+
zIndex,
|
|
25
|
+
children
|
|
26
|
+
} = props;
|
|
27
|
+
const fallBackChildren = values && values.map((value, index) => /*#__PURE__*/_jsx__default["default"]("option", {
|
|
28
|
+
value: value === 'normal' ? '' : value
|
|
29
|
+
}, value, options ? options[index] : null));
|
|
30
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
42
31
|
className: "tooltip"
|
|
43
|
-
},
|
|
32
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsTooltip.DSTooltipV3, {
|
|
44
33
|
text: tip,
|
|
45
|
-
zIndex
|
|
46
|
-
},
|
|
47
|
-
className,
|
|
48
|
-
defaultValue,
|
|
49
|
-
onChange:
|
|
34
|
+
zIndex: zIndex
|
|
35
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/_jsx__default["default"]("select", {
|
|
36
|
+
className: className,
|
|
37
|
+
defaultValue: defaultValue,
|
|
38
|
+
onChange: e => {
|
|
50
39
|
e.persist();
|
|
51
40
|
onChange(e);
|
|
52
41
|
}
|
|
53
|
-
}, children || fallBackChildren))));
|
|
42
|
+
}, void 0, children || fallBackChildren))));
|
|
54
43
|
};
|
|
55
|
-
|
|
56
|
-
|
|
44
|
+
|
|
45
|
+
exports.TippedSelect = TippedSelect;
|
package/cjs/components/colors.js
CHANGED
|
@@ -1,50 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 colors_exports = {};
|
|
29
|
-
__export(colors_exports, {
|
|
30
|
-
getRainbowColors: () => getRainbowColors
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
7
|
+
|
|
33
8
|
function sinToHex(i, size, phase) {
|
|
34
9
|
const sin = Math.sin(Math.PI / size * 2 * i + phase);
|
|
35
10
|
const int = Math.floor(sin * 127) + 128;
|
|
36
11
|
const hex = int.toString(16);
|
|
37
|
-
return hex.length === 1 ?
|
|
12
|
+
return hex.length === 1 ? "0".concat(hex) : hex;
|
|
38
13
|
}
|
|
39
|
-
|
|
40
|
-
|
|
14
|
+
|
|
15
|
+
function getRainbowColors() {
|
|
16
|
+
let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 28;
|
|
17
|
+
const colors = new Array(size).fill(undefined);
|
|
41
18
|
return colors.map((color, idx) => {
|
|
42
|
-
const red = sinToHex(idx, size, 0 * Math.PI * 2 / 3);
|
|
43
|
-
|
|
44
|
-
const
|
|
45
|
-
|
|
19
|
+
const red = sinToHex(idx, size, 0 * Math.PI * 2 / 3); // 0 deg
|
|
20
|
+
|
|
21
|
+
const blue = sinToHex(idx, size, 1 * Math.PI * 2 / 3); // 120 deg
|
|
22
|
+
|
|
23
|
+
const green = sinToHex(idx, size, 2 * Math.PI * 2 / 3); // 240 deg
|
|
24
|
+
|
|
25
|
+
color = "#".concat(red).concat(green).concat(blue);
|
|
46
26
|
return color;
|
|
47
27
|
});
|
|
48
28
|
}
|
|
49
|
-
|
|
50
|
-
|
|
29
|
+
|
|
30
|
+
exports.getRainbowColors = getRainbowColors;
|