@elliemae/ds-codeeditor 3.0.0-next.6 → 3.0.0-next.62

package/dist/cjs/DSCodeEditor.js

@@ -4,32 +4,27 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCodeEditor_exports = {};
 __export(DSCodeEditor_exports, {
   CodeEditorWithSchema: () => CodeEditorWithSchema,
+  DSCodeEditor: () => DSCodeEditor,
   default: () => DSCodeEditor_default
 });
+module.exports = __toCommonJS(DSCodeEditor_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -127,5 +122,4 @@ DSCodeEditor.propTypes = codeEditorProps;
 const CodeEditorWithSchema = (0, import_react_desc.describe)(DSCodeEditor);
 CodeEditorWithSchema.propTypes = codeEditorProps;
 var DSCodeEditor_default = DSCodeEditor;
-module.exports = __toCommonJS(DSCodeEditor_exports);
 //# sourceMappingURL=DSCodeEditor.js.map

package/dist/cjs/DSCodeEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSCodeEditor.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema };\nexport default DSCodeEditor;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/components/DSCodeEditorForm.js

@@ -4,31 +4,25 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCodeEditorForm_exports = {};
 __export(DSCodeEditorForm_exports, {
   default: () => DSCodeEditorForm_default
 });
+module.exports = __toCommonJS(DSCodeEditorForm_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
@@ -49,6 +43,7 @@ class DSCodeEditorForm extends import_react.Component {
       filteredText: "",
       replaceText: ""
     };
+    this.searchWord = this.searchWord.bind(this);
   }
   searchWord(isReplace, all) {
     const {
@@ -162,5 +157,4 @@ class DSCodeEditorForm extends import_react.Component {
   }
 }
 var DSCodeEditorForm_default = DSCodeEditorForm;
-module.exports = __toCommonJS(DSCodeEditorForm_exports);
 //# sourceMappingURL=DSCodeEditorForm.js.map

package/dist/cjs/components/DSCodeEditorForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/DSCodeEditorForm.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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\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"],
-  "mappings": "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",
+  "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"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/components/DSCodeEditorImpl.js

@@ -4,31 +4,25 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSCodeEditorImpl_exports = {};
 __export(DSCodeEditorImpl_exports, {
   default: () => DSCodeEditorImpl_default
 });
+module.exports = __toCommonJS(DSCodeEditorImpl_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_ace = __toESM(require("react-ace"));
@@ -94,5 +88,4 @@ class DSCodeEditorImpl extends import_react.Component {
   }
 }
 var DSCodeEditorImpl_default = DSCodeEditorImpl;
-module.exports = __toCommonJS(DSCodeEditorImpl_exports);
 //# sourceMappingURL=DSCodeEditorImpl.js.map

package/dist/cjs/components/DSCodeEditorImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/DSCodeEditorImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,uBAAsB;AACtB,sBAAoB;AACpB,8BAA6B;AAC7B,wBAAO;AACP,sBAAO;AAEP,+BAA+B,uBAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA;AAEV,SAAK,oBAAoB,qBAAM;AAAA;AAAA,EAGjC,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,QACE,KAAK;AAET,UAAM,EAAE,OAAO,WAAW,KAAK;AAC/B,WACE,mDAAC,yBAAD;AAAA,MACE,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU;AAAA,MACxC,WAAW,MAAM,OAAO,OAAO,UAAU;AAAA,MACzC,UAAU,MAAM,SAAS,OAAO,UAAU;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,OAEA,mDAAC,iCAAD;AAAA,MACE;AAAA,MACA,mBAAmB,KAAK;AAAA,QAE1B,mDAAC,0BAAD;AAAA,MACE,KAAK,KAAK;AAAA,MACV,aAAa,EAAE,iBAAiB;AAAA,MAChC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO;AAAA,MACxC,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ;AAAA,MACnD,OAAM;AAAA,MACN;AAAA;AAAA;AAAA;AAOV,IAAO,2BAAQ;",
+  "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,qBAAM,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,QACE,KAAK;AAET,UAAM,EAAE,OAAO,WAAW,KAAK;AAC/B,WACE,mDAAC;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,mDAAC;AAAA,MACC;AAAA,MACA,mBAAmB,KAAK;AAAA,KAC1B,GACA,mDAAC;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;",
   "names": []
 }

