@elliemae/ds-codeeditor 3.5.0-rc.9 → 3.6.0-next.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.
Files changed (13) hide show
  1. package/dist/cjs/DSCodeEditor.js +32 -25
  2. package/dist/cjs/DSCodeEditor.js.map +2 -2
  3. package/dist/cjs/components/DSCodeEditorForm.js +125 -81
  4. package/dist/cjs/components/DSCodeEditorForm.js.map +2 -2
  5. package/dist/cjs/components/DSCodeEditorImpl.js +22 -17
  6. package/dist/cjs/components/DSCodeEditorImpl.js.map +1 -1
  7. package/dist/esm/DSCodeEditor.js +32 -25
  8. package/dist/esm/DSCodeEditor.js.map +2 -2
  9. package/dist/esm/components/DSCodeEditorForm.js +125 -81
  10. package/dist/esm/components/DSCodeEditorForm.js.map +2 -2
  11. package/dist/esm/components/DSCodeEditorImpl.js +22 -17
  12. package/dist/esm/components/DSCodeEditorImpl.js.map +1 -1
  13. package/package.json +7 -7
package/dist/cjs/DSCodeEditor.js CHANGED
@@ -30,7 +30,8 @@ __export(DSCodeEditor_exports, {
30
30
  });
31
31
  module.exports = __toCommonJS(DSCodeEditor_exports);
32
32
  var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
33
+ var import_jsx_runtime = require("react/jsx-runtime");
34
+ var import_react = require("react");
34
35
  var import_ds_utilities = require("@elliemae/ds-utilities");
35
36
  var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
36
37
  var import_react_ace = __toESM(require("react-ace"));
@@ -63,30 +64,35 @@ const DSCodeEditor = ({
63
64
  errors: []
64
65
  });
65
66
  const reactAceComponent = (0, import_react.useRef)();
66
- const editor = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DSCodeEditorForm.default, {
67
- fileName,
68
- reactAceComponent
69
- }), /* @__PURE__ */ import_react.default.createElement(import_react_ace.default, {
70
- ref: reactAceComponent,
71
- editorProps: { $blockScrolling: true },
72
- maxLines,
73
- minLines,
74
- mode: "javascript",
75
- name: "ace-code-edior",
76
- onChange: (val) => {
77
- setState({ errors, value: val });
78
- onChange(val, errors);
79
- },
80
- onValidate: (annotations) => setState({ value, errors: annotations }),
81
- theme: "tomorrow",
82
- setOptions: {
83
- useWorker: showSyntaxChecks
84
- },
85
- value
86
- }));
67
+ const editor = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
68
+ children: [
69
+ showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCodeEditorForm.default, {
70
+ fileName,
71
+ reactAceComponent
72
+ }),
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_ace.default, {
74
+ ref: reactAceComponent,
75
+ editorProps: { $blockScrolling: true },
76
+ maxLines,
77
+ minLines,
78
+ mode: "javascript",
79
+ name: "ace-code-edior",
80
+ onChange: (val) => {
81
+ setState({ errors, value: val });
82
+ onChange(val, errors);
83
+ },
84
+ onValidate: (annotations) => setState({ value, errors: annotations }),
85
+ theme: "tomorrow",
86
+ setOptions: {
87
+ useWorker: showSyntaxChecks
88
+ },
89
+ value
90
+ })
91
+ ]
92
+ });
87
93
  if (!useModal)
88
94
  return editor;
89
- return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
95
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_modal.default, {
90
96
  centered: false,
91
97
  confirmLabel,
92
98
  containerProps,
@@ -98,8 +104,9 @@ const DSCodeEditor = ({
98
104
  onReject: () => onReject(value, fileName, errors),
99
105
  rejectLabel,
100
106
  size,
101
- style
102
- }, editor);
107
+ style,
108
+ children: editor
109
+ });
103
110
  };
104
111
  const codeEditorProps = {
105
112
  containerProps: import_ds_utilities.PropTypes.object.description(
package/dist/cjs/DSCodeEditor.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSCodeEditor.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript.js';\nimport 'brace/theme/tomorrow.js';\n\nconst DSCodeEditor = ({\n containerProps = {},\n value: defaultValue = '',\n onSave = () => null,\n onClose = () => null,\n onReject = () => null,\n onChange = () => null,\n isOpen = false,\n fileName = '',\n confirmLabel = 'Save',\n maxLines = 20,\n minLines = 20,\n modalTitle = 'Javascript Editor',\n modalType = 'confirm',\n rejectLabel = 'Close',\n size = 'large',\n style = {},\n useModal = true,\n showHeader = true,\n showSyntaxChecks = true,\n}) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const editor = (\n <>\n {showHeader && (\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={reactAceComponent}\n />\n )}\n <AceEditor\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\n onValidate={(annotations) => setState({ value, errors: annotations })}\n theme=\"tomorrow\"\n setOptions={{\n useWorker: showSyntaxChecks,\n }}\n value={value}\n />\n </>\n );\n if (!useModal) return editor;\n return (\n <DSModal\n centered={false}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={() => onClose(value, fileName, errors)}\n onConfirm={() => onSave(value, fileName, errors)}\n onReject={() => onReject(value, fileName, errors)}\n rejectLabel={rejectLabel}\n size={size}\n style={style}\n >\n {editor}\n </DSModal>\n );\n};\n\nconst codeEditorProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description(\n 'function called when the user press save',\n ),\n onClose: PropTypes.func.description(\n 'function called when the user closes the modal',\n ),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description(\n 'function executed when code editor value changes',\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the modal is opened or not')\n .defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number\n .description('Max lines in the editor content')\n .defaultValue(20),\n minLines: PropTypes.number\n .description('Min lines in the editor content')\n .defaultValue(20),\n modalTitle: PropTypes.string\n .description('Modal title')\n .defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string\n .description('Customize modal confirm label')\n .defaultValue('Save'),\n rejectLabel: PropTypes.string\n .description('Customize modal rejection label')\n .defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes)\n .description('Modal type')\n .defaultValue('confirm'),\n size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])\n .description('modal size')\n .defaultValue('large'),\n style: PropTypes.object.description('css inline style'),\n useModal: PropTypes.bool\n .description('whether to use code editor inside modal or not')\n .defaultValue(true),\n showHeader: PropTypes.bool\n .description('show editors header')\n .defaultValue(true),\n showSyntaxChecks: PropTypes.bool\n .description('show syntax warnings and checks')\n .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\nDSCodeEditor.displayName = 'DSCodeEditor';\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": ["React", "DSCodeEditorForm", "AceEditor", "DSModal"]
5
+ "mappings": "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",
6
+ "names": ["DSCodeEditorForm", "AceEditor", "DSModal"]
7
7
  }
