@elliemae/ds-codeeditor 2.0.0-next.0 → 2.0.0-next.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.
Files changed (7) hide show
  1. package/cjs/DSCodeEditor.js +23 -21
  2. package/cjs/components/DSCodeEditorForm.js +17 -21
  3. package/esm/DSCodeEditor.js +23 -21
  4. package/esm/components/DSCodeEditorForm.js +9 -8
  5. package/package.json +7 -5
  6. package/cjs/package.json +0 -7
  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
- containerProps = {},
23
- value: defaultValue = '',
24
- onSave = () => null,
25
- onClose = () => null,
26
- onReject = () => null,
27
- onChange = () => null,
28
- isOpen = false,
29
- fileName = '',
30
- confirmLabel = 'Save',
31
- maxLines = 20,
32
- minLines = 20,
33
- modalTitle = 'Javascript Editor',
34
- modalType = 'confirm',
35
- rejectLabel = 'Close',
36
- size = 'large',
37
- style = {},
38
- useModal = true,
39
- showHeader = true,
40
- showSyntaxChecks = true
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
package/cjs/components/DSCodeEditorForm.js CHANGED
@@ -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-basic/Button');
7
- var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
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 ChevronSmallLeft = require('@elliemae/ds-icons/ChevronSmallLeft');
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')(`${blockName}-options-group`);
26
+ const CheckOptionsGroup = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-options-group"));
31
27
 
32
28
  class DSCodeEditorForm extends React.Component {
33
29
  constructor(props) {
@@ -90,7 +86,7 @@ class DSCodeEditorForm extends React.Component {
90
86
  replaceText
91
87
  } = this.state;
92
88
  return /*#__PURE__*/_jsx__default["default"]("div", {
93
- className: `${cssClassName}`
89
+ className: "".concat(cssClassName)
94
90
  }, void 0, fileName ? /*#__PURE__*/_jsx__default["default"]("div", {
95
91
  className: classNameBlock('file-name')
96
92
  }, void 0, "File Name: ", /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, " ", fileName, " ")) : null, /*#__PURE__*/_jsx__default["default"]("div", {
@@ -109,9 +105,9 @@ class DSCodeEditorForm extends React.Component {
109
105
  replace: true
110
106
  }),
111
107
  size: "m"
112
- }) : null), find || replace ? /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {
108
+ }) : null), find || replace ? /*#__PURE__*/_jsx__default["default"](dsForm.DSInputGroup, {
113
109
  className: classNameBlock('find')
114
- }, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
110
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
115
111
  className: "find-word",
116
112
  fluidWidth: false,
117
113
  id: "find-textbox",
@@ -122,15 +118,15 @@ class DSCodeEditorForm extends React.Component {
122
118
  rightComponent: /*#__PURE__*/_jsx__default["default"]("div", {
123
119
  className: classNameBlock('next-back-btn')
124
120
  }, void 0, _DSButton || (_DSButton = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
125
- icon: /*#__PURE__*/_jsx__default["default"](ChevronSmallLeft__default["default"], {}),
121
+ icon: /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallLeft, {}),
126
122
  size: "m"
127
123
  })), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
128
- icon: _ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx__default["default"](ChevronSmallRight__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["default"](CheckOptionsGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["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["default"](DSCheckbox__default["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["default"](DSCheckbox__default["default"], {
145
+ }), /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
150
146
  checked: replace,
151
147
  id: "replace-check",
152
148
  labelText: "Replace",
@@ -164,7 +160,7 @@ class DSCodeEditorForm extends React.Component {
164
160
  size: "m"
165
161
  })) : null, replace ? /*#__PURE__*/_jsx__default["default"]("div", {
166
162
  className: classNameBlock('replace')
167
- }, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
163
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
168
164
  className: "find-word",
169
165
  fluidWidth: false,
170
166
  id: "replace-textbox",
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
- containerProps = {},
13
- value: defaultValue = '',
14
- onSave = () => null,
15
- onClose = () => null,
16
- onReject = () => null,
17
- onChange = () => null,
18
- isOpen = false,
19
- fileName = '',
20
- confirmLabel = 'Save',
21
- maxLines = 20,
22
- minLines = 20,
23
- modalTitle = 'Javascript Editor',
24
- modalType = 'confirm',
25
- rejectLabel = 'Close',
26
- size = 'large',
27
- style = {},
28
- useModal = true,
29
- showHeader = true,
30
- showSyntaxChecks = true
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
package/esm/components/DSCodeEditorForm.js CHANGED
@@ -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-basic/Button';
5
- import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
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/ChevronSmallLeft';
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')(`${blockName}-options-group`);
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: `${cssClassName}`
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-next.0",
3
+ "version": "2.0.0-next.12",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Code Editor",
6
6
  "module": "./esm/index.js",
@@ -44,11 +44,13 @@
44
44
  "build": "node ../../scripts/build/build.js"
45
45
  },
46
46
  "dependencies": {
47
- "@elliemae/ds-basic": "2.0.0-next.0",
48
- "@elliemae/ds-classnames": "2.0.0-next.0",
49
- "@elliemae/ds-modal": "2.0.0-next.0",
47
+ "@elliemae/ds-basic": "2.0.0-next.12",
48
+ "@elliemae/ds-classnames": "2.0.0-next.12",
49
+ "@elliemae/ds-icons": "2.0.0-next.12",
50
+ "@elliemae/ds-modal": "2.0.0-next.12",
50
51
  "brace": "~0.11.1",
51
- "react-ace": "~6.6.0"
52
+ "react-ace": "~6.6.0",
53
+ "react-desc": "~4.1.3"
52
54
  },
53
55
  "peerDependencies": {
54
56
  "lodash": "^4.17.21",
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }