@elliemae/ds-codeeditor 3.4.3-rc.1 → 3.4.3

package/dist/cjs/DSCodeEditor.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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, {
@@ -27,7 +30,8 @@ __export(DSCodeEditor_exports, {
 });
 module.exports = __toCommonJS(DSCodeEditor_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
 var import_react_ace = __toESM(require("react-ace"));
@@ -60,30 +64,35 @@ const DSCodeEditor = ({
     errors: []
   });
   const reactAceComponent = (0, import_react.useRef)();
-  const editor = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DSCodeEditorForm.default, {
-    fileName,
-    reactAceComponent
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_ace.default, {
-    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
-  }));
+  const editor = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCodeEditorForm.default, {
+        fileName,
+        reactAceComponent
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_ace.default, {
+        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__ */ import_react.default.createElement(import_ds_modal.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_modal.default, {
     centered: false,
     confirmLabel,
     containerProps,
@@ -95,16 +104,25 @@ const DSCodeEditor = ({
     onReject: () => onReject(value, fileName, errors),
     rejectLabel,
     size,
-    style
-  }, editor);
+    style,
+    children: editor
+  });
 };
 const codeEditorProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
+  containerProps: import_ds_utilities.PropTypes.object.description(
+    "Set of Properties attached to the main container"
+  ),
   value: import_ds_utilities.PropTypes.string.description("editors content").isRequired,
-  onSave: import_ds_utilities.PropTypes.func.description("function called when the user press save"),
-  onClose: import_ds_utilities.PropTypes.func.description("function called when the user closes the modal"),
+  onSave: import_ds_utilities.PropTypes.func.description(
+    "function called when the user press save"
+  ),
+  onClose: import_ds_utilities.PropTypes.func.description(
+    "function called when the user closes the modal"
+  ),
   onReject: import_ds_utilities.PropTypes.func.description("function called when is rejected"),
-  onChange: import_ds_utilities.PropTypes.func.description("function executed when code editor value changes").isRequired,
+  onChange: import_ds_utilities.PropTypes.func.description(
+    "function executed when code editor value changes"
+  ).isRequired,
   isOpen: import_ds_utilities.PropTypes.bool.description("Whether the modal is opened or not").defaultValue(false),
   fileName: import_ds_utilities.PropTypes.string.description("File name to open in the editor"),
   maxLines: import_ds_utilities.PropTypes.number.description("Max lines in the editor content").defaultValue(20),

package/dist/cjs/DSCodeEditor.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-utilities';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript.js';\nimport 'brace/theme/tomorrow.js';\n\nconst DSCodeEditor = ({\n  containerProps = {},\n  value: defaultValue = '',\n  onSave = () => null,\n  onClose = () => null,\n  onReject = () => null,\n  onChange = () => null,\n  isOpen = false,\n  fileName = '',\n  confirmLabel = 'Save',\n  maxLines = 20,\n  minLines = 20,\n  modalTitle = 'Javascript Editor',\n  modalType = 'confirm',\n  rejectLabel = 'Close',\n  size = 'large',\n  style = {},\n  useModal = true,\n  showHeader = true,\n  showSyntaxChecks = true,\n}) => {\n  const [{ value, errors }, setState] = useState({\n    value: defaultValue,\n    errors: [],\n  });\n  const reactAceComponent = useRef();\n\n  const editor = (\n    <>\n      {showHeader && (\n        <DSCodeEditorForm\n          fileName={fileName}\n          reactAceComponent={reactAceComponent}\n        />\n      )}\n      <AceEditor\n        ref={reactAceComponent}\n        editorProps={{ $blockScrolling: true }}\n        maxLines={maxLines}\n        minLines={minLines}\n        mode=\"javascript\"\n        name=\"ace-code-edior\"\n        onChange={(val) => {\n          setState({ errors, value: val });\n          onChange(val, errors);\n        }}\n        onValidate={(annotations) => setState({ value, errors: annotations })}\n        theme=\"tomorrow\"\n        setOptions={{\n          useWorker: showSyntaxChecks,\n        }}\n        value={value}\n      />\n    </>\n  );\n  if (!useModal) return editor;\n  return (\n    <DSModal\n      centered={false}\n      confirmLabel={confirmLabel}\n      containerProps={containerProps}\n      isOpen={isOpen}\n      modalTitle={modalTitle}\n      modalType={modalType}\n      onClose={() => onClose(value, fileName, errors)}\n      onConfirm={() => onSave(value, fileName, errors)}\n      onReject={() => onReject(value, fileName, errors)}\n      rejectLabel={rejectLabel}\n      size={size}\n      style={style}\n    >\n      {editor}\n    </DSModal>\n  );\n};\n\nconst codeEditorProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  value: PropTypes.string.description('editors content').isRequired,\n  onSave: PropTypes.func.description(\n    'function called when the user press save',\n  ),\n  onClose: PropTypes.func.description(\n    'function called when the user closes the modal',\n  ),\n  onReject: PropTypes.func.description('function called when is rejected'),\n  onChange: PropTypes.func.description(\n    'function executed when code editor value changes',\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the modal is opened or not')\n    .defaultValue(false),\n  fileName: PropTypes.string.description('File name to open in the editor'),\n  maxLines: PropTypes.number\n    .description('Max lines in the editor content')\n    .defaultValue(20),\n  minLines: PropTypes.number\n    .description('Min lines in the editor content')\n    .defaultValue(20),\n  modalTitle: PropTypes.string\n    .description('Modal title')\n    .defaultValue('Javascript Editor'),\n  confirmLabel: PropTypes.string\n    .description('Customize modal confirm label')\n    .defaultValue('Save'),\n  rejectLabel: PropTypes.string\n    .description('Customize modal rejection label')\n    .defaultValue('Close'),\n  modalType: PropTypes.oneOf(modalTypes)\n    .description('Modal type')\n    .defaultValue('confirm'),\n  size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])\n    .description('modal size')\n    .defaultValue('large'),\n  style: PropTypes.object.description('css inline style'),\n  useModal: PropTypes.bool\n    .description('whether to use code editor inside modal or not')\n    .defaultValue(true),\n  showHeader: PropTypes.bool\n    .description('show editors header')\n    .defaultValue(true),\n  showSyntaxChecks: PropTypes.bool\n    .description('show syntax warnings and checks')\n    .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\nDSCodeEditor.displayName = 'DSCodeEditor';\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["DSCodeEditorForm", "AceEditor", "DSModal"]
 }

package/dist/cjs/components/DSCodeEditorForm.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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, {
@@ -25,7 +28,8 @@ __export(DSCodeEditorForm_exports, {
 });
 module.exports = __toCommonJS(DSCodeEditorForm_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -75,86 +79,129 @@ class DSCodeEditorForm extends import_react.Component {
   render() {
     const { fileName } = this.props;
     const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      className: `${cssClassName}`
-    }, fileName ? /* @__PURE__ */ import_react.default.createElement("div", {
-      className: classNameBlock("file-name")
-    }, "File Name: ", /* @__PURE__ */ import_react.default.createElement("span", null, " ", fileName, " ")) : null, /* @__PURE__ */ import_react.default.createElement("div", {
-      className: classNameBlock("find-replace-btn")
-    }, !find && !replace ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "secondary",
-      labelText: "Find",
-      onClick: () => this.setState({ find: true }),
-      size: "m"
-    }) : null, !replace ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "secondary",
-      labelText: "Find & Replace",
-      onClick: () => this.setState({ replace: true }),
-      size: "m"
-    }) : null), find || replace ? /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, {
-      className: classNameBlock("find")
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
-      className: "find-word",
-      fluidWidth: false,
-      id: "find-textbox",
-      onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
-      placeholder: "Find",
-      rightComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-        className: classNameBlock("next-back-btn")
-      }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallLeft, null),
-        size: "m"
-      }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-        icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallRight, null),
-        onClick: () => this.searchWord(),
-        size: "m"
-      })),
-      value: filteredText
-    }), /* @__PURE__ */ import_react.default.createElement(CheckOptionsGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-      checked: isCaseSensitive,
-      id: "case-sensitive-check",
-      labelText: "Case Sensitive",
-      name: "case-sensitive-check",
-      onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-      checked: isWholeWord,
-      id: "whole-word-check",
-      labelText: "Whole Word",
-      name: "whole-word-check",
-      onChange: () => this.setState({ isWholeWord: !isWholeWord })
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
-      checked: replace,
-      id: "replace-check",
-      labelText: "Replace",
-      name: "replace-check",
-      onChange: () => this.setState({ replace: !replace })
-    })), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "secondary",
-      labelText: "Done",
-      onClick: () => this.setState({ replace: false, find: false }),
-      size: "m"
-    })) : null, replace ? /* @__PURE__ */ import_react.default.createElement("div", {
-      className: classNameBlock("replace")
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
-      className: "find-word",
-      fluidWidth: false,
-      id: "replace-textbox",
-      onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
-      placeholder: "Replace",
-      value: replaceText
-    }), /* @__PURE__ */ import_react.default.createElement("div", {
-      className: classNameBlock("replace-btns")
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "secondary",
-      labelText: "Replace",
-      onClick: () => this.searchWord(true, false),
-      size: "m"
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-      buttonType: "secondary",
-      labelText: "Replace All",
-      onClick: () => this.searchWord(true, true),
-      size: "m"
-    }))) : null);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+      className: `${cssClassName}`,
+      children: [
+        fileName ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          className: classNameBlock("file-name"),
+          children: [
+            "File Name: ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+              children: [
+                " ",
+                fileName,
+                " "
+              ]
+            })
+          ]
+        }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          className: classNameBlock("find-replace-btn"),
+          children: [
+            !find && !replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: "secondary",
+              labelText: "Find",
+              onClick: () => this.setState({ find: true }),
+              size: "m"
+            }) : null,
+            !replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: "secondary",
+              labelText: "Find & Replace",
+              onClick: () => this.setState({ replace: true }),
+              size: "m"
+            }) : null
+          ]
+        }),
+        find || replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_form.DSInputGroup, {
+          className: classNameBlock("find"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
+              className: "find-word",
+              fluidWidth: false,
+              id: "find-textbox",
+              onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
+              placeholder: "Find",
+              rightComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                className: classNameBlock("next-back-btn"),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallLeft, {}),
+                    size: "m"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallRight, {}),
+                    onClick: () => this.searchWord(),
+                    size: "m"
+                  })
+                ]
+              }),
+              value: filteredText
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CheckOptionsGroup, {
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
+                  checked: isCaseSensitive,
+                  id: "case-sensitive-check",
+                  labelText: "Case Sensitive",
+                  name: "case-sensitive-check",
+                  onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
+                  checked: isWholeWord,
+                  id: "whole-word-check",
+                  labelText: "Whole Word",
+                  name: "whole-word-check",
+                  onChange: () => this.setState({ isWholeWord: !isWholeWord })
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
+                  checked: replace,
+                  id: "replace-check",
+                  labelText: "Replace",
+                  name: "replace-check",
+                  onChange: () => this.setState({ replace: !replace })
+                })
+              ]
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: "secondary",
+              labelText: "Done",
+              onClick: () => this.setState({ replace: false, find: false }),
+              size: "m"
+            })
+          ]
+        }) : null,
+        replace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+          className: classNameBlock("replace"),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
+              className: "find-word",
+              fluidWidth: false,
+              id: "replace-textbox",
+              onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
+              placeholder: "Replace",
+              value: replaceText
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+              className: classNameBlock("replace-btns"),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                  buttonType: "secondary",
+                  labelText: "Replace",
+                  onClick: () => this.searchWord(true, false),
+                  size: "m"
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                  buttonType: "secondary",
+                  labelText: "Replace All",
+                  onClick: () => this.searchWord(true, true),
+                  size: "m"
+                })
+              ]
+            })
+          ]
+        }) : null
+      ]
+    });
   }
 }
 var DSCodeEditorForm_default = DSCodeEditorForm;

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