package/dist/cjs/components/DSCodeEditorForm.js CHANGED
@@ -28,7 +28,8 @@ __export(DSCodeEditorForm_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(DSCodeEditorForm_exports);
30
30
  var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
+ var import_react = require("react");
32
33
  var import_ds_button = __toESM(require("@elliemae/ds-button"));
33
34
  var import_ds_form = require("@elliemae/ds-form");
34
35
  var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -78,86 +79,129 @@ class DSCodeEditorForm extends import_react.Component {
78
79
  render() {
79
80
  const { fileName } = this.props;
80
81
  const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;
81
- return /* @__PURE__ */ import_react.default.createElement("div", {
82
- className: `${cssClassName}`
83
- }, fileName ? /* @__PURE__ */ import_react.default.createElement("div", {
84
- className: classNameBlock("file-name")
85
- }, "File Name: ", /* @__PURE__ */ import_react.default.createElement("span", null, " ", fileName, " ")) : null, /* @__PURE__ */ import_react.default.createElement("div", {
86
- className: classNameBlock("find-replace-btn")
87
- }, !find && !replace ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
88
- buttonType: "secondary",
89
- labelText: "Find",
90
- onClick: () => this.setState({ find: true }),
91
- size: "m"
92
- }) : null, !replace ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
93
- buttonType: "secondary",
94
- labelText: "Find & Replace",
95
- onClick: () => this.setState({ replace: true }),
96
- size: "m"
97
- }) : null), find || replace ? /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
98
- className: classNameBlock("find")
99
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
100
- className: "find-word",
101
- fluidWidth: false,
102
- id: "find-textbox",
103
- onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
104
- placeholder: "Find",
105
- rightComponent: /* @__PURE__ */ import_react.default.createElement("div", {
106
- className: classNameBlock("next-back-btn")
107
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
108
- icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallLeft, null),
109
- size: "m"
110
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
111
- icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallRight, null),
112
- onClick: () => this.searchWord(),
113
- size: "m"
114
- })),
115
- value: filteredText
116
- }), /* @__PURE__ */ import_react.default.createElement(CheckOptionsGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
117
- checked: isCaseSensitive,
118
- id: "case-sensitive-check",
119
- labelText: "Case Sensitive",
120
- name: "case-sensitive-check",
121
- onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
122
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
123
- checked: isWholeWord,
124
- id: "whole-word-check",
125
- labelText: "Whole Word",
126
- name: "whole-word-check",
127
- onChange: () => this.setState({ isWholeWord: !isWholeWord })
128
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
129
- checked: replace,
130
- id: "replace-check",
131
- labelText: "Replace",
132
- name: "replace-check",
133
- onChange: () => this.setState({ replace: !replace })
134
- })), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
135
- buttonType: "secondary",
136
- labelText: "Done",
137
- onClick: () => this.setState({ replace: false, find: false }),
138
- size: "m"
139
- })) : null, replace ? /* @__PURE__ */ import_react.default.createElement("div", {
140
- className: classNameBlock("replace")
141
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
142
- className: "find-word",
143
- fluidWidth: false,
144
- id: "replace-textbox",
145
- onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
146
- placeholder: "Replace",
147
- value: replaceText
148
- }), /* @__PURE__ */ import_react.default.createElement("div", {
149
- className: classNameBlock("replace-btns")
150
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
151
- buttonType: "secondary",
152
- labelText: "Replace",
153
- onClick: () => this.searchWord(true, false),
154
- size: "m"
155
- }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
156
- buttonType: "secondary",
157
- labelText: "Replace All",
158
- onClick: () => this.searchWord(true, true),
159
- size: "m"
160
- }))) : null);
82
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
83
+ className: `${cssClassName}`,
84
+ children: [
85
+ fileName ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
86
+ className: classNameBlock("file-name"),
87
+ children: [
88
+ "File Name: ",
89
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
90
+ children: [
91
+ " ",
92
+ fileName,
93
+ " "
94
+ ]
95
+ })
96
+ ]
97
+ }) : null,
98
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
99
+ className: classNameBlock("find-replace-btn"),
100
+ children: [
101
+ !find && !replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
102
+ buttonType: "secondary",
103
+ labelText: "Find",
104
+ onClick: () => this.setState({ find: true }),
105
+ size: "m"
106
+ }) : null,
107
+ !replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
108
+ buttonType: "secondary",
109
+ labelText: "Find & Replace",
110
+ onClick: () => this.setState({ replace: true }),
111
+ size: "m"
112
+ }) : null
113
+ ]
114
+ }),
115
+ find || replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_form.DSInputGroup, {
116
+ className: classNameBlock("find"),
117
+ children: [
118
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
119
+ className: "find-word",
120
+ fluidWidth: false,
121
+ id: "find-textbox",
122
+ onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
123
+ placeholder: "Find",
124
+ rightComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
125
+ className: classNameBlock("next-back-btn"),
126
+ children: [
127
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
128
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallLeft, {}),
129
+ size: "m"
130
+ }),
131
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
132
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallRight, {}),
133
+ onClick: () => this.searchWord(),
134
+ size: "m"
135
+ })
136
+ ]
137
+ }),
138
+ value: filteredText
139
+ }),
140
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CheckOptionsGroup, {
141
+ children: [
142
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
143
+ checked: isCaseSensitive,
144
+ id: "case-sensitive-check",
145
+ labelText: "Case Sensitive",
146
+ name: "case-sensitive-check",
147
+ onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
148
+ }),
149
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
150
+ checked: isWholeWord,
151
+ id: "whole-word-check",
152
+ labelText: "Whole Word",
153
+ name: "whole-word-check",
154
+ onChange: () => this.setState({ isWholeWord: !isWholeWord })
155
+ }),
156
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
157
+ checked: replace,
158
+ id: "replace-check",
159
+ labelText: "Replace",
160
+ name: "replace-check",
161
+ onChange: () => this.setState({ replace: !replace })
162
+ })
163
+ ]
164
+ }),
165
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
166
+ buttonType: "secondary",
167
+ labelText: "Done",
168
+ onClick: () => this.setState({ replace: false, find: false }),
169
+ size: "m"
170
+ })
171
+ ]
172
+ }) : null,
173
+ replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
174
+ className: classNameBlock("replace"),
175
+ children: [
176
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
177
+ className: "find-word",
178
+ fluidWidth: false,
179
+ id: "replace-textbox",
180
+ onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
181
+ placeholder: "Replace",
182
+ value: replaceText
183
+ }),
184
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
185
+ className: classNameBlock("replace-btns"),
186
+ children: [
187
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
188
+ buttonType: "secondary",
189
+ labelText: "Replace",
190
+ onClick: () => this.searchWord(true, false),
191
+ size: "m"
192
+ }),
193
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
194
+ buttonType: "secondary",
195
+ labelText: "Replace All",
196
+ onClick: () => this.searchWord(true, true),
197
+ size: "m"
198
+ })
199
+ ]
200
+ })
201
+ ]
202
+ }) : null
203
+ ]
204
+ });
161
205
  }
