@instructure/ui-source-code-editor 11.5.1-snapshot-1 → 11.6.1-pr-snapshot-1779894247159

package/CHANGELOG.md

@@ -3,7 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.5.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.5.1-snapshot-1) (2026-02-18)
+## [11.6.1-pr-snapshot-1779894247159](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.6.1-pr-snapshot-1779894247159) (2026-05-27)
+
+**Note:** Version bump only for package @instructure/ui-source-code-editor
+
+
+
+
+
+# [11.6.0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.6.0) (2026-02-18)
 
 **Note:** Version bump only for package @instructure/ui-source-code-editor
 

package/{lib/SourceCodeEditor/props.js → babel.config.cjs}

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -28,6 +22,16 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-const allowedProps = exports.allowedProps = ['label', 'language', 'readOnly', 'editable', 'lineNumbers', 'foldGutter', 'highlightActiveLineGutter', 'highlightActiveLine', 'lineWrapping', 'autofocus', 'spellcheck', 'direction', 'rtlMoveVisually', 'indentOnLoad', 'indentWithTab', 'indentUnit', 'defaultValue', 'value', 'onChange', 'onFocus', 'onBlur', 'attachment', 'height', 'width',
-// 'darkTheme',
-'elementRef', 'containerRef', 'searchConfig'];
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-source-code-editor",
-  "version": "11.5.1-snapshot-1",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -29,24 +29,24 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.34.1",
     "@lezer/highlight": "1.2.1",
-    "@instructure/shared-types": "11.5.1-snapshot-1",
-    "@instructure/emotion": "11.5.1-snapshot-1",
-    "@instructure/ui-a11y-content": "11.5.1-snapshot-1",
-    "@instructure/ui-buttons": "11.5.1-snapshot-1",
-    "@instructure/ui-dom-utils": "11.5.1-snapshot-1",
-    "@instructure/ui-i18n": "11.5.1-snapshot-1",
-    "@instructure/ui-icons": "11.5.1-snapshot-1",
-    "@instructure/ui-react-utils": "11.5.1-snapshot-1",
-    "@instructure/ui-themes": "11.5.1-snapshot-1",
-    "@instructure/ui-utils": "11.5.1-snapshot-1",
-    "@instructure/ui-text-input": "11.5.1-snapshot-1"
+    "@instructure/emotion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-buttons": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-a11y-content": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dom-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-i18n": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-icons": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-react-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-text-input": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-themes": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.5.1-snapshot-1"
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19",
@@ -60,10 +60,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -73,7 +71,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json",
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"

package/lib/SourceCodeEditor/SearchPanel.js