@@ -2,6 +2,6 @@
   "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    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": []
+  "mappings": "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",
+  "names": ["DSButton"]
 }

package/dist/cjs/components/DSCodeEditorImpl.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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, {
@@ -25,6 +28,7 @@ __export(DSCodeEditorImpl_exports, {
 });
 module.exports = __toCommonJS(DSCodeEditorImpl_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_react_ace = __toESM(require("react-ace"));
 var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
@@ -58,7 +62,7 @@ class DSCodeEditorImpl extends import_react.Component {
       containerProps
     } = this.props;
     const { value, errors } = this.state;
-    return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_modal.default, {
       centered: false,
       confirmLabel,
       containerProps,
@@ -70,22 +74,26 @@ class DSCodeEditorImpl extends import_react.Component {
       onReject: () => onReject(value, fileName, errors),
       rejectLabel,
       size,
-      style
-    }, /* @__PURE__ */ import_react.default.createElement(import_DSCodeEditorForm.default, {
-      fileName,
-      reactAceComponent: this.reactAceComponent
-    }), /* @__PURE__ */ import_react.default.createElement(import_react_ace.default, {
-      ref: this.reactAceComponent,
-      editorProps: { $blockScrolling: true },
-      maxLines,
-      minLines,
-      mode: "javascript",
-      name: "ace-code-edior",
-      onChange: (val) => this.setState({ value: val }),
-      onValidate: (annotations) => this.setState({ errors: annotations }),
-      theme: "tomorrow",
-      value
-    }));
+      style,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCodeEditorForm.default, {
+          fileName,
+          reactAceComponent: this.reactAceComponent
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_ace.default, {
+          ref: this.reactAceComponent,
+          editorProps: { $blockScrolling: true },
+          maxLines,
+          minLines,
+          mode: "javascript",
+          name: "ace-code-edior",
+          onChange: (val) => this.setState({ value: val }),
+          onValidate: (annotations) => this.setState({ errors: annotations }),
+          theme: "tomorrow",
+          value
+        })
+      ]
+    });
   }
 }
 var DSCodeEditorImpl_default = DSCodeEditorImpl;

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;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": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAiC;AACjC,uBAAsB;AACtB,sBAAoB;AACpB,8BAA6B;AAC7B,wBAAO;AACP,sBAAO;AAEP,MAAM,yBAAyB,uBAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,CAAC;AAAA,IACX;AACA,SAAK,oBAAoB,aAAAA,QAAM,UAAU;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WACE,6CAAC,gBAAAC,SAAA;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU,MAAM;AAAA,MAC9C,WAAW,MAAM,OAAO,OAAO,UAAU,MAAM;AAAA,MAC/C,UAAU,MAAM,SAAS,OAAO,UAAU,MAAM;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,wBAAAC,SAAA;AAAA,UACC;AAAA,UACA,mBAAmB,KAAK;AAAA,SAC1B;AAAA,QACA,4CAAC,iBAAAC,SAAA;AAAA,UACC,KAAK,KAAK;AAAA,UACV,aAAa,EAAE,iBAAiB,KAAK;AAAA,UACrC;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,UAC7C,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ,YAAY,CAAC;AAAA,UAChE,OAAM;AAAA,UACN;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,2BAAQ;",
+  "names": ["React", "DSModal", "DSCodeEditorForm", "AceEditor"]
 }

