@elliemae/ds-codeeditor 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/DSCodeEditorImpl.js

@@ -1,50 +1,31 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSCodeEditorImpl_exports = {};
-__export(DSCodeEditorImpl_exports, {
-  default: () => DSCodeEditorImpl_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_ace = __toESM(require("react-ace"));
-var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
-var import_DSCodeEditorForm = __toESM(require("./DSCodeEditorForm"));
-var import_javascript = require("brace/mode/javascript.js");
-var import_tomorrow = require("brace/theme/tomorrow.js");
-class DSCodeEditorImpl extends import_react.Component {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var AceEditor = require('react-ace');
+var DSModal = require('@elliemae/ds-modal');
+var DSCodeEditorForm = require('./DSCodeEditorForm.js');
+require('brace/mode/javascript.js');
+require('brace/theme/tomorrow.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var AceEditor__default = /*#__PURE__*/_interopDefaultLegacy(AceEditor);
+var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
+
+class DSCodeEditorImpl extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
       value: props.value,
       errors: []
     };
-    this.reactAceComponent = import_react.default.createRef();
+    this.reactAceComponent = /*#__PURE__*/React__default["default"].createRef();
   }
+
   render() {
     const {
       onSave,
@@ -62,37 +43,46 @@ class DSCodeEditorImpl extends import_react.Component {
       style,
       containerProps
     } = this.props;
-    const { value, errors } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
+    const {
+      value,
+      errors
+    } = this.state;
+    return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
       centered: false,
-      confirmLabel,
-      containerProps,
-      isOpen,
-      modalTitle,
-      modalType,
+      confirmLabel: confirmLabel,
+      containerProps: containerProps,
+      isOpen: isOpen,
+      modalTitle: modalTitle,
+      modalType: modalType,
       onClose: () => onClose(value, fileName, errors),
       onConfirm: () => onSave(value, fileName, errors),
       onReject: () => onReject(value, fileName, errors),
-      rejectLabel,
-      size,
-      style
-    }, /* @__PURE__ */ import_react.default.createElement(import_DSCodeEditorForm.default, {
-      fileName,
+      rejectLabel: rejectLabel,
+      size: size,
+      style: style
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSCodeEditorForm, {
+      fileName: fileName,
       reactAceComponent: this.reactAceComponent
-    }), /* @__PURE__ */ import_react.default.createElement(import_react_ace.default, {
+    }), /*#__PURE__*/jsxRuntime.jsx(AceEditor__default["default"], {
       ref: this.reactAceComponent,
-      editorProps: { $blockScrolling: true },
-      maxLines,
-      minLines,
+      editorProps: {
+        $blockScrolling: true
+      },
+      maxLines: maxLines,
+      minLines: minLines,
       mode: "javascript",
       name: "ace-code-edior",
-      onChange: (val) => this.setState({ value: val }),
-      onValidate: (annotations) => this.setState({ errors: annotations }),
+      onChange: val => this.setState({
+        value: val
+      }),
+      onValidate: annotations => this.setState({
+        errors: annotations
+      }),
       theme: "tomorrow",
-      value
+      value: value
     }));
   }
+
 }
-var DSCodeEditorImpl_default = DSCodeEditorImpl;
-module.exports = __toCommonJS(DSCodeEditorImpl_exports);
-//# sourceMappingURL=DSCodeEditorImpl.js.map
+
+module.exports = DSCodeEditorImpl;

package/cjs/index.js

@@ -1,36 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  CodeEditorWithSchema: () => import_DSCodeEditor.CodeEditorWithSchema,
-  default: () => import_DSCodeEditor.default
-});
-var React = __toESM(require("react"));
-var import_DSCodeEditor = require("./DSCodeEditor");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSCodeEditor = require('./DSCodeEditor.js');
+
+
+
+exports.CodeEditorWithSchema = DSCodeEditor.CodeEditorWithSchema;
+exports["default"] = DSCodeEditor["default"];

package/esm/DSCodeEditor.js