@@ -1,126 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = customSearch;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _search = require("@codemirror/search");
-var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
-var _IconButton = require("@instructure/ui-buttons/lib/IconButton");
-var _IconArrowOpenDownLine = require("@instructure/ui-icons/lib/IconArrowOpenDownLine.js");
-var _IconArrowOpenUpLine2 = require("@instructure/ui-icons/lib/IconArrowOpenUpLine.js");
-var _IconSearchLine2 = require("@instructure/ui-icons/lib/IconSearchLine.js");
-var _client = require("react-dom/client");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _IconSearchLine, _IconArrowOpenDownLin, _IconArrowOpenUpLine;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-function SearchPanel({
-  view,
-  searchConfig
-}) {
-  const _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    searchQueryStr = _useState2[0],
-    setSearchQueryStr = _useState2[1];
-  const handleChange = (_e, value) => {
-    setSearchQueryStr(value);
-    handleHighlightSearch(value);
-  };
-  const handleHighlightSearch = searchStr => {
-    view.dispatch({
-      effects: _search.setSearchQuery.of(new _search.SearchQuery({
-        search: searchStr
-      }))
-    });
-  };
-  const handleKeyDown = e => {
-    if (e.key !== 'Enter') return;
-    if (!e.shiftKey) handleFindNext();else handleFindPrev();
-  };
-  const handleKeyUp = e => {
-    if (e.key !== 'Escape') return;
-    (0, _search.closeSearchPanel)(view);
-  };
-  const handleFindNext = () => {
-    handleHighlightSearch(searchQueryStr);
-    (0, _search.findNext)(view);
-  };
-  const handleFindPrev = () => {
-    handleHighlightSearch(searchQueryStr);
-    (0, _search.findPrevious)(view);
-  };
-  return (0, _jsxRuntime.jsx)(_TextInput.TextInput, {
-    renderLabel: "",
-    inputRef: r => {
-      setTimeout(() => r === null || r === void 0 ? void 0 : r.focus(), 0);
-    },
-    size: "small",
-    display: "inline-block",
-    width: "20rem",
-    placeholder: searchConfig.placeholder,
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
-    renderBeforeInput: _IconSearchLine || (_IconSearchLine = (0, _jsxRuntime.jsx)(_IconSearchLine2.IconSearchLine, {
-      size: "x-small"
-    })),
-    renderAfterInput: (0, _jsxRuntime.jsxs)("span", {
-      children: [(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
-        size: "small",
-        withBorder: false,
-        withBackground: false,
-        onClick: handleFindNext,
-        screenReaderLabel: searchConfig.nextResultLabel,
-        children: _IconArrowOpenDownLin || (_IconArrowOpenDownLin = (0, _jsxRuntime.jsx)(_IconArrowOpenDownLine.IconArrowOpenDownLine, {}))
-      }), (0, _jsxRuntime.jsx)(_IconButton.IconButton, {
-        size: "small",
-        withBorder: false,
-        withBackground: false,
-        onClick: handleFindPrev,
-        screenReaderLabel: searchConfig.prevResultLabel,
-        children: _IconArrowOpenUpLine || (_IconArrowOpenUpLine = (0, _jsxRuntime.jsx)(_IconArrowOpenUpLine2.IconArrowOpenUpLine, {}))
-      })]
-    })
-  });
-}
-function customSearch(searchConfig) {
-  return searchConfig ? (0, _search.search)({
-    createPanel: view => {
-      const dom = document.createElement('div');
-      dom.style.padding = '8px';
-      const root = (0, _client.createRoot)(dom);
-      root.render((0, _jsxRuntime.jsx)(SearchPanel, {
-        view: view,
-        searchConfig: searchConfig
-      }));
-      return {
-        dom
-      };
-    }
-  }) : [];
-}

package/lib/SourceCodeEditor/customKeybinding.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.rtlHorizontalArrowKeymap = void 0;
-var _commands = require("@codemirror/commands");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const rtlHorizontalArrowKeymap = exports.rtlHorizontalArrowKeymap = [
-// Left/Start/Forward
-{
-  key: 'ArrowLeft',
-  run: _commands.cursorCharRight,
-  shift: _commands.selectCharRight,
-  preventDefault: true
-}, {
-  key: 'Mod-ArrowLeft',
-  mac: 'Alt-ArrowLeft',
-  run: _commands.cursorGroupRight,
-  shift: _commands.selectGroupRight
-}, {
-  key: 'Alt-ArrowLeft',
-  mac: 'Ctrl-ArrowLeft',
-  run: _commands.cursorSyntaxRight,
-  shift: _commands.selectSyntaxRight
-}, {
-  mac: 'Cmd-ArrowLeft',
-  run: _commands.cursorLineBoundaryRight,
-  shift: _commands.selectLineBoundaryRight
-}, {
-  key: 'Home',
-  run: _commands.cursorLineBoundaryForward,
-  shift: _commands.selectLineBoundaryForward
-},
-// Right/End/Backward
-{
-  key: 'ArrowRight',
-  run: _commands.cursorCharLeft,
-  shift: _commands.selectCharLeft,
-  preventDefault: true
-}, {
-  key: 'Mod-ArrowRight',
-  mac: 'Alt-ArrowRight',
-  run: _commands.cursorGroupLeft,
-  shift: _commands.selectGroupLeft
-}, {
-  key: 'Alt-ArrowRight',
-  mac: 'Ctrl-ArrowRight',
-  run: _commands.cursorSyntaxLeft,
-  shift: _commands.selectSyntaxLeft
-}, {
-  mac: 'Cmd-ArrowRight',
-  run: _commands.cursorLineBoundaryLeft,
-  shift: _commands.selectLineBoundaryLeft
-}, {
-  key: 'End',
-  run: _commands.cursorLineBoundaryBackward,
-  shift: _commands.selectLineBoundaryBackward
-},
-// Delete/Backspace
-{
-  key: 'Delete',
-  run: _commands.deleteCharBackward
-}, {
-  key: 'Mod-Delete',
-  mac: 'Alt-Delete',
-  run: _commands.deleteGroupBackward
-}, {
-  key: 'Backspace',
-  run: _commands.deleteCharForward,
-  shift: _commands.deleteCharForward
-}, {
-  key: 'Mod-Backspace',
-  mac: 'Alt-Backspace',
-  run: _commands.deleteGroupForward
-}, {
-  mac: 'Mod-Delete',
-  run: _commands.deleteToLineStart
-}, {
-  mac: 'Mod-Backspace',
-  run: _commands.deleteToLineEnd
-}];