package/dist/cjs/index.js

@@ -4,33 +4,27 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
   CodeEditorWithSchema: () => import_DSCodeEditor.CodeEditorWithSchema,
+  DSCodeEditor: () => import_DSCodeEditor.DSCodeEditor,
   default: () => import_DSCodeEditor.default
 });
+module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_DSCodeEditor = __toESM(require("./DSCodeEditor"));
-module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default, CodeEditorWithSchema } from './DSCodeEditor';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA8C;",
+  "sourcesContent": ["export { default, DSCodeEditor, CodeEditorWithSchema } from './DSCodeEditor';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA4D;",
   "names": []
 }

package/dist/esm/DSCodeEditor.js

@@ -97,6 +97,7 @@ CodeEditorWithSchema.propTypes = codeEditorProps;
 var DSCodeEditor_default = DSCodeEditor;
 export {
   CodeEditorWithSchema,
+  DSCodeEditor,
   DSCodeEditor_default as default
 };
 //# sourceMappingURL=DSCodeEditor.js.map

package/dist/esm/DSCodeEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCodeEditor.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema };\nexport default DSCodeEditor;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB,OAAO,eAAe;AAAA,EACtB,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,MACf;AACJ,QAAM,CAAC,EAAE,OAAO,UAAU,YAAY,SAAS;AAAA,IAC7C,OAAO;AAAA,IACP,QAAQ;AAAA;AAEV,QAAM,oBAAoB;AAE1B,QAAM,SACJ,4DACG,cACC,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,MAGJ,qCAAC,WAAD;AAAA,IACE,KAAK;AAAA,IACL,aAAa,EAAE,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,MAAK;AAAA,IACL,UAAU,CAAC,QAAQ;AACjB,eAAS,EAAE,QAAQ,OAAO;AAC1B,eAAS,KAAK;AAAA;AAAA,IAEhB,YAAY,CAAC,gBAAgB,SAAS,EAAE,OAAO,QAAQ;AAAA,IACvD,OAAM;AAAA,IACN,YAAY;AAAA,MACV,WAAW;AAAA;AAAA,IAEb;AAAA;AAIN,MAAI,CAAC;AAAU,WAAO;AACtB,SACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,MAAM,QAAQ,OAAO,UAAU;AAAA,IACxC,WAAW,MAAM,OAAO,OAAO,UAAU;AAAA,IACzC,UAAU,MAAM,SAAS,OAAO,UAAU;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,KAEC;AAAA;AAKP,MAAM,kBAAkB;AAAA,EACtB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,QAAQ,UAAU,KAAK,YACrB;AAAA,EAEF,SAAS,UAAU,KAAK,YACtB;AAAA,EAEF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,KAAK,YACvB,oDACA;AAAA,EACF,QAAQ,UAAU,KACf,YAAY,sCACZ,aAAa;AAAA,EAChB,UAAU,UAAU,OAAO,YAAY;AAAA,EACvC,UAAU,UAAU,OACjB,YAAY,mCACZ,aAAa;AAAA,EAChB,UAAU,UAAU,OACjB,YAAY,mCACZ,aAAa;AAAA,EAChB,YAAY,UAAU,OACnB,YAAY,eACZ,aAAa;AAAA,EAChB,cAAc,UAAU,OACrB,YAAY,iCACZ,aAAa;AAAA,EAChB,aAAa,UAAU,OACpB,YAAY,mCACZ,aAAa;AAAA,EAChB,WAAW,UAAU,MAAM,YACxB,YAAY,cACZ,aAAa;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,SAAS,UAAU,SAAS,WAC1D,YAAY,cACZ,aAAa;AAAA,EAChB,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,UAAU,UAAU,KACjB,YAAY,kDACZ,aAAa;AAAA,EAChB,YAAY,UAAU,KACnB,YAAY,uBACZ,aAAa;AAAA,EAChB,kBAAkB,UAAU,KACzB,YAAY,mCACZ,aAAa;AAAA;AAGlB,aAAa,YAAY;AAEzB,MAAM,uBAAuB,SAAS;AACtC,qBAAqB,YAAY;AAGjC,IAAO,uBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/DSCodeEditorForm.js