package/dist/cjs/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA4D;",
   "names": []
 }

package/dist/esm/DSCodeEditor.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef } from "react";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import DSModal, { modalTypes } from "@elliemae/ds-modal";
 import AceEditor from "react-ace";
@@ -32,30 +33,35 @@ const DSCodeEditor = ({
     errors: []
   });
   const reactAceComponent = useRef();
-  const editor = /* @__PURE__ */ React2.createElement(React2.Fragment, null, showHeader && /* @__PURE__ */ React2.createElement(DSCodeEditorForm, {
-    fileName,
-    reactAceComponent
-  }), /* @__PURE__ */ React2.createElement(AceEditor, {
-    ref: reactAceComponent,
-    editorProps: { $blockScrolling: true },
-    maxLines,
-    minLines,
-    mode: "javascript",
-    name: "ace-code-edior",
-    onChange: (val) => {
-      setState({ errors, value: val });
-      onChange(val, errors);
-    },
-    onValidate: (annotations) => setState({ value, errors: annotations }),
-    theme: "tomorrow",
-    setOptions: {
-      useWorker: showSyntaxChecks
-    },
-    value
-  }));
+  const editor = /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      showHeader && /* @__PURE__ */ jsx(DSCodeEditorForm, {
+        fileName,
+        reactAceComponent
+      }),
+      /* @__PURE__ */ jsx(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, {
+  return /* @__PURE__ */ jsx(DSModal, {
     centered: false,
     confirmLabel,
     containerProps,
@@ -67,16 +73,25 @@ const DSCodeEditor = ({
     onReject: () => onReject(value, fileName, errors),
     rejectLabel,
     size,
-    style
-  }, editor);
+    style,
+    children: editor
+  });
 };
 const codeEditorProps = {
-  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  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"),
+  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,
+  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),

package/dist/esm/DSCodeEditor.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-utilities';\nimport DSModal, { modalTypes } from '@elliemae/ds-modal';\nimport AceEditor from 'react-ace';\nimport DSCodeEditorForm from './components/DSCodeEditorForm';\nimport 'brace/mode/javascript.js';\nimport 'brace/theme/tomorrow.js';\n\nconst DSCodeEditor = ({\n  containerProps = {},\n  value: defaultValue = '',\n  onSave = () => null,\n  onClose = () => null,\n  onReject = () => null,\n  onChange = () => null,\n  isOpen = false,\n  fileName = '',\n  confirmLabel = 'Save',\n  maxLines = 20,\n  minLines = 20,\n  modalTitle = 'Javascript Editor',\n  modalType = 'confirm',\n  rejectLabel = 'Close',\n  size = 'large',\n  style = {},\n  useModal = true,\n  showHeader = true,\n  showSyntaxChecks = true,\n}) => {\n  const [{ value, errors }, setState] = useState({\n    value: defaultValue,\n    errors: [],\n  });\n  const reactAceComponent = useRef();\n\n  const editor = (\n    <>\n      {showHeader && (\n        <DSCodeEditorForm\n          fileName={fileName}\n          reactAceComponent={reactAceComponent}\n        />\n      )}\n      <AceEditor\n        ref={reactAceComponent}\n        editorProps={{ $blockScrolling: true }}\n        maxLines={maxLines}\n        minLines={minLines}\n        mode=\"javascript\"\n        name=\"ace-code-edior\"\n        onChange={(val) => {\n          setState({ errors, value: val });\n          onChange(val, errors);\n        }}\n        onValidate={(annotations) => setState({ value, errors: annotations })}\n        theme=\"tomorrow\"\n        setOptions={{\n          useWorker: showSyntaxChecks,\n        }}\n        value={value}\n      />\n    </>\n  );\n  if (!useModal) return editor;\n  return (\n    <DSModal\n      centered={false}\n      confirmLabel={confirmLabel}\n      containerProps={containerProps}\n      isOpen={isOpen}\n      modalTitle={modalTitle}\n      modalType={modalType}\n      onClose={() => onClose(value, fileName, errors)}\n      onConfirm={() => onSave(value, fileName, errors)}\n      onReject={() => onReject(value, fileName, errors)}\n      rejectLabel={rejectLabel}\n      size={size}\n      style={style}\n    >\n      {editor}\n    </DSModal>\n  );\n};\n\nconst codeEditorProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  value: PropTypes.string.description('editors content').isRequired,\n  onSave: PropTypes.func.description(\n    'function called when the user press save',\n  ),\n  onClose: PropTypes.func.description(\n    'function called when the user closes the modal',\n  ),\n  onReject: PropTypes.func.description('function called when is rejected'),\n  onChange: PropTypes.func.description(\n    'function executed when code editor value changes',\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the modal is opened or not')\n    .defaultValue(false),\n  fileName: PropTypes.string.description('File name to open in the editor'),\n  maxLines: PropTypes.number\n    .description('Max lines in the editor content')\n    .defaultValue(20),\n  minLines: PropTypes.number\n    .description('Min lines in the editor content')\n    .defaultValue(20),\n  modalTitle: PropTypes.string\n    .description('Modal title')\n    .defaultValue('Javascript Editor'),\n  confirmLabel: PropTypes.string\n    .description('Customize modal confirm label')\n    .defaultValue('Save'),\n  rejectLabel: PropTypes.string\n    .description('Customize modal rejection label')\n    .defaultValue('Close'),\n  modalType: PropTypes.oneOf(modalTypes)\n    .description('Modal type')\n    .defaultValue('confirm'),\n  size: PropTypes.oneOf(['xsmall', 'small', 'medium', 'large', 'xlarge'])\n    .description('modal size')\n    .defaultValue('large'),\n  style: PropTypes.object.description('css inline style'),\n  useModal: PropTypes.bool\n    .description('whether to use code editor inside modal or not')\n    .defaultValue(true),\n  showHeader: PropTypes.bool\n    .description('show editors header')\n    .defaultValue(true),\n  showSyntaxChecks: PropTypes.bool\n    .description('show syntax warnings and checks')\n    .defaultValue(true),\n};\n\nDSCodeEditor.propTypes = codeEditorProps;\nDSCodeEditor.displayName = 'DSCodeEditor';\nconst CodeEditorWithSchema = describe(DSCodeEditor);\nCodeEditorWithSchema.propTypes = codeEditorProps;\n\nexport { CodeEditorWithSchema, DSCodeEditor };\nexport default DSCodeEditor;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/DSCodeEditorForm.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component } from "react";
 import DSButton from "@elliemae/ds-button";
 import { DSCheckbox, DSTextBox, DSInputGroup } from "@elliemae/ds-form";
 import { convertPropToCssClassName, aggregatedClasses } from "@elliemae/ds-classnames";