package/lib/SourceCodeEditor/index.js

@@ -1,542 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SourceCodeEditor = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _deepEqual = require("@instructure/ui-utils/lib/deepEqual.js");
-var _state = require("@codemirror/state");
-var _view = require("@codemirror/view");
-var _autocomplete = require("@codemirror/autocomplete");
-var _search = require("@codemirror/search");
-var _commands = require("@codemirror/commands");
-var _lint = require("@codemirror/lint");
-var _language = require("@codemirror/language");
-var _langJavascript = require("@codemirror/lang-javascript");
-var _langHtml = require("@codemirror/lang-html");
-var _langCss = require("@codemirror/lang-css");
-var _langMarkdown = require("@codemirror/lang-markdown");
-var _langJson = require("@codemirror/lang-json");
-var _shell = require("@codemirror/legacy-modes/mode/shell");
-var _yaml = require("@codemirror/legacy-modes/mode/yaml");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _requestAnimationFrame = require("@instructure/ui-dom-utils/lib/requestAnimationFrame.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js");
-var _emotion = require("@instructure/emotion");
-var _SearchPanel = _interopRequireDefault(require("./SearchPanel"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _customKeybinding = require("./customKeybinding");
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-const _excluded = ["label", "styles"];
-var _dec, _dec2, _dec3, _class, _SourceCodeEditor;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-// import { oneDarkTheme, oneDarkHighlightStyle } from '@codemirror/theme-one-dark'
-/**
----
-category: components
----
-**/
-let SourceCodeEditor = exports.SourceCodeEditor = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec(_class = _dec2(_class = _dec3(_class = (_SourceCodeEditor = class SourceCodeEditor extends _react.Component {
-  addAnimationFrame(callback) {
-    if (typeof callback === 'function') {
-      this._raf.push((0, _requestAnimationFrame.requestAnimationFrame)(callback));
-    }
-  }
-  cancelAnimationFrames() {
-    this._raf.forEach(request => request.cancel());
-    this._raf = [];
-  }
-  focus() {
-    this.addAnimationFrame(() => {
-      var _this$_editorView;
-      (_this$_editorView = this._editorView) === null || _this$_editorView === void 0 ? void 0 : _this$_editorView.focus();
-    });
-  }
-  get hasFocus() {
-    var _this$_editorView2;
-    return (_this$_editorView2 = this._editorView) === null || _this$_editorView2 === void 0 ? void 0 : _this$_editorView2.hasFocus;
-  }
-  selectAll() {
-    if (this._editorView) {
-      this.addAnimationFrame(() => {
-        var _this$currentDocValue;
-        this.dispatchViewSelection({
-          anchor: 0,
-          head: (_this$currentDocValue = this.currentDocValue) === null || _this$currentDocValue === void 0 ? void 0 : _this$currentDocValue.length
-        });
-      });
-    }
-  }
-  deselectAll() {
-    if (this._editorView) {
-      this.addAnimationFrame(() => {
-        this.dispatchViewSelection({
-          anchor: 0,
-          head: 0
-        });
-      });
-    }
-  }
-  indentCurrentSelection() {
-    this.addAnimationFrame(() => {
-      if (this._editorView) {
-        (0, _commands.indentSelection)({
-          state: this._editorView.state,
-          dispatch: transaction => {
-            var _this$_editorView3;
-            (_this$_editorView3 = this._editorView) === null || _this$_editorView3 === void 0 ? void 0 : _this$_editorView3.update([transaction]);
-          }
-        });
-      }
-    });
-  }
-  indentAll() {
-    this.addAnimationFrame(() => {
-      if (this._editorView && this.currentDocValue) {
-        this.indentCodeRange(0, this.currentDocValue.length);
-      }
-    });
-  }
-  indentCodeRange(from, to) {
-    this.addAnimationFrame(() => {
-      if (this._editorView && this.currentDocValue) {
-        this.dispatchViewChanges({
-          changes: (0, _language.indentRange)(this._editorView.state, from, to)
-        });
-      }
-    });
-  }
-
-  // Attach state effects
-  dispatchViewEffects(effects) {
-    if (!this._editorView || !effects) return;
-    this._editorView.dispatch({
-      effects
-    });
-  }
-
-  // Dispatch changes to the document
-  dispatchViewChanges({
-    changes,
-    selection,
-    userEvent
-  }) {
-    if (!this._editorView || !changes) return;
-    this._editorView.dispatch({
-      changes,
-      ...(selection ? {
-        selection
-      } : void 0),
-      ...(userEvent ? {
-        userEvent
-      } : void 0)
-    });
-  }
-
-  // Select a portion of the document
-  dispatchViewSelection(selection) {
-    if (!this._editorView || !selection) return;
-    this._editorView.dispatch({
-      selection
-    });
-  }
-  get currentDocValue() {
-    var _this$_editorView4;
-    return (_this$_editorView4 = this._editorView) === null || _this$_editorView4 === void 0 ? void 0 : _this$_editorView4.state.doc;
-  }
-
-  // when value is passed, the editor should be controlled
-  get isControlled() {
-    return typeof this.props.value === 'string';
-  }
-  constructor(props) {
-    super(props);
-    this._id = void 0;
-    this.ref = null;
-    this._containerRef = void 0;
-    this._editorView = void 0;
-    this._raf = [];
-    this._newSelectionAfterValueChange = void 0;
-    this.handleRef = el => {
-      const elementRef = this.props.elementRef;
-      this.ref = el;
-      if (typeof elementRef === 'function') {
-        elementRef(el);
-      }
-    };
-    this.handleContainerRef = el => {
-      const containerRef = this.props.containerRef;
-      this._containerRef = el || void 0;
-      if (typeof containerRef === 'function') {
-        containerRef(el);
-      }
-    };
-    this.assignAriaLabel = () => {
-      if (this._containerRef) {
-        const editorDiv = this._containerRef.querySelector('[role="textbox"]');
-        if (editorDiv) {
-          editorDiv.setAttribute('aria-labelledby', `${this._id}`);
-        }
-      }
-    };
-    this._id = props.deterministicId();
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
-    const _this$props = this.props,
-      value = _this$props.value,
-      defaultValue = _this$props.defaultValue,
-      autofocus = _this$props.autofocus,
-      indentOnLoad = _this$props.indentOnLoad;
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
-    const state = _state.EditorState.create({
-      doc: value || defaultValue,
-      extensions: this.extensions
-    });
-    this._editorView = new _view.EditorView({
-      state,
-      parent: this._containerRef
-    });
-
-    // from the a11y team:
-    // axe devtools and other automated a11y tests both flagging this issue,
-    // which can be observed while navigating with keyboard:
-    // Ensure elements that have scrollable content are accessible by keyboard
-    // To solve this problem, you need to fix at least (1) of the following:
-    // Element should have focusable content, Element should be focusable
-    this._editorView.scrollDOM.tabIndex = 0;
-    if (autofocus) {
-      this.focus();
-    }
-    if (indentOnLoad) {
-      this.indentAll();
-    }
-    this.assignAriaLabel();
-  }
-  componentWillUnmount() {
-    var _this$_editorView5;
-    (_this$_editorView5 = this._editorView) === null || _this$_editorView5 === void 0 ? void 0 : _this$_editorView5.destroy();
-    this.cancelAnimationFrames();
-  }
-  componentDidUpdate(prevProps) {
-    var _this$props$makeStyle2, _this$props3;
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
-    if (this._editorView) {
-      if (this.props.value !== prevProps.value) {
-        this.refreshEditorValue();
-      }
-      if (this.shouldUpdateExtensions(prevProps)) {
-        this.refreshExtensions();
-      }
-    }
-  }
-  shouldUpdateExtensions(prevProps) {
-    const propsToObserve = ['styles',
-    // needed for theme update
-    'themeOverride', 'language', 'readOnly', 'editable', 'lineNumbers', 'highlightActiveLineGutter', 'foldGutter', 'lineWrapping', 'autofocus', 'spellcheck', 'direction', 'dir', 'rtlMoveVisually', 'indentOnLoad', 'indentWithTab', 'indentUnit', 'highlightActiveLine', 'attachment'];
-    for (const prop of propsToObserve) {
-      if (!(0, _deepEqual.deepEqual)(this.props[prop], prevProps[prop])) {
-        return true;
-      }
-    }
-    return false;
-  }
-  get direction() {
-    // comes from the `direction` prop and
-    // falls back to the `dir` prop coming from the bidirectional decorator
-    return this.props.direction || this.props.dir;
-  }
-  get extensions() {
-    const extensions = [...this.baseExtensions,
-    // our custom extensions
-    this.languageExtension, this.onChangeExtension, this.focusListenerExtension, this.announceLineNumberExtension];
-    if (this.themeExtension) {
-      extensions.push(this.themeExtension);
-    }
-    if (this.props.lineNumbers) {
-      extensions.push((0, _view.lineNumbers)());
-    }
-    if (this.props.highlightActiveLine) {
-      extensions.push((0, _view.highlightActiveLine)());
-    }
-    if (this.props.highlightActiveLineGutter) {
-      extensions.push((0, _view.highlightActiveLineGutter)());
-    }
-    if (this.props.foldGutter) {
-      extensions.push((0, _language.foldGutter)());
-    }
-    if (this.props.lineWrapping) {
-      extensions.push(_view.EditorView.lineWrapping);
-    }
-    if (this.props.editable === false) {
-      extensions.push(_view.EditorView.editable.of(false));
-    }
-    if (this.props.readOnly) {
-      extensions.push(_state.EditorState.readOnly.of(true));
-    }
-    if (this.props.spellcheck) {
-      extensions.push(_view.EditorView.contentAttributes.of({
-        spellcheck: 'true'
-      }));
-    }
-    if (this.direction) {
-      extensions.push(_view.EditorView.contentAttributes.of({
-        dir: this.direction
-      }));
-    }
-    if (this.props.indentUnit) {
-      extensions.push(_language.indentUnit.of(this.props.indentUnit));
-    }
-    return extensions;
-  }
-  get baseExtensions() {
-    return [
-    // The extensions are based on codemirrors basic setup from 'codemirror'.
-    // It is recommended by CodeMirror, that if we want to configure
-    // our editor more precisely, we have to copy the source
-    // and adjust it as desired.
-    (0, _view.highlightSpecialChars)(), (0, _commands.history)(), (0, _view.drawSelection)(), (0, _view.dropCursor)(), _state.EditorState.allowMultipleSelections.of(true), (0, _language.syntaxHighlighting)(_language.defaultHighlightStyle, {
-      fallback: true
-    }), (0, _language.bracketMatching)(), (0, _autocomplete.closeBrackets)(), (0, _autocomplete.autocompletion)(), (0, _view.rectangularSelection)(), (0, _view.crosshairCursor)(), (0, _search.highlightSelectionMatches)(), (0, _language.indentOnInput)(), (0, _SearchPanel.default)(this.props.searchConfig), _view.keymap.of(this.keymaps)];
-  }
-  get keymaps() {
-    // TODO: if more keymaps are added, list them in the docs as well (#Command keybinding)
-    const keymaps = [..._autocomplete.closeBracketsKeymap, ...this.commandKeybinding, ..._commands.historyKeymap, ..._language.foldKeymap, ..._autocomplete.completionKeymap, ..._lint.lintKeymap, ...(this.props.searchConfig ? _search.searchKeymap : [])];
-    if (this.props.indentWithTab) {
-      keymaps.push(_commands.indentWithTab);
-    }
-    return keymaps;
-  }
-  get commandKeybinding() {
-    const rtlMoveVisually = this.props.rtlMoveVisually;
-    if (this.direction === 'rtl' && !rtlMoveVisually) {
-      const overrideableKeys = _customKeybinding.rtlHorizontalArrowKeymap.map(binding => binding.key ? binding.key : binding.mac ? binding.mac : binding);
-      // we have to remove the binding we want to override from the original,
-      // otherwise all will be merged and the defaults will still apply
-      const filteredOriginal = _commands.defaultKeymap.filter(binding => binding.key ? overrideableKeys.indexOf(binding.key) < 0 : binding.mac ? overrideableKeys.indexOf(binding.mac) < 0 : false);
-      return [...filteredOriginal, ..._customKeybinding.rtlHorizontalArrowKeymap];
-    }
-    return _commands.defaultKeymap;
-  }
-  get themeExtension() {
-    const styles = this.props.styles;
-    if (!(styles !== null && styles !== void 0 && styles.theme) || !styles.highlightStyle) {
-      return void 0;
-    }
-    const theme = _view.EditorView.theme(styles === null || styles === void 0 ? void 0 : styles.theme);
-    const highlightStyle = (0, _language.syntaxHighlighting)(_language.HighlightStyle.define(styles === null || styles === void 0 ? void 0 : styles.highlightStyle));
-
-    // see notes in props.ts
-    // if (darkTheme) {
-    //   theme = oneDarkTheme
-    //   highlightStyle = syntaxHighlighting(oneDarkHighlightStyle)
-    // }
-
-    return [theme, highlightStyle];
-  }
-  get languageExtension() {
-    const language = this.props.language;
-    switch (language) {
-      case 'json':
-        return (0, _langJson.json)();
-      case 'js':
-      case 'jsx':
-      case 'javascript':
-        return (0, _langJavascript.javascript)({
-          jsx: true,
-          typescript: true
-        });
-      case 'html':
-        return (0, _langHtml.html)({
-          matchClosingTags: true,
-          autoCloseTags: true
-        });
-      case 'css':
-        return (0, _langCss.css)();
-      case 'markdown':
-        return (0, _langMarkdown.markdown)();
-      case 'sh':
-      case 'shell':
-      case 'bash':
-        // ????
-        return _language.StreamLanguage.define(_shell.shell);
-      case 'yml':
-      case 'yaml':
-        return _language.StreamLanguage.define(_yaml.yaml);
-      default:
-        return (0, _langJavascript.javascript)({
-          jsx: true,
-          typescript: true
-        });
-    }
-  }
-  callOnChangeHandler(newValue) {
-    const _this$props4 = this.props,
-      onChange = _this$props4.onChange,
-      value = _this$props4.value;
-    this.addAnimationFrame(() => {
-      if (typeof onChange === 'function' && newValue !== value) {
-        onChange(newValue);
-      }
-    });
-  }
-  get onChangeExtension() {
-    return _state.EditorState.changeFilter.of(transaction => {
-      if (!this._editorView) {
-        return false;
-      }
-      if (transaction.docChanged) {
-        const newDoc = transaction.newDoc.toString();
-        if (this.isControlled) {
-          // the value will be changed by the onChange handler,
-          // refreshEditorValue has to run first
-          if (newDoc !== this.props.value) {
-            this._newSelectionAfterValueChange = transaction.selection;
-            this.cancelAnimationFrames();
-            this.callOnChangeHandler(newDoc);
-            return false;
-          } else {
-            return true;
-          }
-        } else {
-          this.callOnChangeHandler(newDoc);
-        }
-      }
-      return true;
-    });
-  }
-  get focusListenerExtension() {
-    const _this$props5 = this.props,
-      onFocus = _this$props5.onFocus,
-      onBlur = _this$props5.onBlur;
-    return _view.EditorView.updateListener.of(update => {
-      if (update.focusChanged && this._editorView) {
-        if (this.hasFocus) {
-          if (typeof onFocus === 'function') {
-            onFocus();
-          }
-        } else {
-          if (typeof onBlur === 'function') {
-            onBlur();
-          }
-        }
-      }
-    });
-  }
-  get announceLineNumberExtension() {
-    return _state.EditorState.transactionExtender.of(tr => {
-      const selection = tr.selection;
-      const oldSelection = tr.startState.selection.main;
-      if (selection && selection.main.empty && oldSelection.empty) {
-        const oldLine = tr.startState.doc.lineAt(oldSelection.head);
-        const newLine = tr.newDoc.lineAt(selection.main.head);
-        if (oldLine.number != newLine.number) return {
-          effects: _view.EditorView.announce.of(tr.startState.phrase('line ') + newLine.number + '.')
-        };
-      }
-      return null;
-    });
-  }
-  refreshExtensions() {
-    this.dispatchViewEffects(_state.StateEffect.reconfigure.of(this.extensions));
-  }
-  refreshEditorValue() {
-    if (!this._editorView) return;
-    const value = this.props.value;
-    const currentValue = this._editorView.state.doc.toString();
-    if (typeof value !== 'undefined' && currentValue !== value) {
-      let userEvent;
-      const lengthDiff = value.length - currentValue.length;
-
-      // setting user events are needed for the autocomplete to work
-      // (only these 2 events, autocomplete doesn't work on paste, etc.)
-      if (lengthDiff === 1) {
-        userEvent = 'input.type';
-      } else if (lengthDiff === -1) {
-        userEvent = 'delete.backward';
-      }
-      this.dispatchViewChanges({
-        changes: {
-          from: 0,
-          to: currentValue.length,
-          insert: value || ''
-        },
-        selection: this._newSelectionAfterValueChange,
-        userEvent: userEvent
-      });
-      this._newSelectionAfterValueChange = void 0;
-    }
-    if (this.props.indentOnLoad) {
-      this.indentAll();
-    }
-  }
-  render() {
-    const _this$props6 = this.props,
-      label = _this$props6.label,
-      styles = _this$props6.styles,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props6, _excluded);
-    return (0, _jsxRuntime.jsx)("div", {
-      "data-cid": "SourceCodeEditor",
-      ref: this.handleRef,
-      css: styles === null || styles === void 0 ? void 0 : styles.codeEditor,
-      ...(0, _passthroughProps.passthroughProps)((0, _omitProps.omitProps)(restProps, SourceCodeEditor.allowedProps)),
-      children: (0, _jsxRuntime.jsxs)("label", {
-        css: styles === null || styles === void 0 ? void 0 : styles.label,
-        id: this._id,
-        children: [(0, _jsxRuntime.jsx)(_ScreenReaderContent.ScreenReaderContent, {
-          children: label
-        }), (0, _jsxRuntime.jsx)("div", {
-          ref: this.handleContainerRef,
-          css: styles === null || styles === void 0 ? void 0 : styles.codeEditorContainer
-        })]
-      })
-    });
-  }
-}, _SourceCodeEditor.displayName = "SourceCodeEditor", _SourceCodeEditor.componentId = 'SourceCodeEditor', _SourceCodeEditor.allowedProps = _props.allowedProps, _SourceCodeEditor.defaultProps = {
-  language: 'jsx',
-  readOnly: false,
-  editable: true,
-  lineNumbers: false,
-  foldGutter: false,
-  highlightActiveLine: false,
-  highlightActiveLineGutter: false,
-  lineWrapping: false,
-  autofocus: false,
-  spellcheck: false,
-  rtlMoveVisually: true,
-  indentOnLoad: false,
-  indentWithTab: false,
-  defaultValue: '',
-  height: 'auto'
-}, _SourceCodeEditor)) || _class) || _class) || _class);
-var _default = exports.default = SourceCodeEditor;