162
206
  }
163
207
  var DSCodeEditorForm_default = DSCodeEditorForm;
package/dist/cjs/components/DSCodeEditorForm.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/DSCodeEditorForm.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSTextBox, DSInputGroup } from '@elliemae/ds-form';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';\n\nconst blockName = 'code-editor';\n\nconst { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);\n\nconst CheckOptionsGroup = aggregatedClasses('div')(`${blockName}-options-group`);\n\nclass DSCodeEditorForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n find: false,\n replace: false,\n isCaseSensitive: false,\n isWholeWord: false,\n filteredText: '',\n replaceText: '',\n };\n\n this.searchWord = this.searchWord.bind(this);\n }\n\n searchWord(isReplace, all) {\n const {\n reactAceComponent: {\n current: { editor },\n },\n } = this.props;\n const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n const options = {\n backwards: false,\n wrap: true,\n caseSensitive: isCaseSensitive,\n wholeWord: isWholeWord,\n regExp: true,\n };\n editor.find(filteredText, options);\n const selectedContent = editor.getSelectedText();\n if (isReplace && replaceText && selectedContent) {\n if (all) {\n editor.findAll(filteredText, options);\n editor.replaceAll(replaceText);\n } else {\n const range = editor.selection.getRange();\n editor.session.replace(range, replaceText);\n }\n }\n }\n\n render() {\n const { fileName } = this.props;\n\n const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n return (\n <div className={`${cssClassName}`}>\n {fileName ? (\n <div className={classNameBlock('file-name')}>\n File Name: <span> {fileName} </span>\n </div>\n ) : null}\n <div className={classNameBlock('find-replace-btn')}>\n {!find && !replace ? (\n <DSButton buttonType=\"secondary\" labelText=\"Find\" onClick={() => this.setState({ find: true })} size=\"m\" />\n ) : null}\n {!replace ? (\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Find & Replace\"\n onClick={() => this.setState({ replace: true })}\n size=\"m\"\n />\n ) : null}\n </div>\n {find || replace ? (\n <DSInputGroup className={classNameBlock('find')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"find-textbox\"\n onChange={(e) => this.setState({ filteredText: e.currentTarget.value })}\n placeholder=\"Find\"\n rightComponent={\n <div className={classNameBlock('next-back-btn')}>\n <DSButton icon={<ChevronSmallLeft />} size=\"m\" />\n <DSButton icon={<ChevronSmallRight />} onClick={() => this.searchWord()} size=\"m\" />\n </div>\n }\n value={filteredText}\n />\n <CheckOptionsGroup>\n <DSCheckbox\n checked={isCaseSensitive}\n id=\"case-sensitive-check\"\n labelText=\"Case Sensitive\"\n name=\"case-sensitive-check\"\n onChange={() => this.setState({ isCaseSensitive: !isCaseSensitive })}\n />\n <DSCheckbox\n checked={isWholeWord}\n id=\"whole-word-check\"\n labelText=\"Whole Word\"\n name=\"whole-word-check\"\n onChange={() => this.setState({ isWholeWord: !isWholeWord })}\n />\n <DSCheckbox\n checked={replace}\n id=\"replace-check\"\n labelText=\"Replace\"\n name=\"replace-check\"\n onChange={() => this.setState({ replace: !replace })}\n />\n </CheckOptionsGroup>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Done\"\n onClick={() => this.setState({ replace: false, find: false })}\n size=\"m\"\n />\n </DSInputGroup>\n ) : null}\n {replace ? (\n <div className={classNameBlock('replace')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"replace-textbox\"\n onChange={(e) => this.setState({ replaceText: e.currentTarget.value })}\n placeholder=\"Replace\"\n value={replaceText}\n />\n <div className={classNameBlock('replace-btns')}>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace\"\n onClick={() => this.searchWord(true, false)}\n size=\"m\"\n />\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace All\"\n onClick={() => this.searchWord(true, true)}\n size=\"m\"\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n }\n}\n\nexport default DSCodeEditorForm;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": ["React", "DSButton"]
5
+ "mappings": "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",
6
+ "names": ["DSButton"]
7
7
  }
package/dist/cjs/components/DSCodeEditorImpl.js CHANGED
@@ -28,6 +28,7 @@ __export(DSCodeEditorImpl_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(DSCodeEditorImpl_exports);
30
30
  var React = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
31
32
  var import_react = __toESM(require("react"));
32
33
  var import_react_ace = __toESM(require("react-ace"));
33
34
  var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
@@ -61,7 +62,7 @@ class DSCodeEditorImpl extends import_react.Component {
61
62
  containerProps
62
63
  } = this.props;
63
64
  const { value, errors } = this.state;
64
- return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_modal.default, {
65
66
  centered: false,
66
67
  confirmLabel,
67
68
  containerProps,
@@ -73,22 +74,26 @@ class DSCodeEditorImpl extends import_react.Component {
73
74
  onReject: () => onReject(value, fileName, errors),
74
75
  rejectLabel,
75
76
  size,
76
- style
77
- }, /* @__PURE__ */ import_react.default.createElement(import_DSCodeEditorForm.default, {
78
- fileName,
79
- reactAceComponent: this.reactAceComponent
80
- }), /* @__PURE__ */ import_react.default.createElement(import_react_ace.default, {
81
- ref: this.reactAceComponent,
82
- editorProps: { $blockScrolling: true },
83
- maxLines,
84
- minLines,
85
- mode: "javascript",
86
- name: "ace-code-edior",
87
- onChange: (val) => this.setState({ value: val }),
88
- onValidate: (annotations) => this.setState({ errors: annotations }),
89
- theme: "tomorrow",
90
- value
91
- }));
77
+ style,
78
+ children: [
79
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCodeEditorForm.default, {
80
+ fileName,
81
+ reactAceComponent: this.reactAceComponent
82
+ }),
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_ace.default, {
84
+ ref: this.reactAceComponent,
85
+ editorProps: { $blockScrolling: true },
86
+ maxLines,
87
+ minLines,
88
+ mode: "javascript",
89
+ name: "ace-code-edior",
90
+ onChange: (val) => this.setState({ value: val }),
91
+ onValidate: (annotations) => this.setState({ errors: annotations }),
92
+ theme: "tomorrow",
93
+ value
94
+ })
95
+ ]
96
+ });
92
97
  }