@@ -49,86 +50,129 @@ class DSCodeEditorForm extends Component {
   render() {
     const { fileName } = this.props;
     const { find, replace, isCaseSensitive, isWholeWord, filteredText, replaceText } = this.state;
-    return /* @__PURE__ */ React2.createElement("div", {
-      className: `${cssClassName}`
-    }, fileName ? /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("file-name")
-    }, "File Name: ", /* @__PURE__ */ React2.createElement("span", null, " ", fileName, " ")) : null, /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("find-replace-btn")
-    }, !find && !replace ? /* @__PURE__ */ React2.createElement(DSButton, {
-      buttonType: "secondary",
-      labelText: "Find",
-      onClick: () => this.setState({ find: true }),
-      size: "m"
-    }) : null, !replace ? /* @__PURE__ */ React2.createElement(DSButton, {
-      buttonType: "secondary",
-      labelText: "Find & Replace",
-      onClick: () => this.setState({ replace: true }),
-      size: "m"
-    }) : null), find || replace ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
-      className: classNameBlock("find")
-    }, /* @__PURE__ */ React2.createElement(DSTextBox, {
-      className: "find-word",
-      fluidWidth: false,
-      id: "find-textbox",
-      onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
-      placeholder: "Find",
-      rightComponent: /* @__PURE__ */ React2.createElement("div", {
-        className: classNameBlock("next-back-btn")
-      }, /* @__PURE__ */ React2.createElement(DSButton, {
-        icon: /* @__PURE__ */ React2.createElement(ChevronSmallLeft, null),
-        size: "m"
-      }), /* @__PURE__ */ React2.createElement(DSButton, {
-        icon: /* @__PURE__ */ React2.createElement(ChevronSmallRight, null),
-        onClick: () => this.searchWord(),
-        size: "m"
-      })),
-      value: filteredText
-    }), /* @__PURE__ */ React2.createElement(CheckOptionsGroup, null, /* @__PURE__ */ React2.createElement(DSCheckbox, {
-      checked: isCaseSensitive,
-      id: "case-sensitive-check",
-      labelText: "Case Sensitive",
-      name: "case-sensitive-check",
-      onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
-    }), /* @__PURE__ */ React2.createElement(DSCheckbox, {
-      checked: isWholeWord,
-      id: "whole-word-check",
-      labelText: "Whole Word",
-      name: "whole-word-check",
-      onChange: () => this.setState({ isWholeWord: !isWholeWord })
-    }), /* @__PURE__ */ React2.createElement(DSCheckbox, {
-      checked: replace,
-      id: "replace-check",
-      labelText: "Replace",
-      name: "replace-check",
-      onChange: () => this.setState({ replace: !replace })
-    })), /* @__PURE__ */ React2.createElement(DSButton, {
-      buttonType: "secondary",
-      labelText: "Done",
-      onClick: () => this.setState({ replace: false, find: false }),
-      size: "m"
-    })) : null, replace ? /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("replace")
-    }, /* @__PURE__ */ React2.createElement(DSTextBox, {
-      className: "find-word",
-      fluidWidth: false,
-      id: "replace-textbox",
-      onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
-      placeholder: "Replace",
-      value: replaceText
-    }), /* @__PURE__ */ React2.createElement("div", {
-      className: classNameBlock("replace-btns")
-    }, /* @__PURE__ */ React2.createElement(DSButton, {
-      buttonType: "secondary",
-      labelText: "Replace",
-      onClick: () => this.searchWord(true, false),
-      size: "m"
-    }), /* @__PURE__ */ React2.createElement(DSButton, {
-      buttonType: "secondary",
-      labelText: "Replace All",
-      onClick: () => this.searchWord(true, true),
-      size: "m"
-    }))) : null);
+    return /* @__PURE__ */ jsxs("div", {
+      className: `${cssClassName}`,
+      children: [
+        fileName ? /* @__PURE__ */ jsxs("div", {
+          className: classNameBlock("file-name"),
+          children: [
+            "File Name: ",
+            /* @__PURE__ */ jsxs("span", {
+              children: [
+                " ",
+                fileName,
+                " "
+              ]
+            })
+          ]
+        }) : null,
+        /* @__PURE__ */ jsxs("div", {
+          className: classNameBlock("find-replace-btn"),
+          children: [
+            !find && !replace ? /* @__PURE__ */ jsx(DSButton, {
+              buttonType: "secondary",
+              labelText: "Find",
+              onClick: () => this.setState({ find: true }),
+              size: "m"
+            }) : null,
+            !replace ? /* @__PURE__ */ jsx(DSButton, {
+              buttonType: "secondary",
+              labelText: "Find & Replace",
+              onClick: () => this.setState({ replace: true }),
+              size: "m"
+            }) : null
+          ]
+        }),
+        find || replace ? /* @__PURE__ */ jsxs(DSInputGroup, {
+          className: classNameBlock("find"),
+          children: [
+            /* @__PURE__ */ jsx(DSTextBox, {
+              className: "find-word",
+              fluidWidth: false,
+              id: "find-textbox",
+              onChange: (e) => this.setState({ filteredText: e.currentTarget.value }),
+              placeholder: "Find",
+              rightComponent: /* @__PURE__ */ jsxs("div", {
+                className: classNameBlock("next-back-btn"),
+                children: [
+                  /* @__PURE__ */ jsx(DSButton, {
+                    icon: /* @__PURE__ */ jsx(ChevronSmallLeft, {}),
+                    size: "m"
+                  }),
+                  /* @__PURE__ */ jsx(DSButton, {
+                    icon: /* @__PURE__ */ jsx(ChevronSmallRight, {}),
+                    onClick: () => this.searchWord(),
+                    size: "m"
+                  })
+                ]
+              }),
+              value: filteredText
+            }),
+            /* @__PURE__ */ jsxs(CheckOptionsGroup, {
+              children: [
+                /* @__PURE__ */ jsx(DSCheckbox, {
+                  checked: isCaseSensitive,
+                  id: "case-sensitive-check",
+                  labelText: "Case Sensitive",
+                  name: "case-sensitive-check",
+                  onChange: () => this.setState({ isCaseSensitive: !isCaseSensitive })
+                }),
+                /* @__PURE__ */ jsx(DSCheckbox, {
+                  checked: isWholeWord,
+                  id: "whole-word-check",
+                  labelText: "Whole Word",
+                  name: "whole-word-check",
+                  onChange: () => this.setState({ isWholeWord: !isWholeWord })
+                }),
+                /* @__PURE__ */ jsx(DSCheckbox, {
+                  checked: replace,
+                  id: "replace-check",
+                  labelText: "Replace",
+                  name: "replace-check",
+                  onChange: () => this.setState({ replace: !replace })
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsx(DSButton, {
+              buttonType: "secondary",
+              labelText: "Done",
+              onClick: () => this.setState({ replace: false, find: false }),
+              size: "m"
+            })
+          ]
+        }) : null,
+        replace ? /* @__PURE__ */ jsxs("div", {
+          className: classNameBlock("replace"),
+          children: [
+            /* @__PURE__ */ jsx(DSTextBox, {
+              className: "find-word",
+              fluidWidth: false,
+              id: "replace-textbox",
+              onChange: (e) => this.setState({ replaceText: e.currentTarget.value }),
+              placeholder: "Replace",
+              value: replaceText
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              className: classNameBlock("replace-btns"),
+              children: [
+                /* @__PURE__ */ jsx(DSButton, {
+                  buttonType: "secondary",
+                  labelText: "Replace",
+                  onClick: () => this.searchWord(true, false),
+                  size: "m"
+                }),
+                /* @__PURE__ */ jsx(DSButton, {
+                  buttonType: "secondary",
+                  labelText: "Replace All",
+                  onClick: () => this.searchWord(true, true),
+                  size: "m"
+                })
+              ]
+            })
+          ]
+        }) : null
+      ]
+    });
   }
 }
 var DSCodeEditorForm_default = DSCodeEditorForm;

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

@@ -2,6 +2,6 @@
   "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    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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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/DSCodeEditorImpl.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { Component } from "react";
 import AceEditor from "react-ace";
 import DSModal from "@elliemae/ds-modal";
@@ -32,7 +33,7 @@ class DSCodeEditorImpl extends Component {
       containerProps
     } = this.props;
     const { value, errors } = this.state;
-    return /* @__PURE__ */ React2.createElement(DSModal, {
+    return /* @__PURE__ */ jsxs(DSModal, {
       centered: false,
       confirmLabel,
       containerProps,
@@ -44,22 +45,26 @@ class DSCodeEditorImpl extends Component {
       onReject: () => onReject(value, fileName, errors),
       rejectLabel,
       size,
-      style
-    }, /* @__PURE__ */ React2.createElement(DSCodeEditorForm, {
-      fileName,
-      reactAceComponent: this.reactAceComponent
-    }), /* @__PURE__ */ React2.createElement(AceEditor, {
-      ref: this.reactAceComponent,
-      editorProps: { $blockScrolling: true },
-      maxLines,
-      minLines,
-      mode: "javascript",
-      name: "ace-code-edior",
-      onChange: (val) => this.setState({ value: val }),
-      onValidate: (annotations) => this.setState({ errors: annotations }),
-      theme: "tomorrow",
-      value
-    }));
+      style,
+      children: [
+        /* @__PURE__ */ jsx(DSCodeEditorForm, {
+          fileName,
+          reactAceComponent: this.reactAceComponent
+        }),
+        /* @__PURE__ */ jsx(AceEditor, {
+          ref: this.reactAceComponent,
+          editorProps: { $blockScrolling: true },
+          maxLines,
+          minLines,
+          mode: "javascript",
+          name: "ace-code-edior",
+          onChange: (val) => this.setState({ value: val }),
+          onValidate: (annotations) => this.setState({ errors: annotations }),
+          theme: "tomorrow",
+          value
+        })
+      ]
+    });
   }
 }
 var DSCodeEditorImpl_default = DSCodeEditorImpl;

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,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": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,iBAAiB;AACjC,OAAO,eAAe;AACtB,OAAO,aAAa;AACpB,OAAO,sBAAsB;AAC7B,OAAO;AACP,OAAO;AAEP,MAAM,yBAAyB,UAAU;AAAA,EACvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,CAAC;AAAA,IACX;AACA,SAAK,oBAAoBA,OAAM,UAAU;AAAA,EAC3C;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,EAAE,OAAO,OAAO,IAAI,KAAK;AAC/B,WACE,qBAAC;AAAA,MACC,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,QAAQ,OAAO,UAAU,MAAM;AAAA,MAC9C,WAAW,MAAM,OAAO,OAAO,UAAU,MAAM;AAAA,MAC/C,UAAU,MAAM,SAAS,OAAO,UAAU,MAAM;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC;AAAA,UACC;AAAA,UACA,mBAAmB,KAAK;AAAA,SAC1B;AAAA,QACA,oBAAC;AAAA,UACC,KAAK,KAAK;AAAA,UACV,aAAa,EAAE,iBAAiB,KAAK;AAAA,UACrC;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU,SAAO,KAAK,SAAS,EAAE,OAAO,IAAI,CAAC;AAAA,UAC7C,YAAY,iBAAe,KAAK,SAAS,EAAE,QAAQ,YAAY,CAAC;AAAA,UAChE,OAAM;AAAA,UACN;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,2BAAQ;",
+  "names": ["React"]
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSCodeEditor, CodeEditorWithSchema } from './DSCodeEditor';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,cAAc,4BAA4B;",
+  "names": ["default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-codeeditor",
-  "version": "3.4.3-rc.1",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Code Editor",
   "files": [
@@ -47,12 +47,12 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.4.3-rc.1",
-    "@elliemae/ds-classnames": "3.4.3-rc.1",
-    "@elliemae/ds-form": "3.4.3-rc.1",
-    "@elliemae/ds-icons": "3.4.3-rc.1",
-    "@elliemae/ds-modal": "3.4.3-rc.1",
-    "@elliemae/ds-utilities": "3.4.3-rc.1",
+    "@elliemae/ds-button": "3.4.3",
+    "@elliemae/ds-classnames": "3.4.3",
+    "@elliemae/ds-form": "3.4.3",
+    "@elliemae/ds-icons": "3.4.3",
+    "@elliemae/ds-modal": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3",
     "brace": "~0.11.1",
     "react-ace": "~10.1.0"
   },