package/lib/SourceCodeEditor/styles.js

@@ -1,228 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _highlight = require("@lezer/highlight");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, props) => {
-  const attachment = props.attachment,
-    height = props.height,
-    width = props.width;
-  const attachmentBorderRadius = {
-    top: {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
-    },
-    bottom: {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0
-    }
-  };
-  const attachmentVariants = {
-    top: {
-      marginBottom: 0,
-      marginTop: '0.25rem'
-    },
-    bottom: {
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0,
-      marginBottom: '0.25rem'
-    }
-  };
-  const lineHeight = 1.4375;
-  return {
-    codeEditor: {
-      label: 'codeEditor',
-      position: 'relative',
-      boxSizing: 'border-box',
-      height: height || 'auto',
-      width
-    },
-    label: {
-      label: 'label',
-      height: '100%',
-      width: '100%'
-    },
-    codeEditorContainer: {
-      label: 'codeEditorContainer',
-      height: '100%',
-      width: '100%',
-      borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.borderColor,
-      borderStyle: 'solid',
-      borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.borderWidth,
-      borderRadius: componentTheme.borderRadius,
-      marginBottom: '1rem',
-      ...(attachment && {
-        ...attachmentVariants[attachment],
-        ...attachmentBorderRadius[attachment]
-      })
-    },
-    theme: {
-      '&': {
-        overflow: 'hidden',
-        background: componentTheme.background,
-        fontFamily: componentTheme.fontFamily,
-        fontSize: componentTheme.fontSize,
-        color: componentTheme.color,
-        border: 0,
-        height: '100%',
-        width: '100%',
-        minHeight: `${lineHeight}rem`,
-        lineHeight,
-        borderRadius: componentTheme.borderRadius,
-        ...(attachment && {
-          ...attachmentBorderRadius[attachment]
-        })
-      },
-      '&.cm-editor.cm-focused': {
-        // Provide a simple default outline to make sure a focused
-        // editor is visually distinct. Can't leave the default behavior
-        // because that will apply to the content element, which is
-        // inside the scrollable container and doesn't include the
-        // gutters. We also can't use an 'auto' outline, since those
-        // are, for some reason, drawn behind the element content, which
-        // will cause things like the active line background to cover
-        // the outline (#297).
-        outline: `${componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.borderWidth} solid ${componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.focusBorderColor}`
-      },
-      '.cm-content': {
-        padding: `${componentTheme.verticalPadding} 0`
-      },
-      '.cm-scroller': {
-        fontFamily: componentTheme.fontFamily,
-        lineHeight: 1.4375
-      },
-      '.cm-gutters': {
-        background: componentTheme.gutterBackground,
-        borderColor: componentTheme.borderColor
-      },
-      '.cm-line': {
-        padding: `0 ${componentTheme.horizontalPadding}`
-      },
-      '.cm-selectionBackground': {
-        background: 'transparent'
-      },
-      '.cm-focused .cm-selectionBackground': {
-        background: '#d7d4f0'
-      },
-      '.cm-placeholder': {
-        // for better contrast
-        color: '#707070'
-      }
-    },
-    highlightStyle: [
-    /**
-     * Copy of `defaultHighlightStyle` from '@codemirror/language'
-     */
-    // { tag: tags.meta, color: '#7a757a' },
-    {
-      tag: _highlight.tags.link,
-      textDecoration: 'underline'
-    }, {
-      tag: _highlight.tags.heading,
-      textDecoration: 'underline',
-      fontWeight: 'bold'
-    }, {
-      tag: _highlight.tags.emphasis,
-      fontStyle: 'italic'
-    }, {
-      tag: _highlight.tags.strong,
-      fontWeight: 'bold'
-    }, {
-      tag: _highlight.tags.strikethrough,
-      textDecoration: 'line-through'
-    }, {
-      tag: _highlight.tags.keyword,
-      color: '#708'
-    }, {
-      tag: [_highlight.tags.atom, _highlight.tags.bool, _highlight.tags.url, _highlight.tags.contentSeparator, _highlight.tags.labelName],
-      color: '#219'
-    }, {
-      tag: [_highlight.tags.literal, _highlight.tags.inserted],
-      color: '#164'
-    }, {
-      tag: [_highlight.tags.string, _highlight.tags.deleted],
-      color: '#a11'
-    },
-    // {
-    //   tag: [tags.regexp, tags.escape, tags.special(tags.string)],
-    //   color: '#e40'
-    // },
-    {
-      tag: _highlight.tags.definition(_highlight.tags.variableName),
-      color: '#00f'
-    }, {
-      tag: _highlight.tags.local(_highlight.tags.variableName),
-      color: '#30a'
-    },
-    // { tag: [tags.typeName, tags.namespace], color: '#085' },
-    {
-      tag: _highlight.tags.className,
-      color: '#167'
-    }, {
-      tag: [_highlight.tags.special(_highlight.tags.variableName), _highlight.tags.macroName],
-      color: '#256'
-    }, {
-      tag: _highlight.tags.definition(_highlight.tags.propertyName),
-      color: '#00c'
-    }, {
-      tag: _highlight.tags.comment,
-      color: '#940'
-    },
-    // { tag: tags.invalid, color: '#f00' },
-
-    /**
-     * Custom highlighting overrides
-     * (where original colors don't have enough contrast against #fff
-     * or active highlight background)
-     */
-    {
-      tag: _highlight.tags.meta,
-      color: '#757075'
-    }, {
-      tag: [_highlight.tags.regexp, _highlight.tags.escape, _highlight.tags.special(_highlight.tags.string)],
-      color: '#d13b00'
-    }, {
-      tag: [_highlight.tags.typeName, _highlight.tags.namespace],
-      color: '#008051'
-    }, {
-      tag: _highlight.tags.invalid,
-      color: '#e60000'
-    }]
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/SourceCodeEditor/theme.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5;
-  const colors = theme.colors,
-    borders = theme.borders,
-    typography = theme.typography,
-    spacing = theme.spacing;
-  const componentVariables = {
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamilyMonospace,
-    fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
-    background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
-    color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
-    gutterBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.grey1111,
-    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
-    borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.grey3045,
-    borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
-    focusBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.blue4570,
-    horizontalPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
-    verticalPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall
-  };
-  return {
-    ...componentVariables
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SourceCodeEditor", {
-  enumerable: true,
-  get: function () {
-    return _SourceCodeEditor.SourceCodeEditor;
-  }
-});
-var _SourceCodeEditor = require("./SourceCodeEditor");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}