93
98
  }
94
99
  var DSCodeEditorImpl_default = DSCodeEditorImpl;
package/dist/cjs/components/DSCodeEditorImpl.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/DSCodeEditorImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { Component } from 'react';\nimport AceEditor from 'react-ace';\nimport DSModal from '@elliemae/ds-modal';\nimport DSCodeEditorForm from './DSCodeEditorForm';\nimport 'brace/mode/javascript.js';\nimport 'brace/theme/tomorrow.js';\n\nclass DSCodeEditorImpl extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n errors: [],\n };\n this.reactAceComponent = React.createRef();\n }\n\n render() {\n const {\n onSave,\n onClose,\n onReject,\n isOpen,\n fileName,\n confirmLabel,\n maxLines,\n minLines,\n modalTitle,\n modalType,\n rejectLabel,\n size,\n style,\n containerProps,\n } = this.props;\n\n const { value, errors } = this.state;\n return (\n <DSModal\n centered={false}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={() => onClose(value, fileName, errors)}\n onConfirm={() => onSave(value, fileName, errors)}\n onReject={() => onReject(value, fileName, errors)}\n rejectLabel={rejectLabel}\n size={size}\n style={style}\n >\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={this.reactAceComponent}\n />\n <AceEditor\n ref={this.reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={val => this.setState({ value: val })}\n onValidate={annotations => this.setState({ errors: annotations })}\n theme=\"tomorrow\"\n value={value}\n />\n </DSModal>\n );\n }\n}\n\nexport default DSCodeEditorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,uBAAsB;AACtB,sBAAoB;AACpB,8BAA6B;AAC7B,wBAAO;AACP,sBAAO;AAEP,MAAM,yBAAyB,uBAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,CAAC;AAAA,IACX;AACA,SAAK,oBAAoB,aAAAA,QAAM,UAAU;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WACE,6BAAAA,QAAA,cAAC,gBAAAC,SAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU,MAAM;AAAA,MAC9C,WAAW,MAAM,OAAO,OAAO,UAAU,MAAM;AAAA,MAC/C,UAAU,MAAM,SAAS,OAAO,UAAU,MAAM;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,OAEA,6BAAAD,QAAA,cAAC,wBAAAE,SAAA;AAAA,MACC;AAAA,MACA,mBAAmB,KAAK;AAAA,KAC1B,GACA,6BAAAF,QAAA,cAAC,iBAAAG,SAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,aAAa,EAAE,iBAAiB,KAAK;AAAA,MACrC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,MAC7C,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ,YAAY,CAAC;AAAA,MAChE,OAAM;AAAA,MACN;AAAA,KACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,2BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAiC;AACjC,uBAAsB;AACtB,sBAAoB;AACpB,8BAA6B;AAC7B,wBAAO;AACP,sBAAO;AAEP,MAAM,yBAAyB,uBAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,CAAC;AAAA,IACX;AACA,SAAK,oBAAoB,aAAAA,QAAM,UAAU;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WACE,6CAAC,gBAAAC,SAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU,MAAM;AAAA,MAC9C,WAAW,MAAM,OAAO,OAAO,UAAU,MAAM;AAAA,MAC/C,UAAU,MAAM,SAAS,OAAO,UAAU,MAAM;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,wBAAAC,SAAA;AAAA,UACC;AAAA,UACA,mBAAmB,KAAK;AAAA,SAC1B;AAAA,QACA,4CAAC,iBAAAC,SAAA;AAAA,UACC,KAAK,KAAK;AAAA,UACV,aAAa,EAAE,iBAAiB,KAAK;AAAA,UACrC;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,UAC7C,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ,YAAY,CAAC;AAAA,UAChE,OAAM;AAAA,UACN;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,2BAAQ;",
6
6
  "names": ["React", "DSModal", "DSCodeEditorForm", "AceEditor"]
7
7
  }
package/dist/esm/DSCodeEditor.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { useState, useRef } from "react";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { useState, useRef } from "react";
3
4
  import { describe, PropTypes } from "@elliemae/ds-utilities";
4
5
  import DSModal, { modalTypes } from "@elliemae/ds-modal";
5
6
  import AceEditor from "react-ace";
@@ -32,30 +33,35 @@ const DSCodeEditor = ({
32
33
  errors: []
33
34
  });
34
35
  const reactAceComponent = useRef();
35
- const editor = /* @__PURE__ */ React2.createElement(React2.Fragment, null, showHeader && /* @__PURE__ */ React2.createElement(DSCodeEditorForm, {
36
- fileName,
37
- reactAceComponent
38
- }), /* @__PURE__ */ React2.createElement(AceEditor, {
39
- ref: reactAceComponent,
40
- editorProps: { $blockScrolling: true },
41
- maxLines,
42
- minLines,
43
- mode: "javascript",
44
- name: "ace-code-edior",
45
- onChange: (val) => {
46
- setState({ errors, value: val });
47
- onChange(val, errors);
48
- },
49
- onValidate: (annotations) => setState({ value, errors: annotations }),
50
- theme: "tomorrow",
51
- setOptions: {
52
- useWorker: showSyntaxChecks
53
- },
54
- value
55
- }));
36
+ const editor = /* @__PURE__ */ jsxs(Fragment, {
37
+ children: [
38
+ showHeader && /* @__PURE__ */ jsx(DSCodeEditorForm, {
39
+ fileName,
40
+ reactAceComponent
41
+ }),
42
+ /* @__PURE__ */ jsx(AceEditor, {
43
+ ref: reactAceComponent,
44
+ editorProps: { $blockScrolling: true },
45
+ maxLines,
46
+ minLines,
47
+ mode: "javascript",
48
+ name: "ace-code-edior",
49
+ onChange: (val) => {
50
+ setState({ errors, value: val });
51
+ onChange(val, errors);
52
+ },
53
+ onValidate: (annotations) => setState({ value, errors: annotations }),
54
+ theme: "tomorrow",
55
+ setOptions: {
56
+ useWorker: showSyntaxChecks
57
+ },
58
+ value
59
+ })
60
+ ]
61
+ });
56
62
  if (!useModal)
57
63
  return editor;
58
- return /* @__PURE__ */ React2.createElement(DSModal, {
64
+ return /* @__PURE__ */ jsx(DSModal, {
59
65
  centered: false,
60
66
  confirmLabel,
61
67
  containerProps,
@@ -67,8 +73,9 @@ const DSCodeEditor = ({
67
73
  onReject: () => onReject(value, fileName, errors),
68
74
  rejectLabel,
69
75
  size,
70
- style
71
- }, editor);
76
+ style,
77
+ children: editor
78
+ });
72
79
  };
73
80
  const codeEditorProps = {
74
81
  containerProps: PropTypes.object.description(
package/dist/esm/DSCodeEditor.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCodeEditor.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript.js';\nimport 'brace/theme/tomorrow.js';\n\nconst DSCodeEditor = ({\n containerProps = {},\n value: defaultValue = '',\n onSave = () => null,\n onClose = () => null,\n onReject = () => null,\n onChange = () => null,\n isOpen = false,\n fileName = '',\n confirmLabel = 'Save',\n maxLines = 20,\n minLines = 20,\n modalTitle = 'Javascript Editor',\n modalType = 'confirm',\n rejectLabel = 'Close',\n size = 'large',\n style = {},\n useModal = true,\n showHeader = true,\n showSyntaxChecks = true,\n}) => {\n const [{ value, errors }, setState] = useState({\n value: defaultValue,\n errors: [],\n });\n const reactAceComponent = useRef();\n\n const editor = (\n <>\n {showHeader && (\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={reactAceComponent}\n />\n )}\n <AceEditor\n ref={reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={(val) => {\n setState({ errors, value: val });\n onChange(val, errors);\n }}\n onValidate={(annotations) => setState({ value, errors: annotations })}\n theme=\"tomorrow\"\n setOptions={{\n useWorker: showSyntaxChecks,\n }}\n value={value}\n />\n </>\n );\n if (!useModal) return editor;\n return (\n <DSModal\n centered={false}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={() => onClose(value, fileName, errors)}\n onConfirm={() => onSave(value, fileName, errors)}\n onReject={() => onReject(value, fileName, errors)}\n rejectLabel={rejectLabel}\n size={size}\n style={style}\n >\n {editor}\n </DSModal>\n );\n};\n\nconst codeEditorProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n value: PropTypes.string.description('editors content').isRequired,\n onSave: PropTypes.func.description(\n 'function called when the user press save',\n ),\n onClose: PropTypes.func.description(\n 'function called when the user closes the modal',\n ),\n onReject: PropTypes.func.description('function called when is rejected'),\n onChange: PropTypes.func.description(\n 'function executed when code editor value changes',\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the modal is opened or not')\n .defaultValue(false),\n fileName: PropTypes.string.description('File name to open in the editor'),\n maxLines: PropTypes.number\n .description('Max lines in the editor content')\n .defaultValue(20),\n minLines: PropTypes.number\n .description('Min lines in the editor content')\n .defaultValue(20),\n modalTitle: PropTypes.string\n .description('Modal title')\n .defaultValue('Javascript Editor'),\n confirmLabel: PropTypes.string\n .description('Customize modal confirm label')\n .defaultValue('Save'),\n rejectLabel: PropTypes.string\n .description('Customize modal rejection label')\n .defaultValue('Close'),\n modalType: PropTypes.oneOf(modalTypes)\n .description('Modal type')\n .defaultValue('confirm'),\n size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])\n .description('modal size')\n .defaultValue('large'),\n style: PropTypes.object.description('css inline style'),\n useModal: PropTypes.bool\n .description('whether to use code editor inside modal or not')\n .defaultValue(true),\n showHeader: PropTypes.bool\n .description('show editors header')\n .defaultValue(true),\n showSyntaxChecks: PropTypes.bool\n .description('show syntax warnings and checks')\n .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\nDSCodeEditor.displayName = 'DSCodeEditor';\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n"],
5
- "mappings": "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",
6
- "names": ["React"]
5
+ "mappings": "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",
6
+ "names": []
7
7
  }
package/dist/esm/components/DSCodeEditorForm.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { Component } from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Component } from "react";
3
4
  import DSButton from "@elliemae/ds-button";