@@ -18,6 +18,7 @@ class DSCodeEditorForm extends Component {
       filteredText: "",
       replaceText: ""
     };
+    this.searchWord = this.searchWord.bind(this);
   }
   searchWord(isReplace, all) {
     const {

package/dist/esm/components/DSCodeEditorForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSCodeEditorForm.tsx"],
-  "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\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"],
-  "mappings": "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",
+  "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"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/DSCodeEditorImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DSCodeEditorImpl.tsx"],
   "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,+BAA+B,UAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ;AAAA;AAEV,SAAK,oBAAoB,OAAM;AAAA;AAAA,EAGjC,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,QACE,KAAK;AAET,UAAM,EAAE,OAAO,WAAW,KAAK;AAC/B,WACE,qCAAC,SAAD;AAAA,MACE,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU;AAAA,MACxC,WAAW,MAAM,OAAO,OAAO,UAAU;AAAA,MACzC,UAAU,MAAM,SAAS,OAAO,UAAU;AAAA,MAC1C;AAAA,MACA;AAAA,MACA;AAAA,OAEA,qCAAC,kBAAD;AAAA,MACE;AAAA,MACA,mBAAmB,KAAK;AAAA,QAE1B,qCAAC,WAAD;AAAA,MACE,KAAK,KAAK;AAAA,MACV,aAAa,EAAE,iBAAiB;AAAA,MAChC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO;AAAA,MACxC,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ;AAAA,MACnD,OAAM;AAAA,MACN;AAAA;AAAA;AAAA;AAOV,IAAO,2BAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,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,oBAAoB,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,QACE,KAAK;AAET,UAAM,EAAE,OAAO,WAAW,KAAK;AAC/B,WACE,qCAAC;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,qCAAC;AAAA,MACC;AAAA,MACA,mBAAmB,KAAK;AAAA,KAC1B,GACA,qCAAC;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;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,7 +1,8 @@
 import * as React from "react";
-import { default as default2, CodeEditorWithSchema } from "./DSCodeEditor";
+import { default as default2, DSCodeEditor, CodeEditorWithSchema } from "./DSCodeEditor";
 export {
   CodeEditorWithSchema,
+  DSCodeEditor,
   default2 as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, CodeEditorWithSchema } from './DSCodeEditor';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSCodeEditor, CodeEditorWithSchema } from './DSCodeEditor';\n"],
   "mappings": "AAAA;ACAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-codeeditor",
-  "version": "3.0.0-next.6",
+  "version": "3.0.0-next.62",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Code Editor",
   "files": [
@@ -46,12 +46,19 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-next.6",
-    "@elliemae/ds-classnames": "3.0.0-next.6",
-    "@elliemae/ds-form": "3.0.0-next.6",
-    "@elliemae/ds-icons": "3.0.0-next.6",
-    "@elliemae/ds-modal": "3.0.0-next.6",
+    "@elliemae/ds-button": "workspace:*",
+    "@elliemae/ds-classnames": "workspace:*",
+    "@elliemae/ds-form": "workspace:*",
+    "@elliemae/ds-icons": "workspace:*",
+    "@elliemae/ds-modal": "workspace:*",
     "brace": "~0.11.1",
     "react-ace": "~6.6.0",
     "react-desc": "~4.1.3"
@@ -64,12 +71,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
-}
+}