@elliemae/ds-codeeditor 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/components/DSCodeEditorImpl.js

@@ -1,31 +1,50 @@
-'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 {
+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 {
   constructor(props) {
     super(props);
     this.state = {
       value: props.value,
       errors: []
     };
-    this.reactAceComponent = /*#__PURE__*/React__default["default"].createRef();
+    this.reactAceComponent = import_react.default.createRef();
   }
-
   render() {
     const {
       onSave,
@@ -43,46 +62,37 @@ class DSCodeEditorImpl extends React.Component {
       style,
       containerProps
     } = this.props;
-    const {
-      value,
-      errors
-    } = this.state;
-    return /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
+    const { value, errors } = this.state;
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
       centered: false,
-      confirmLabel: confirmLabel,
-      containerProps: containerProps,
-      isOpen: isOpen,
-      modalTitle: modalTitle,
-      modalType: modalType,
+      confirmLabel,
+      containerProps,
+      isOpen,
+      modalTitle,
+      modalType,
       onClose: () => onClose(value, fileName, errors),
       onConfirm: () => onSave(value, fileName, errors),
       onReject: () => onReject(value, fileName, errors),
-      rejectLabel: rejectLabel,
-      size: size,
-      style: style
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSCodeEditorForm, {
-      fileName: fileName,
+      rejectLabel,
+      size,
+      style
+    }, /* @__PURE__ */ import_react.default.createElement(import_DSCodeEditorForm.default, {
+      fileName,
       reactAceComponent: this.reactAceComponent
-    }), /*#__PURE__*/jsxRuntime.jsx(AceEditor__default["default"], {
+    }), /* @__PURE__ */ import_react.default.createElement(import_react_ace.default, {
       ref: this.reactAceComponent,
-      editorProps: {
-        $blockScrolling: true
-      },
-      maxLines: maxLines,
-      minLines: minLines,
+      editorProps: { $blockScrolling: true },
+      maxLines,
+      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
     }));
   }
-
 }
-
-module.exports = DSCodeEditorImpl;
+var DSCodeEditorImpl_default = DSCodeEditorImpl;
+module.exports = __toCommonJS(DSCodeEditorImpl_exports);
+//# sourceMappingURL=DSCodeEditorImpl.js.map

package/cjs/components/DSCodeEditorImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/cjs/index.js

@@ -1,10 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSCodeEditor = require('./DSCodeEditor.js');
-
-
-
-exports.CodeEditorWithSchema = DSCodeEditor.CodeEditorWithSchema;
-exports["default"] = DSCodeEditor["default"];
+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 = __toESM(require("./DSCodeEditor"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/esm/DSCodeEditor.js

@@ -1,116 +1,102 @@
-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({
+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({
     value: defaultValue,
     errors: []
   });
   const reactAceComponent = useRef();
-
-  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, {
+  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, {
     centered: false,
-    confirmLabel: confirmLabel,
-    containerProps: containerProps,
-    isOpen: isOpen,
-    modalTitle: modalTitle,
-    modalType: modalType,
+    confirmLabel,
+    containerProps,
+    isOpen,
+    modalTitle,
+    modalType,
     onClose: () => onClose(value, fileName, errors),
     onConfirm: () => onSave(value, fileName, errors),
     onReject: () => onReject(value, fileName, errors),
-    rejectLabel: rejectLabel,
-    size: size,
-    style: style
-  }, void 0, editor);
+    rejectLabel,
+    size,
+    style
+  }, 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;
-
-export { CodeEditorWithSchema, DSCodeEditor as default };
+var DSCodeEditor_default = DSCodeEditor;
+export {
+  CodeEditorWithSchema,
+  DSCodeEditor_default as default
+};
+//# sourceMappingURL=DSCodeEditor.js.map

package/esm/DSCodeEditor.js.map

@@ -0,0 +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;",
+  "names": []
+}