4
5
  import { DSCheckbox, DSTextBox, DSInputGroup } from "@elliemae/ds-form";
5
6
  import { convertPropToCssClassName, aggregatedClasses } from "@elliemae/ds-classnames";
@@ -49,86 +50,129 @@ class DSCodeEditorForm extends Component {
49
50
  render() {
50
51
  const { fileName } = this.props;
51
52
  const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;
52
- return /* @__PURE__ */ React2.createElement("div", {
53
- className: `${cssClassName}`
54
- }, fileName ? /* @__PURE__ */ React2.createElement("div", {
55
- className: classNameBlock("file-name")
56
- }, "File Name: ", /* @__PURE__ */ React2.createElement("span", null, " ", fileName, " ")) : null, /* @__PURE__ */ React2.createElement("div", {
57
- className: classNameBlock("find-replace-btn")
58
- }, !find && !replace ? /* @__PURE__ */ React2.createElement(DSButton, {
59
- buttonType: "secondary",
60
- labelText: "Find",
61
- onClick: () => this.setState({ find: true }),
62
- size: "m"
63
- }) : null, !replace ? /* @__PURE__ */ React2.createElement(DSButton, {
64
- buttonType: "secondary",
65
- labelText: "Find & Replace",
66
- onClick: () => this.setState({ replace: true }),
67
- size: "m"
68
- }) : null), find || replace ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
69
- className: classNameBlock("find")
70
- }, /* @__PURE__ */ React2.createElement(DSTextBox, {
71
- className: "find-word",
72
- fluidWidth: false,
73
- id: "find-textbox",
74
- onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
75
- placeholder: "Find",
76
- rightComponent: /* @__PURE__ */ React2.createElement("div", {
77
- className: classNameBlock("next-back-btn")
78
- }, /* @__PURE__ */ React2.createElement(DSButton, {
79
- icon: /* @__PURE__ */ React2.createElement(ChevronSmallLeft, null),
80
- size: "m"
81
- }), /* @__PURE__ */ React2.createElement(DSButton, {
82
- icon: /* @__PURE__ */ React2.createElement(ChevronSmallRight, null),
83
- onClick: () => this.searchWord(),
84
- size: "m"
85
- })),
86
- value: filteredText
87
- }), /* @__PURE__ */ React2.createElement(CheckOptionsGroup, null, /* @__PURE__ */ React2.createElement(DSCheckbox, {
88
- checked: isCaseSensitive,
89
- id: "case-sensitive-check",
90
- labelText: "Case Sensitive",
91
- name: "case-sensitive-check",
92
- onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
93
- }), /* @__PURE__ */ React2.createElement(DSCheckbox, {
94
- checked: isWholeWord,
95
- id: "whole-word-check",
96
- labelText: "Whole Word",
97
- name: "whole-word-check",
98
- onChange: () => this.setState({ isWholeWord: !isWholeWord })
99
- }), /* @__PURE__ */ React2.createElement(DSCheckbox, {
100
- checked: replace,
101
- id: "replace-check",
102
- labelText: "Replace",
103
- name: "replace-check",
104
- onChange: () => this.setState({ replace: !replace })
105
- })), /* @__PURE__ */ React2.createElement(DSButton, {
106
- buttonType: "secondary",
107
- labelText: "Done",
108
- onClick: () => this.setState({ replace: false, find: false }),
109
- size: "m"
110
- })) : null, replace ? /* @__PURE__ */ React2.createElement("div", {
111
- className: classNameBlock("replace")
112
- }, /* @__PURE__ */ React2.createElement(DSTextBox, {
113
- className: "find-word",
114
- fluidWidth: false,
115
- id: "replace-textbox",
116
- onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
117
- placeholder: "Replace",
118
- value: replaceText
119
- }), /* @__PURE__ */ React2.createElement("div", {
120
- className: classNameBlock("replace-btns")
121
- }, /* @__PURE__ */ React2.createElement(DSButton, {
122
- buttonType: "secondary",
123
- labelText: "Replace",
124
- onClick: () => this.searchWord(true, false),
125
- size: "m"
126
- }), /* @__PURE__ */ React2.createElement(DSButton, {
127
- buttonType: "secondary",
128
- labelText: "Replace All",
129
- onClick: () => this.searchWord(true, true),
130
- size: "m"
131
- }))) : null);
53
+ return /* @__PURE__ */ jsxs("div", {
54
+ className: `${cssClassName}`,
55
+ children: [
56
+ fileName ? /* @__PURE__ */ jsxs("div", {
57
+ className: classNameBlock("file-name"),
58
+ children: [
59
+ "File Name: ",
60
+ /* @__PURE__ */ jsxs("span", {
61
+ children: [
62
+ " ",
63
+ fileName,
64
+ " "
65
+ ]
66
+ })
67
+ ]
68
+ }) : null,
69
+ /* @__PURE__ */ jsxs("div", {
70
+ className: classNameBlock("find-replace-btn"),
71
+ children: [
72
+ !find && !replace ? /* @__PURE__ */ jsx(DSButton, {
73
+ buttonType: "secondary",
74
+ labelText: "Find",
75
+ onClick: () => this.setState({ find: true }),
76
+ size: "m"
77
+ }) : null,
78
+ !replace ? /* @__PURE__ */ jsx(DSButton, {
79
+ buttonType: "secondary",
80
+ labelText: "Find & Replace",
81
+ onClick: () => this.setState({ replace: true }),
82
+ size: "m"
83
+ }) : null
84
+ ]
85
+ }),
86
+ find || replace ? /* @__PURE__ */ jsxs(DSInputGroup, {
87
+ className: classNameBlock("find"),
88
+ children: [
89
+ /* @__PURE__ */ jsx(DSTextBox, {
90
+ className: "find-word",
91
+ fluidWidth: false,
92
+ id: "find-textbox",
93
+ onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
94
+ placeholder: "Find",
95
+ rightComponent: /* @__PURE__ */ jsxs("div", {
96
+ className: classNameBlock("next-back-btn"),
97
+ children: [
98
+ /* @__PURE__ */ jsx(DSButton, {
99
+ icon: /* @__PURE__ */ jsx(ChevronSmallLeft, {}),
100
+ size: "m"
101
+ }),
102
+ /* @__PURE__ */ jsx(DSButton, {
103
+ icon: /* @__PURE__ */ jsx(ChevronSmallRight, {}),
104
+ onClick: () => this.searchWord(),
105
+ size: "m"
106
+ })
107
+ ]
108
+ }),
109
+ value: filteredText
110
+ }),
111
+ /* @__PURE__ */ jsxs(CheckOptionsGroup, {
112
+ children: [
113
+ /* @__PURE__ */ jsx(DSCheckbox, {
114
+ checked: isCaseSensitive,
115
+ id: "case-sensitive-check",
116
+ labelText: "Case Sensitive",
117
+ name: "case-sensitive-check",
118
+ onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
119
+ }),
120
+ /* @__PURE__ */ jsx(DSCheckbox, {
121
+ checked: isWholeWord,
122
+ id: "whole-word-check",
123
+ labelText: "Whole Word",
124
+ name: "whole-word-check",
125
+ onChange: () => this.setState({ isWholeWord: !isWholeWord })
126
+ }),
127
+ /* @__PURE__ */ jsx(DSCheckbox, {
128
+ checked: replace,
129
+ id: "replace-check",
130
+ labelText: "Replace",
131
+ name: "replace-check",
132
+ onChange: () => this.setState({ replace: !replace })
133
+ })
134
+ ]
135
+ }),
136
+ /* @__PURE__ */ jsx(DSButton, {
137
+ buttonType: "secondary",
138
+ labelText: "Done",
139
+ onClick: () => this.setState({ replace: false, find: false }),
140
+ size: "m"
141
+ })
142
+ ]
143
+ }) : null,
144
+ replace ? /* @__PURE__ */ jsxs("div", {
145
+ className: classNameBlock("replace"),
146
+ children: [
147
+ /* @__PURE__ */ jsx(DSTextBox, {
148
+ className: "find-word",
149
+ fluidWidth: false,
150
+ id: "replace-textbox",
151
+ onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
152
+ placeholder: "Replace",
153
+ value: replaceText
154
+ }),
155
+ /* @__PURE__ */ jsxs("div", {
156
+ className: classNameBlock("replace-btns"),
157
+ children: [
158
+ /* @__PURE__ */ jsx(DSButton, {
159
+ buttonType: "secondary",
160
+ labelText: "Replace",
161
+ onClick: () => this.searchWord(true, false),
162
+ size: "m"
163
+ }),
164
+ /* @__PURE__ */ jsx(DSButton, {
165
+ buttonType: "secondary",
166
+ labelText: "Replace All",
167
+ onClick: () => this.searchWord(true, true),
168
+ size: "m"
169
+ })
170
+ ]
171
+ })
172
+ ]
173
+ }) : null
174
+ ]
175
+ });
132
176
  }
