@elliemae/ds-codeeditor 2.0.0-alpha.0 → 2.0.0-alpha.12
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/DSCodeEditor.js +27 -25
- package/cjs/components/DSCodeEditorForm.js +30 -34
- package/cjs/components/DSCodeEditorImpl.js +4 -4
- package/cjs/index.js +1 -1
- package/esm/DSCodeEditor.js +23 -21
- package/esm/components/DSCodeEditorForm.js +9 -8
- package/package.json +8 -5
- package/types/DSCodeEditor.d.ts +97 -20
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
package/cjs/DSCodeEditor.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
7
|
var React = require('react');
|
|
7
8
|
var reactDesc = require('react-desc');
|
|
8
9
|
var DSModal = require('@elliemae/ds-modal');
|
|
@@ -18,27 +19,28 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
18
19
|
var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
|
|
19
20
|
var AceEditor__default = /*#__PURE__*/_interopDefaultLegacy(AceEditor);
|
|
20
21
|
|
|
21
|
-
const DSCodeEditor =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
22
|
+
const DSCodeEditor = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
containerProps = {},
|
|
25
|
+
value: defaultValue = '',
|
|
26
|
+
onSave = () => null,
|
|
27
|
+
onClose = () => null,
|
|
28
|
+
onReject = () => null,
|
|
29
|
+
onChange = () => null,
|
|
30
|
+
isOpen = false,
|
|
31
|
+
fileName = '',
|
|
32
|
+
confirmLabel = 'Save',
|
|
33
|
+
maxLines = 20,
|
|
34
|
+
minLines = 20,
|
|
35
|
+
modalTitle = 'Javascript Editor',
|
|
36
|
+
modalType = 'confirm',
|
|
37
|
+
rejectLabel = 'Close',
|
|
38
|
+
size = 'large',
|
|
39
|
+
style = {},
|
|
40
|
+
useModal = true,
|
|
41
|
+
showHeader = true,
|
|
42
|
+
showSyntaxChecks = true
|
|
43
|
+
} = _ref;
|
|
42
44
|
const [{
|
|
43
45
|
value,
|
|
44
46
|
errors
|
|
@@ -49,10 +51,10 @@ const DSCodeEditor = ({
|
|
|
49
51
|
const reactAceComponent = React.useRef();
|
|
50
52
|
|
|
51
53
|
const editor = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
52
|
-
children: [showHeader && /*#__PURE__*/_jsx__default[
|
|
54
|
+
children: [showHeader && /*#__PURE__*/_jsx__default["default"](DSCodeEditorForm, {
|
|
53
55
|
fileName: fileName,
|
|
54
56
|
reactAceComponent: reactAceComponent
|
|
55
|
-
}), /*#__PURE__*/jsxRuntime.jsx(AceEditor__default[
|
|
57
|
+
}), /*#__PURE__*/jsxRuntime.jsx(AceEditor__default["default"], {
|
|
56
58
|
ref: reactAceComponent,
|
|
57
59
|
editorProps: {
|
|
58
60
|
$blockScrolling: true
|
|
@@ -81,7 +83,7 @@ const DSCodeEditor = ({
|
|
|
81
83
|
});
|
|
82
84
|
|
|
83
85
|
if (!useModal) return editor;
|
|
84
|
-
return /*#__PURE__*/_jsx__default[
|
|
86
|
+
return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
|
|
85
87
|
centered: false,
|
|
86
88
|
confirmLabel: confirmLabel,
|
|
87
89
|
containerProps: containerProps,
|
|
@@ -122,4 +124,4 @@ const CodeEditorWithSchema = reactDesc.describe(DSCodeEditor);
|
|
|
122
124
|
CodeEditorWithSchema.propTypes = codeEditorProps;
|
|
123
125
|
|
|
124
126
|
exports.CodeEditorWithSchema = CodeEditorWithSchema;
|
|
125
|
-
exports[
|
|
127
|
+
exports["default"] = DSCodeEditor;
|
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.find.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.find.js');
|
|
4
7
|
require('core-js/modules/es.string.replace.js');
|
|
8
|
+
require('core-js/modules/es.string.replace-all.js');
|
|
5
9
|
var React = require('react');
|
|
6
|
-
var DSButton = require('@elliemae/ds-
|
|
7
|
-
var
|
|
8
|
-
var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
|
|
9
|
-
var DSInputGroup = require('@elliemae/ds-basic/form/InputGroup');
|
|
10
|
+
var DSButton = require('@elliemae/ds-button');
|
|
11
|
+
var dsForm = require('@elliemae/ds-form');
|
|
10
12
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
|
-
var
|
|
12
|
-
var ChevronSmallRight = require('@elliemae/ds-icons/ChevronSmallRight');
|
|
13
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
13
14
|
|
|
14
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
16
|
|
|
16
17
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
18
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
18
|
-
var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
|
|
19
|
-
var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
|
|
20
|
-
var DSInputGroup__default = /*#__PURE__*/_interopDefaultLegacy(DSInputGroup);
|
|
21
|
-
var ChevronSmallLeft__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallLeft);
|
|
22
|
-
var ChevronSmallRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronSmallRight);
|
|
23
19
|
|
|
24
20
|
var _DSButton, _ChevronSmallRight;
|
|
25
21
|
const blockName = 'code-editor';
|
|
@@ -27,7 +23,7 @@ const {
|
|
|
27
23
|
cssClassName,
|
|
28
24
|
classNameBlock
|
|
29
25
|
} = dsClassnames.convertPropToCssClassName(blockName);
|
|
30
|
-
const CheckOptionsGroup = dsClassnames.aggregatedClasses('div')(
|
|
26
|
+
const CheckOptionsGroup = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-options-group"));
|
|
31
27
|
|
|
32
28
|
class DSCodeEditorForm extends React.Component {
|
|
33
29
|
constructor(props) {
|
|
@@ -89,29 +85,29 @@ class DSCodeEditorForm extends React.Component {
|
|
|
89
85
|
filteredText,
|
|
90
86
|
replaceText
|
|
91
87
|
} = this.state;
|
|
92
|
-
return /*#__PURE__*/_jsx__default[
|
|
93
|
-
className:
|
|
94
|
-
}, void 0, fileName ? /*#__PURE__*/_jsx__default[
|
|
88
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
89
|
+
className: "".concat(cssClassName)
|
|
90
|
+
}, void 0, fileName ? /*#__PURE__*/_jsx__default["default"]("div", {
|
|
95
91
|
className: classNameBlock('file-name')
|
|
96
|
-
}, void 0, "File Name: ", /*#__PURE__*/_jsx__default[
|
|
92
|
+
}, void 0, "File Name: ", /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, " ", fileName, " ")) : null, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
97
93
|
className: classNameBlock('find-replace-btn')
|
|
98
|
-
}, void 0, !find && !replace ? /*#__PURE__*/_jsx__default[
|
|
94
|
+
}, void 0, !find && !replace ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
99
95
|
buttonType: "secondary",
|
|
100
96
|
labelText: "Find",
|
|
101
97
|
onClick: () => this.setState({
|
|
102
98
|
find: true
|
|
103
99
|
}),
|
|
104
100
|
size: "m"
|
|
105
|
-
}) : null, !replace ? /*#__PURE__*/_jsx__default[
|
|
101
|
+
}) : null, !replace ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
106
102
|
buttonType: "secondary",
|
|
107
103
|
labelText: "Find & Replace",
|
|
108
104
|
onClick: () => this.setState({
|
|
109
105
|
replace: true
|
|
110
106
|
}),
|
|
111
107
|
size: "m"
|
|
112
|
-
}) : null), find || replace ? /*#__PURE__*/_jsx__default[
|
|
108
|
+
}) : null), find || replace ? /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
|
|
113
109
|
className: classNameBlock('find')
|
|
114
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
110
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
|
|
115
111
|
className: "find-word",
|
|
116
112
|
fluidWidth: false,
|
|
117
113
|
id: "find-textbox",
|
|
@@ -119,18 +115,18 @@ class DSCodeEditorForm extends React.Component {
|
|
|
119
115
|
filteredText: e.currentTarget.value
|
|
120
116
|
}),
|
|
121
117
|
placeholder: "Find",
|
|
122
|
-
rightComponent: /*#__PURE__*/_jsx__default[
|
|
118
|
+
rightComponent: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
123
119
|
className: classNameBlock('next-back-btn')
|
|
124
|
-
}, void 0, _DSButton || (_DSButton = /*#__PURE__*/_jsx__default[
|
|
125
|
-
icon: /*#__PURE__*/_jsx__default[
|
|
120
|
+
}, void 0, _DSButton || (_DSButton = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
121
|
+
icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallLeft, {}),
|
|
126
122
|
size: "m"
|
|
127
|
-
})), /*#__PURE__*/_jsx__default[
|
|
128
|
-
icon: _ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx__default[
|
|
123
|
+
})), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
124
|
+
icon: _ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallRight, {})),
|
|
129
125
|
onClick: () => this.searchWord(),
|
|
130
126
|
size: "m"
|
|
131
127
|
})),
|
|
132
128
|
value: filteredText
|
|
133
|
-
}), /*#__PURE__*/_jsx__default[
|
|
129
|
+
}), /*#__PURE__*/_jsx__default["default"](CheckOptionsGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
|
|
134
130
|
checked: isCaseSensitive,
|
|
135
131
|
id: "case-sensitive-check",
|
|
136
132
|
labelText: "Case Sensitive",
|
|
@@ -138,7 +134,7 @@ class DSCodeEditorForm extends React.Component {
|
|
|
138
134
|
onChange: () => this.setState({
|
|
139
135
|
isCaseSensitive: !isCaseSensitive
|
|
140
136
|
})
|
|
141
|
-
}), /*#__PURE__*/_jsx__default[
|
|
137
|
+
}), /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
|
|
142
138
|
checked: isWholeWord,
|
|
143
139
|
id: "whole-word-check",
|
|
144
140
|
labelText: "Whole Word",
|
|
@@ -146,7 +142,7 @@ class DSCodeEditorForm extends React.Component {
|
|
|
146
142
|
onChange: () => this.setState({
|
|
147
143
|
isWholeWord: !isWholeWord
|
|
148
144
|
})
|
|
149
|
-
}), /*#__PURE__*/_jsx__default[
|
|
145
|
+
}), /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
|
|
150
146
|
checked: replace,
|
|
151
147
|
id: "replace-check",
|
|
152
148
|
labelText: "Replace",
|
|
@@ -154,7 +150,7 @@ class DSCodeEditorForm extends React.Component {
|
|
|
154
150
|
onChange: () => this.setState({
|
|
155
151
|
replace: !replace
|
|
156
152
|
})
|
|
157
|
-
})), /*#__PURE__*/_jsx__default[
|
|
153
|
+
})), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
158
154
|
buttonType: "secondary",
|
|
159
155
|
labelText: "Done",
|
|
160
156
|
onClick: () => this.setState({
|
|
@@ -162,9 +158,9 @@ class DSCodeEditorForm extends React.Component {
|
|
|
162
158
|
find: false
|
|
163
159
|
}),
|
|
164
160
|
size: "m"
|
|
165
|
-
})) : null, replace ? /*#__PURE__*/_jsx__default[
|
|
161
|
+
})) : null, replace ? /*#__PURE__*/_jsx__default["default"]("div", {
|
|
166
162
|
className: classNameBlock('replace')
|
|
167
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
163
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
|
|
168
164
|
className: "find-word",
|
|
169
165
|
fluidWidth: false,
|
|
170
166
|
id: "replace-textbox",
|
|
@@ -173,14 +169,14 @@ class DSCodeEditorForm extends React.Component {
|
|
|
173
169
|
}),
|
|
174
170
|
placeholder: "Replace",
|
|
175
171
|
value: replaceText
|
|
176
|
-
}), /*#__PURE__*/_jsx__default[
|
|
172
|
+
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
177
173
|
className: classNameBlock('replace-btns')
|
|
178
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
174
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
179
175
|
buttonType: "secondary",
|
|
180
176
|
labelText: "Replace",
|
|
181
177
|
onClick: () => this.searchWord(true, false),
|
|
182
178
|
size: "m"
|
|
183
|
-
}), /*#__PURE__*/_jsx__default[
|
|
179
|
+
}), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
184
180
|
buttonType: "secondary",
|
|
185
181
|
labelText: "Replace All",
|
|
186
182
|
onClick: () => this.searchWord(true, true),
|
|
@@ -23,7 +23,7 @@ class DSCodeEditorImpl extends React.Component {
|
|
|
23
23
|
value: props.value,
|
|
24
24
|
errors: []
|
|
25
25
|
};
|
|
26
|
-
this.reactAceComponent = /*#__PURE__*/React__default[
|
|
26
|
+
this.reactAceComponent = /*#__PURE__*/React__default["default"].createRef();
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
render() {
|
|
@@ -47,7 +47,7 @@ class DSCodeEditorImpl extends React.Component {
|
|
|
47
47
|
value,
|
|
48
48
|
errors
|
|
49
49
|
} = this.state;
|
|
50
|
-
return /*#__PURE__*/_jsx__default[
|
|
50
|
+
return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
|
|
51
51
|
centered: false,
|
|
52
52
|
confirmLabel: confirmLabel,
|
|
53
53
|
containerProps: containerProps,
|
|
@@ -60,10 +60,10 @@ class DSCodeEditorImpl extends React.Component {
|
|
|
60
60
|
rejectLabel: rejectLabel,
|
|
61
61
|
size: size,
|
|
62
62
|
style: style
|
|
63
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
63
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSCodeEditorForm, {
|
|
64
64
|
fileName: fileName,
|
|
65
65
|
reactAceComponent: this.reactAceComponent
|
|
66
|
-
}), /*#__PURE__*/jsxRuntime.jsx(AceEditor__default[
|
|
66
|
+
}), /*#__PURE__*/jsxRuntime.jsx(AceEditor__default["default"], {
|
|
67
67
|
ref: this.reactAceComponent,
|
|
68
68
|
editorProps: {
|
|
69
69
|
$blockScrolling: true
|
package/cjs/index.js
CHANGED
package/esm/DSCodeEditor.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
3
|
import { useState, useRef } from 'react';
|
|
3
4
|
import { PropTypes, describe } from 'react-desc';
|
|
4
5
|
import DSModal, { modalTypes } from '@elliemae/ds-modal';
|
|
@@ -8,27 +9,28 @@ import 'brace/mode/javascript.js';
|
|
|
8
9
|
import 'brace/theme/tomorrow.js';
|
|
9
10
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
10
11
|
|
|
11
|
-
const DSCodeEditor =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
12
|
+
const DSCodeEditor = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
containerProps = {},
|
|
15
|
+
value: defaultValue = '',
|
|
16
|
+
onSave = () => null,
|
|
17
|
+
onClose = () => null,
|
|
18
|
+
onReject = () => null,
|
|
19
|
+
onChange = () => null,
|
|
20
|
+
isOpen = false,
|
|
21
|
+
fileName = '',
|
|
22
|
+
confirmLabel = 'Save',
|
|
23
|
+
maxLines = 20,
|
|
24
|
+
minLines = 20,
|
|
25
|
+
modalTitle = 'Javascript Editor',
|
|
26
|
+
modalType = 'confirm',
|
|
27
|
+
rejectLabel = 'Close',
|
|
28
|
+
size = 'large',
|
|
29
|
+
style = {},
|
|
30
|
+
useModal = true,
|
|
31
|
+
showHeader = true,
|
|
32
|
+
showSyntaxChecks = true
|
|
33
|
+
} = _ref;
|
|
32
34
|
const [{
|
|
33
35
|
value,
|
|
34
36
|
errors
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
2
5
|
import 'core-js/modules/es.string.replace.js';
|
|
6
|
+
import 'core-js/modules/es.string.replace-all.js';
|
|
3
7
|
import { Component } from 'react';
|
|
4
|
-
import DSButton from '@elliemae/ds-
|
|
5
|
-
import DSCheckbox from '@elliemae/ds-
|
|
6
|
-
import DSTextBox from '@elliemae/ds-basic/form/TextBox';
|
|
7
|
-
import DSInputGroup from '@elliemae/ds-basic/form/InputGroup';
|
|
8
|
+
import DSButton from '@elliemae/ds-button';
|
|
9
|
+
import { DSInputGroup, DSTextBox, DSCheckbox } from '@elliemae/ds-form';
|
|
8
10
|
import { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';
|
|
9
|
-
import ChevronSmallLeft from '@elliemae/ds-icons
|
|
10
|
-
import ChevronSmallRight from '@elliemae/ds-icons/ChevronSmallRight';
|
|
11
|
+
import { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';
|
|
11
12
|
|
|
12
13
|
var _DSButton, _ChevronSmallRight;
|
|
13
14
|
const blockName = 'code-editor';
|
|
@@ -15,7 +16,7 @@ const {
|
|
|
15
16
|
cssClassName,
|
|
16
17
|
classNameBlock
|
|
17
18
|
} = convertPropToCssClassName(blockName);
|
|
18
|
-
const CheckOptionsGroup = aggregatedClasses('div')(
|
|
19
|
+
const CheckOptionsGroup = aggregatedClasses('div')("".concat(blockName, "-options-group"));
|
|
19
20
|
|
|
20
21
|
class DSCodeEditorForm extends Component {
|
|
21
22
|
constructor(props) {
|
|
@@ -78,7 +79,7 @@ class DSCodeEditorForm extends Component {
|
|
|
78
79
|
replaceText
|
|
79
80
|
} = this.state;
|
|
80
81
|
return /*#__PURE__*/_jsx("div", {
|
|
81
|
-
className:
|
|
82
|
+
className: "".concat(cssClassName)
|
|
82
83
|
}, void 0, fileName ? /*#__PURE__*/_jsx("div", {
|
|
83
84
|
className: classNameBlock('file-name')
|
|
84
85
|
}, void 0, "File Name: ", /*#__PURE__*/_jsx("span", {}, void 0, " ", fileName, " ")) : null, /*#__PURE__*/_jsx("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-codeeditor",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Code Editor",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -44,11 +44,14 @@
|
|
|
44
44
|
"build": "node ../../scripts/build/build.js"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@elliemae/ds-
|
|
48
|
-
"@elliemae/ds-classnames": "2.0.0-alpha.
|
|
49
|
-
"@elliemae/ds-
|
|
47
|
+
"@elliemae/ds-button": "2.0.0-alpha.12",
|
|
48
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.12",
|
|
49
|
+
"@elliemae/ds-form": "2.0.0-alpha.12",
|
|
50
|
+
"@elliemae/ds-icons": "2.0.0-alpha.12",
|
|
51
|
+
"@elliemae/ds-modal": "2.0.0-alpha.12",
|
|
50
52
|
"brace": "~0.11.1",
|
|
51
|
-
"react-ace": "~6.6.0"
|
|
53
|
+
"react-ace": "~6.6.0",
|
|
54
|
+
"react-desc": "~4.1.3"
|
|
52
55
|
},
|
|
53
56
|
"peerDependencies": {
|
|
54
57
|
"lodash": "^4.17.21",
|
package/types/DSCodeEditor.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
import 'brace/mode/javascript.js';
|
|
3
4
|
import 'brace/theme/tomorrow.js';
|
|
@@ -24,27 +25,103 @@ declare const DSCodeEditor: {
|
|
|
24
25
|
showSyntaxChecks?: boolean | undefined;
|
|
25
26
|
}): JSX.Element;
|
|
26
27
|
propTypes: {
|
|
27
|
-
containerProps:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
28
|
+
containerProps: {
|
|
29
|
+
defaultValue<T = unknown>(arg: T): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
value: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
onSave: {
|
|
36
|
+
defaultValue<T = unknown>(arg: T): {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
40
|
+
};
|
|
41
|
+
onClose: {
|
|
42
|
+
defaultValue<T = unknown>(arg: T): {
|
|
43
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
+
};
|
|
45
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
onReject: {
|
|
48
|
+
defaultValue<T = unknown>(arg: T): {
|
|
49
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
52
|
+
};
|
|
53
|
+
onChange: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
isOpen: {
|
|
55
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
+
};
|
|
57
|
+
fileName: {
|
|
58
|
+
defaultValue<T = unknown>(arg: T): {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
63
|
+
maxLines: {
|
|
64
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
65
|
+
};
|
|
66
|
+
minLines: {
|
|
67
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
68
|
+
};
|
|
69
|
+
modalTitle: {
|
|
70
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
71
|
+
};
|
|
72
|
+
confirmLabel: {
|
|
73
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
74
|
+
};
|
|
75
|
+
rejectLabel: {
|
|
76
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
77
|
+
};
|
|
78
|
+
modalType: {
|
|
79
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
80
|
+
};
|
|
81
|
+
size: {
|
|
82
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
83
|
+
};
|
|
84
|
+
style: {
|
|
85
|
+
defaultValue<T = unknown>(arg: T): {
|
|
86
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
87
|
+
};
|
|
88
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
89
|
+
};
|
|
90
|
+
useModal: {
|
|
91
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
92
|
+
};
|
|
93
|
+
showHeader: {
|
|
94
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
95
|
+
};
|
|
96
|
+
showSyntaxChecks: {
|
|
97
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
98
|
+
};
|
|
46
99
|
};
|
|
47
100
|
};
|
|
48
|
-
declare const CodeEditorWithSchema:
|
|
101
|
+
declare const CodeEditorWithSchema: {
|
|
102
|
+
(props?: {
|
|
103
|
+
containerProps?: {} | undefined;
|
|
104
|
+
value?: string | undefined;
|
|
105
|
+
onSave?: (() => null) | undefined;
|
|
106
|
+
onClose?: (() => null) | undefined;
|
|
107
|
+
onReject?: (() => null) | undefined;
|
|
108
|
+
onChange?: (() => null) | undefined;
|
|
109
|
+
isOpen?: boolean | undefined;
|
|
110
|
+
fileName?: string | undefined;
|
|
111
|
+
confirmLabel?: string | undefined;
|
|
112
|
+
maxLines?: number | undefined;
|
|
113
|
+
minLines?: number | undefined;
|
|
114
|
+
modalTitle?: string | undefined;
|
|
115
|
+
modalType?: string | undefined;
|
|
116
|
+
rejectLabel?: string | undefined;
|
|
117
|
+
size?: string | undefined;
|
|
118
|
+
style?: {} | undefined;
|
|
119
|
+
useModal?: boolean | undefined;
|
|
120
|
+
showHeader?: boolean | undefined;
|
|
121
|
+
showSyntaxChecks?: boolean | undefined;
|
|
122
|
+
} | undefined): JSX.Element;
|
|
123
|
+
propTypes: unknown;
|
|
124
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
125
|
+
};
|
|
49
126
|
export { CodeEditorWithSchema };
|
|
50
127
|
export default DSCodeEditor;
|
package/cjs/package.json
DELETED