@@ -1,102 +1,116 @@
-import * as React from "react";
-import React2, { useState, useRef } from "react";
-import { describe, PropTypes } from "react-desc";
-import DSModal, { modalTypes } from "@elliemae/ds-modal";
-import AceEditor from "react-ace";
-import DSCodeEditorForm from "./components/DSCodeEditorForm";
-import "brace/mode/javascript.js";
-import "brace/theme/tomorrow.js";
-const DSCodeEditor = ({
-  containerProps = {},
-  value: defaultValue = "",
-  onSave = () => null,
-  onClose = () => null,
-  onReject = () => null,
-  onChange = () => null,
-  isOpen = false,
-  fileName = "",
-  confirmLabel = "Save",
-  maxLines = 20,
-  minLines = 20,
-  modalTitle = "Javascript Editor",
-  modalType = "confirm",
-  rejectLabel = "Close",
-  size = "large",
-  style = {},
-  useModal = true,
-  showHeader = true,
-  showSyntaxChecks = true
-}) => {
-  const [{ value, errors }, setState] = useState({
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useRef } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import DSModal, { modalTypes } from '@elliemae/ds-modal';
+import AceEditor from 'react-ace';
+import DSCodeEditorForm from './components/DSCodeEditorForm.js';
+import 'brace/mode/javascript.js';
+import 'brace/theme/tomorrow.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const DSCodeEditor = _ref => {
+  let {
+    containerProps = {},
+    value: defaultValue = '',
+    onSave = () => null,
+    onClose = () => null,
+    onReject = () => null,
+    onChange = () => null,
+    isOpen = false,
+    fileName = '',
+    confirmLabel = 'Save',
+    maxLines = 20,
+    minLines = 20,
+    modalTitle = 'Javascript Editor',
+    modalType = 'confirm',
+    rejectLabel = 'Close',
+    size = 'large',
+    style = {},
+    useModal = true,
+    showHeader = true,
+    showSyntaxChecks = true
+  } = _ref;
+  const [{
+    value,
+    errors
+  }, setState] = useState({
     value: defaultValue,
     errors: []
   });
   const reactAceComponent = useRef();
-  const editor = /* @__PURE__ */ React2.createElement(React2.Fragment, null, showHeader && /* @__PURE__ */ React2.createElement(DSCodeEditorForm, {
-    fileName,
-    reactAceComponent
-  }), /* @__PURE__ */ React2.createElement(AceEditor, {
-    ref: reactAceComponent,
-    editorProps: { $blockScrolling: true },
-    maxLines,
-    minLines,
-    mode: "javascript",
-    name: "ace-code-edior",
-    onChange: (val) => {
-      setState({ errors, value: val });
-      onChange(val, errors);
-    },
-    onValidate: (annotations) => setState({ value, errors: annotations }),
-    theme: "tomorrow",
-    setOptions: {
-      useWorker: showSyntaxChecks
-    },
-    value
-  }));
-  if (!useModal)
-    return editor;
-  return /* @__PURE__ */ React2.createElement(DSModal, {
+
+  const editor = /*#__PURE__*/jsxs(Fragment, {
+    children: [showHeader && /*#__PURE__*/_jsx(DSCodeEditorForm, {
+      fileName: fileName,
+      reactAceComponent: reactAceComponent
+    }), /*#__PURE__*/jsx(AceEditor, {
+      ref: reactAceComponent,
+      editorProps: {
+        $blockScrolling: true
+      },
+      maxLines: maxLines,
+      minLines: minLines,
+      mode: "javascript",
+      name: "ace-code-edior",
+      onChange: val => {
+        setState({
+          errors,
+          value: val
+        });
+        onChange(val, errors);
+      },
+      onValidate: annotations => setState({
+        value,
+        errors: annotations
+      }),
+      theme: "tomorrow",
+      setOptions: {
+        useWorker: showSyntaxChecks
+      },
+      value: value
+    })]
+  });
+
+  if (!useModal) return editor;
+  return /*#__PURE__*/_jsx(DSModal, {
     centered: false,
-    confirmLabel,
-    containerProps,
-    isOpen,
-    modalTitle,
-    modalType,
+    confirmLabel: confirmLabel,
+    containerProps: containerProps,
+    isOpen: isOpen,
+    modalTitle: modalTitle,
+    modalType: modalType,
     onClose: () => onClose(value, fileName, errors),
     onConfirm: () => onSave(value, fileName, errors),
     onReject: () => onReject(value, fileName, errors),
-    rejectLabel,
-    size,
-    style
-  }, editor);
+    rejectLabel: rejectLabel,
+    size: size,
+    style: style
+  }, void 0, editor);
 };
+
 const codeEditorProps = {
-  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
-  value: PropTypes.string.description("editors content").isRequired,
-  onSave: PropTypes.func.description("function called when the user press save"),
-  onClose: PropTypes.func.description("function called when the user closes the modal"),
-  onReject: PropTypes.func.description("function called when is rejected"),
-  onChange: PropTypes.func.description("function executed when code editor value changes").isRequired,
-  isOpen: PropTypes.bool.description("Whether the modal is opened or not").defaultValue(false),
-  fileName: PropTypes.string.description("File name to open in the editor"),
-  maxLines: PropTypes.number.description("Max lines in the editor content").defaultValue(20),
-  minLines: PropTypes.number.description("Min lines in the editor content").defaultValue(20),
-  modalTitle: PropTypes.string.description("Modal title").defaultValue("Javascript Editor"),
-  confirmLabel: PropTypes.string.description("Customize modal confirm label").defaultValue("Save"),
-  rejectLabel: PropTypes.string.description("Customize modal rejection label").defaultValue("Close"),
-  modalType: PropTypes.oneOf(modalTypes).description("Modal type").defaultValue("confirm"),
-  size: PropTypes.oneOf(["xsmall", "small", "medium", "large", "xlarge"]).description("modal size").defaultValue("large"),
-  style: PropTypes.object.description("css inline style"),
-  useModal: PropTypes.bool.description("whether to use code editor inside modal or not").defaultValue(true),
-  showHeader: PropTypes.bool.description("show editors header").defaultValue(true),
-  showSyntaxChecks: PropTypes.bool.description("show syntax warnings and checks").defaultValue(true)
+  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
+  value: PropTypes.string.description('editors content').isRequired,
+  onSave: PropTypes.func.description('function called when the user press save'),
+  onClose: PropTypes.func.description('function called when the user closes the modal'),
+  onReject: PropTypes.func.description('function called when is rejected'),
+  onChange: PropTypes.func.description('function executed when code editor value changes').isRequired,
+  isOpen: PropTypes.bool.description('Whether the modal is opened or not').defaultValue(false),
+  fileName: PropTypes.string.description('File name to open in the editor'),
+  maxLines: PropTypes.number.description('Max lines in the editor content').defaultValue(20),
+  minLines: PropTypes.number.description('Min lines in the editor content').defaultValue(20),
+  modalTitle: PropTypes.string.description('Modal title').defaultValue('Javascript Editor'),
+  confirmLabel: PropTypes.string.description('Customize modal confirm label').defaultValue('Save'),
+  rejectLabel: PropTypes.string.description('Customize modal rejection label').defaultValue('Close'),
+  modalType: PropTypes.oneOf(modalTypes).description('Modal type').defaultValue('confirm'),
+  size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge']).description('modal size').defaultValue('large'),
+  style: PropTypes.object.description('css inline style'),
+  useModal: PropTypes.bool.description('whether to use code editor inside modal or not').defaultValue(true),
+  showHeader: PropTypes.bool.description('show editors header').defaultValue(true),
+  showSyntaxChecks: PropTypes.bool.description('show syntax warnings and checks').defaultValue(true)
 };
-DSCodeEditor.propTypes = codeEditorProps;
 const CodeEditorWithSchema = describe(DSCodeEditor);
 CodeEditorWithSchema.propTypes = codeEditorProps;
-var DSCodeEditor_default = DSCodeEditor;
-export {
-  CodeEditorWithSchema,
-  DSCodeEditor_default as default
-};
-//# sourceMappingURL=DSCodeEditor.js.map
+
+export { CodeEditorWithSchema, DSCodeEditor as default };

package/esm/components/DSCodeEditorForm.js

@@ -1,12 +1,23 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import DSButton from "@elliemae/ds-button";
-import { DSCheckbox, DSTextBox, DSInputGroup } from "@elliemae/ds-form";
-import { convertPropToCssClassName, aggregatedClasses } from "@elliemae/ds-classnames";
-import { ChevronSmallLeft, ChevronSmallRight } from "@elliemae/ds-icons";
-const blockName = "code-editor";
-const { cssClassName, classNameBlock } = convertPropToCssClassName(blockName);
-const CheckOptionsGroup = aggregatedClasses("div")(`${blockName}-options-group`);
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.replace-all.js';
+import { Component } from 'react';
+import DSButton from '@elliemae/ds-button';
+import { DSInputGroup, DSTextBox, DSCheckbox } from '@elliemae/ds-form';
+import { convertPropToCssClassName, aggregatedClasses } from '@elliemae/ds-classnames';
+import { ChevronSmallLeft, ChevronSmallRight } from '@elliemae/ds-icons';
+
+var _DSButton, _ChevronSmallRight;
+const blockName = 'code-editor';
+const {
+  cssClassName,
+  classNameBlock
+} = convertPropToCssClassName(blockName);
+const CheckOptionsGroup = aggregatedClasses('div')("".concat(blockName, "-options-group"));
+
 class DSCodeEditorForm extends Component {
   constructor(props) {
     super(props);
@@ -15,17 +26,25 @@ class DSCodeEditorForm extends Component {
       replace: false,
       isCaseSensitive: false,
       isWholeWord: false,
-      filteredText: "",
-      replaceText: ""
+      filteredText: '',
+      replaceText: ''
     };
   }
+
   searchWord(isReplace, all) {
     const {
       reactAceComponent: {
-        current: { editor }
+        current: {
+          editor
+        }
       }
     } = this.props;
-    const { isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;
+    const {
+      isCaseSensitive,
+      isWholeWord,
+      filteredText,
+      replaceText
+    } = this.state;
     const options = {
       backwards: false,
       wrap: true,
@@ -35,6 +54,7 @@ class DSCodeEditorForm extends Component {
     };
     editor.find(filteredText, options);
     const selectedContent = editor.getSelectedText();
+
     if (isReplace && replaceText && selectedContent) {
       if (all) {
         editor.findAll(filteredText, options);
@@ -45,93 +65,118 @@ class DSCodeEditorForm extends Component {
       }
     }
   }
+
   render() {
-    const { fileName } = this.props;
-    const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: `${cssClassName}`
-    }, fileName ? /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("file-name")
-    }, "File Name: ", /* @__PURE__ */ React2.createElement("span", null, " ", fileName, " ")) : null, /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("find-replace-btn")
-    }, !find && !replace ? /* @__PURE__ */ React2.createElement(DSButton, {
+    const {
+      fileName
+    } = this.props;
+    const {
+      find,
+      replace,
+      isCaseSensitive,
+      isWholeWord,
+      filteredText,
+      replaceText
+    } = this.state;
+    return /*#__PURE__*/_jsx("div", {
+      className: "".concat(cssClassName)
+    }, void 0, fileName ? /*#__PURE__*/_jsx("div", {
+      className: classNameBlock('file-name')
+    }, void 0, "File Name: ", /*#__PURE__*/_jsx("span", {}, void 0, " ", fileName, " ")) : null, /*#__PURE__*/_jsx("div", {
+      className: classNameBlock('find-replace-btn')
+    }, void 0, !find && !replace ? /*#__PURE__*/_jsx(DSButton, {
       buttonType: "secondary",
       labelText: "Find",
-      onClick: () => this.setState({ find: true }),
+      onClick: () => this.setState({
+        find: true
+      }),
       size: "m"
-    }) : null, !replace ? /* @__PURE__ */ React2.createElement(DSButton, {
+    }) : null, !replace ? /*#__PURE__*/_jsx(DSButton, {
       buttonType: "secondary",
       labelText: "Find & Replace",
-      onClick: () => this.setState({ replace: true }),
+      onClick: () => this.setState({
+        replace: true
+      }),
       size: "m"
-    }) : null), find || replace ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
-      className: classNameBlock("find")
-    }, /* @__PURE__ */ React2.createElement(DSTextBox, {
+    }) : null), find || replace ? /*#__PURE__*/_jsx(DSInputGroup, {
+      className: classNameBlock('find')
+    }, void 0, /*#__PURE__*/_jsx(DSTextBox, {
       className: "find-word",
       fluidWidth: false,
       id: "find-textbox",
-      onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
+      onChange: e => this.setState({
+        filteredText: e.currentTarget.value
+      }),
       placeholder: "Find",
-      rightComponent: /* @__PURE__ */ React2.createElement("div", {
-        className: classNameBlock("next-back-btn")
-      }, /* @__PURE__ */ React2.createElement(DSButton, {
-        icon: /* @__PURE__ */ React2.createElement(ChevronSmallLeft, null),
+      rightComponent: /*#__PURE__*/_jsx("div", {
+        className: classNameBlock('next-back-btn')
+      }, void 0, _DSButton || (_DSButton = /*#__PURE__*/_jsx(DSButton, {
+        icon: /*#__PURE__*/_jsx(ChevronSmallLeft, {}),
         size: "m"
-      }), /* @__PURE__ */ React2.createElement(DSButton, {
-        icon: /* @__PURE__ */ React2.createElement(ChevronSmallRight, null),
+      })), /*#__PURE__*/_jsx(DSButton, {
+        icon: _ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx(ChevronSmallRight, {})),
         onClick: () => this.searchWord(),
         size: "m"
       })),
       value: filteredText
-    }), /* @__PURE__ */ React2.createElement(CheckOptionsGroup, null, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+    }), /*#__PURE__*/_jsx(CheckOptionsGroup, {}, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
       checked: isCaseSensitive,
       id: "case-sensitive-check",
       labelText: "Case Sensitive",
       name: "case-sensitive-check",
-      onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
-    }), /* @__PURE__ */ React2.createElement(DSCheckbox, {
+      onChange: () => this.setState({
+        isCaseSensitive: !isCaseSensitive
+      })
+    }), /*#__PURE__*/_jsx(DSCheckbox, {
       checked: isWholeWord,
       id: "whole-word-check",
       labelText: "Whole Word",
       name: "whole-word-check",
-      onChange: () => this.setState({ isWholeWord: !isWholeWord })
-    }), /* @__PURE__ */ React2.createElement(DSCheckbox, {
+      onChange: () => this.setState({
+        isWholeWord: !isWholeWord
+      })
+    }), /*#__PURE__*/_jsx(DSCheckbox, {
       checked: replace,
       id: "replace-check",
       labelText: "Replace",
       name: "replace-check",
-      onChange: () => this.setState({ replace: !replace })
-    })), /* @__PURE__ */ React2.createElement(DSButton, {
+      onChange: () => this.setState({
+        replace: !replace
+      })
+    })), /*#__PURE__*/_jsx(DSButton, {
       buttonType: "secondary",
       labelText: "Done",
-      onClick: () => this.setState({ replace: false, find: false }),
+      onClick: () => this.setState({
+        replace: false,
+        find: false
+      }),
       size: "m"
-    })) : null, replace ? /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("replace")
-    }, /* @__PURE__ */ React2.createElement(DSTextBox, {
+    })) : null, replace ? /*#__PURE__*/_jsx("div", {
+      className: classNameBlock('replace')
+    }, void 0, /*#__PURE__*/_jsx(DSTextBox, {
       className: "find-word",
       fluidWidth: false,
       id: "replace-textbox",
-      onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
+      onChange: e => this.setState({
+        replaceText: e.currentTarget.value
+      }),
       placeholder: "Replace",
       value: replaceText
-    }), /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("replace-btns")
-    }, /* @__PURE__ */ React2.createElement(DSButton, {
+    }), /*#__PURE__*/_jsx("div", {
+      className: classNameBlock('replace-btns')
+    }, void 0, /*#__PURE__*/_jsx(DSButton, {
       buttonType: "secondary",
       labelText: "Replace",
       onClick: () => this.searchWord(true, false),
       size: "m"
-    }), /* @__PURE__ */ React2.createElement(DSButton, {
+    }), /*#__PURE__*/_jsx(DSButton, {
       buttonType: "secondary",
       labelText: "Replace All",
       onClick: () => this.searchWord(true, true),
       size: "m"
     }))) : null);
   }
+
 }
-var DSCodeEditorForm_default = DSCodeEditorForm;
-export {
-  DSCodeEditorForm_default as default
-};
-//# sourceMappingURL=DSCodeEditorForm.js.map
+
+export { DSCodeEditorForm as default };