133
177
  }
134
178
  var DSCodeEditorForm_default = DSCodeEditorForm;
package/dist/esm/components/DSCodeEditorForm.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSCodeEditorForm.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport DSButton from '@elliemae/ds-button';\nimport { DSCheckbox, DSTextBox, DSInputGroup } from '@elliemae/ds-form';\nimport { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';\n\nconst blockName = 'code-editor';\n\nconst { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);\n\nconst CheckOptionsGroup = aggregatedClasses('div')(`${blockName}-options-group`);\n\nclass DSCodeEditorForm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n find: false,\n replace: false,\n isCaseSensitive: false,\n isWholeWord: false,\n filteredText: '',\n replaceText: '',\n };\n\n this.searchWord = this.searchWord.bind(this);\n }\n\n searchWord(isReplace, all) {\n const {\n reactAceComponent: {\n current: { editor },\n },\n } = this.props;\n const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n const options = {\n backwards: false,\n wrap: true,\n caseSensitive: isCaseSensitive,\n wholeWord: isWholeWord,\n regExp: true,\n };\n editor.find(filteredText, options);\n const selectedContent = editor.getSelectedText();\n if (isReplace && replaceText && selectedContent) {\n if (all) {\n editor.findAll(filteredText, options);\n editor.replaceAll(replaceText);\n } else {\n const range = editor.selection.getRange();\n editor.session.replace(range, replaceText);\n }\n }\n }\n\n render() {\n const { fileName } = this.props;\n\n const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;\n return (\n <div className={`${cssClassName}`}>\n {fileName ? (\n <div className={classNameBlock('file-name')}>\n File Name: <span> {fileName} </span>\n </div>\n ) : null}\n <div className={classNameBlock('find-replace-btn')}>\n {!find && !replace ? (\n <DSButton buttonType=\"secondary\" labelText=\"Find\" onClick={() => this.setState({ find: true })} size=\"m\" />\n ) : null}\n {!replace ? (\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Find & Replace\"\n onClick={() => this.setState({ replace: true })}\n size=\"m\"\n />\n ) : null}\n </div>\n {find || replace ? (\n <DSInputGroup className={classNameBlock('find')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"find-textbox\"\n onChange={(e) => this.setState({ filteredText: e.currentTarget.value })}\n placeholder=\"Find\"\n rightComponent={\n <div className={classNameBlock('next-back-btn')}>\n <DSButton icon={<ChevronSmallLeft />} size=\"m\" />\n <DSButton icon={<ChevronSmallRight />} onClick={() => this.searchWord()} size=\"m\" />\n </div>\n }\n value={filteredText}\n />\n <CheckOptionsGroup>\n <DSCheckbox\n checked={isCaseSensitive}\n id=\"case-sensitive-check\"\n labelText=\"Case Sensitive\"\n name=\"case-sensitive-check\"\n onChange={() => this.setState({ isCaseSensitive: !isCaseSensitive })}\n />\n <DSCheckbox\n checked={isWholeWord}\n id=\"whole-word-check\"\n labelText=\"Whole Word\"\n name=\"whole-word-check\"\n onChange={() => this.setState({ isWholeWord: !isWholeWord })}\n />\n <DSCheckbox\n checked={replace}\n id=\"replace-check\"\n labelText=\"Replace\"\n name=\"replace-check\"\n onChange={() => this.setState({ replace: !replace })}\n />\n </CheckOptionsGroup>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Done\"\n onClick={() => this.setState({ replace: false, find: false })}\n size=\"m\"\n />\n </DSInputGroup>\n ) : null}\n {replace ? (\n <div className={classNameBlock('replace')}>\n <DSTextBox\n className=\"find-word\"\n fluidWidth={false}\n id=\"replace-textbox\"\n onChange={(e) => this.setState({ replaceText: e.currentTarget.value })}\n placeholder=\"Replace\"\n value={replaceText}\n />\n <div className={classNameBlock('replace-btns')}>\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace\"\n onClick={() => this.searchWord(true, false)}\n size=\"m\"\n />\n <DSButton\n buttonType=\"secondary\"\n labelText=\"Replace All\"\n onClick={() => this.searchWord(true, true)}\n size=\"m\"\n />\n </div>\n </div>\n ) : null}\n </div>\n );\n }\n}\n\nexport default DSCodeEditorForm;\n"],
5
- "mappings": "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",
6
- "names": ["React"]
5
+ "mappings": "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",
6
+ "names": []
7
7
  }
package/dist/esm/components/DSCodeEditorImpl.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
2
3
  import React2, { Component } from "react";
3
4
  import AceEditor from "react-ace";
4
5
  import DSModal from "@elliemae/ds-modal";
@@ -32,7 +33,7 @@ class DSCodeEditorImpl extends Component {
32
33
  containerProps
33
34
  } = this.props;
34
35
  const { value, errors } = this.state;
35
- return /* @__PURE__ */ React2.createElement(DSModal, {
36
+ return /* @__PURE__ */ jsxs(DSModal, {
36
37
  centered: false,
37
38
  confirmLabel,
38
39
  containerProps,
@@ -44,22 +45,26 @@ class DSCodeEditorImpl extends Component {
44
45
  onReject: () => onReject(value, fileName, errors),
45
46
  rejectLabel,
46
47
  size,
47
- style
48
- }, /* @__PURE__ */ React2.createElement(DSCodeEditorForm, {
49
- fileName,
50
- reactAceComponent: this.reactAceComponent
51
- }), /* @__PURE__ */ React2.createElement(AceEditor, {
52
- ref: this.reactAceComponent,
53
- editorProps: { $blockScrolling: true },
54
- maxLines,
55
- minLines,
56
- mode: "javascript",
57
- name: "ace-code-edior",
58
- onChange: (val) => this.setState({ value: val }),
59
- onValidate: (annotations) => this.setState({ errors: annotations }),
60
- theme: "tomorrow",
61
- value
62
- }));
48
+ style,
49
+ children: [
50
+ /* @__PURE__ */ jsx(DSCodeEditorForm, {
51
+ fileName,
52
+ reactAceComponent: this.reactAceComponent
53
+ }),
54
+ /* @__PURE__ */ jsx(AceEditor, {
55
+ ref: this.reactAceComponent,
56
+ editorProps: { $blockScrolling: true },
57
+ maxLines,
58
+ minLines,
59
+ mode: "javascript",
60
+ name: "ace-code-edior",
61
+ onChange: (val) => this.setState({ value: val }),
62
+ onValidate: (annotations) => this.setState({ errors: annotations }),
63
+ theme: "tomorrow",
64
+ value
65
+ })
66
+ ]
67
+ });
63
68
  }
64
69
  }
65
70
  var DSCodeEditorImpl_default = DSCodeEditorImpl;
package/dist/esm/components/DSCodeEditorImpl.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSCodeEditorImpl.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport AceEditor from 'react-ace';\nimport DSModal from '@elliemae/ds-modal';\nimport DSCodeEditorForm from './DSCodeEditorForm';\nimport 'brace/mode/javascript.js';\nimport 'brace/theme/tomorrow.js';\n\nclass DSCodeEditorImpl extends Component {\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n errors: [],\n };\n this.reactAceComponent = React.createRef();\n }\n\n render() {\n const {\n onSave,\n onClose,\n onReject,\n isOpen,\n fileName,\n confirmLabel,\n maxLines,\n minLines,\n modalTitle,\n modalType,\n rejectLabel,\n size,\n style,\n containerProps,\n } = this.props;\n\n const { value, errors } = this.state;\n return (\n <DSModal\n centered={false}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n isOpen={isOpen}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={() => onClose(value, fileName, errors)}\n onConfirm={() => onSave(value, fileName, errors)}\n onReject={() => onReject(value, fileName, errors)}\n rejectLabel={rejectLabel}\n size={size}\n style={style}\n >\n <DSCodeEditorForm\n fileName={fileName}\n reactAceComponent={this.reactAceComponent}\n />\n <AceEditor\n ref={this.reactAceComponent}\n editorProps={{ $blockScrolling: true }}\n maxLines={maxLines}\n minLines={minLines}\n mode=\"javascript\"\n name=\"ace-code-edior\"\n onChange={val => this.setState({ value: val })}\n onValidate={annotations => this.setState({ errors: annotations })}\n theme=\"tomorrow\"\n value={value}\n />\n </DSModal>\n );\n }\n}\n\nexport default DSCodeEditorImpl;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,iBAAiB;AACjC,OAAO,eAAe;AACtB,OAAO,aAAa;AACpB,OAAO,sBAAsB;AAC7B,OAAO;AACP,OAAO;AAEP,MAAM,yBAAyB,UAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,CAAC;AAAA,IACX;AACA,SAAK,oBAAoBA,OAAM,UAAU;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WACE,gBAAAA,OAAA,cAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU,MAAM;AAAA,MAC9C,WAAW,MAAM,OAAO,OAAO,UAAU,MAAM;AAAA,MAC/C,UAAU,MAAM,SAAS,OAAO,UAAU,MAAM;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,OAEA,gBAAAA,OAAA,cAAC;AAAA,MACC;AAAA,MACA,mBAAmB,KAAK;AAAA,KAC1B,GACA,gBAAAA,OAAA,cAAC;AAAA,MACC,KAAK,KAAK;AAAA,MACV,aAAa,EAAE,iBAAiB,KAAK;AAAA,MACrC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,MAC7C,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ,YAAY,CAAC;AAAA,MAChE,OAAM;AAAA,MACN;AAAA,KACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,2BAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,iBAAiB;AACjC,OAAO,eAAe;AACtB,OAAO,aAAa;AACpB,OAAO,sBAAsB;AAC7B,OAAO;AACP,OAAO;AAEP,MAAM,yBAAyB,UAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,CAAC;AAAA,IACX;AACA,SAAK,oBAAoBA,OAAM,UAAU;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WACE,qBAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU,MAAM;AAAA,MAC9C,WAAW,MAAM,OAAO,OAAO,UAAU,MAAM;AAAA,MAC/C,UAAU,MAAM,SAAS,OAAO,UAAU,MAAM;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC;AAAA,UACC;AAAA,UACA,mBAAmB,KAAK;AAAA,SAC1B;AAAA,QACA,oBAAC;AAAA,UACC,KAAK,KAAK;AAAA,UACV,aAAa,EAAE,iBAAiB,KAAK;AAAA,UACrC;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,UAC7C,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ,YAAY,CAAC;AAAA,UAChE,OAAM;AAAA,UACN;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,2BAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-codeeditor",
3
- "version": "3.5.0-rc.9",
3
+ "version": "3.6.0-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Code Editor",
6
6
  "files": [
@@ -47,12 +47,12 @@
47
47
  "indent": 4
48
48
  },
49
49
  "dependencies": {
50
- "@elliemae/ds-button": "3.5.0-rc.9",
51
- "@elliemae/ds-classnames": "3.5.0-rc.9",
52
- "@elliemae/ds-form": "3.5.0-rc.9",
53
- "@elliemae/ds-icons": "3.5.0-rc.9",
54
- "@elliemae/ds-modal": "3.5.0-rc.9",
55
- "@elliemae/ds-utilities": "3.5.0-rc.9",
50
+ "@elliemae/ds-button": "3.6.0-next.0",
51
+ "@elliemae/ds-classnames": "3.6.0-next.0",
52
+ "@elliemae/ds-form": "3.6.0-next.0",
53
+ "@elliemae/ds-icons": "3.6.0-next.0",
54
+ "@elliemae/ds-modal": "3.6.0-next.0",
55
+ "@elliemae/ds-utilities": "3.6.0-next.0",
56
56
  "brace": "~0.11.1",
57
57
  "react-ace": "~10.1.0"
58
58
  },