@sanity/code-input 2.34.0 → 2.34.1-canary.0

package/lib/CodeInput.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _components = require("@sanity/base/components");
-
 var _ui = require("@sanity/ui");
-
 var PathUtils = _interopRequireWildcard(require("@sanity/util/paths"));
-
 var _changeIndicators = require("@sanity/base/change-indicators");
-
 var _PatchEvent = _interopRequireWildcard(require("@sanity/form-builder/PatchEvent"));
-
 var _reactAce = _interopRequireDefault(require("react-ace"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _autoId = require("@reach/auto-id");
-
 var _createHighlightMarkers = _interopRequireWildcard(require("./createHighlightMarkers"));
-
 require("./editorSupport");
-
 var _config = require("./config");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var EditorContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n  z-index: 0;\n\n  .ace_editor {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: inherit;\n  }\n\n  ", "\n\n  &:not([disabled]):not([readonly]) {\n    &:focus,\n    &:focus-within {\n      box-shadow: 0 0 0 2px ", ";\n      background-color: ", ";\n      border-color: ", ";\n    }\n  }\n"])), _ref => {
   var theme = _ref.theme;
   return theme.sanity.fonts.code.family;
@@ -55,43 +37,35 @@ var EditorContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject |
   var theme = _ref5.theme;
   return theme.sanity.color.base.focusRing;
 });
-
 // Returns a string with the mode name if supported (because aliases), otherwise false
 function isSupportedLanguage(mode) {
   var alias = _config.LANGUAGE_ALIASES[mode];
-
   if (alias) {
     return alias;
   }
-
   var isSupported = _config.SUPPORTED_LANGUAGES.find(lang => lang.value === mode);
-
   if (isSupported) {
     return mode;
   }
-
   return false;
 }
-
 var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   var _props$value, _type$options5, _type$options6, _type$options7;
-
   var aceEditorRef = (0, _react.useRef)();
   var aceEditorId = (0, _autoId.useId)();
   var onFocus = props.onFocus,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      compareValue = props.compareValue,
-      value = props.value,
-      presence = props.presence,
-      type = props.type,
-      level = props.level,
-      readOnly = props.readOnly,
-      focusPath = props.focusPath;
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    compareValue = props.compareValue,
+    value = props.value,
+    presence = props.presence,
+    type = props.type,
+    level = props.level,
+    readOnly = props.readOnly,
+    focusPath = props.focusPath;
   (0, _react.useImperativeHandle)(ref, () => ({
     focus: () => {
       var _aceEditorRef$current, _aceEditorRef$current2;
-
       aceEditorRef === null || aceEditorRef === void 0 ? void 0 : (_aceEditorRef$current = aceEditorRef.current) === null || _aceEditorRef$current === void 0 ? void 0 : (_aceEditorRef$current2 = _aceEditorRef$current.editor) === null || _aceEditorRef$current2 === void 0 ? void 0 : _aceEditorRef$current2.focus();
     }
   }));
@@ -113,18 +87,15 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [onChange, type.name]);
   var getTheme = (0, _react.useCallback)(() => {
     var _type$options;
-
     var preferredTheme = (_type$options = type.options) === null || _type$options === void 0 ? void 0 : _type$options.theme;
     return preferredTheme && _config.SUPPORTED_THEMES.find(theme => theme === preferredTheme) ? preferredTheme : _config.DEFAULT_THEME;
   }, [type]);
   var handleToggleSelectLine = (0, _react.useCallback)(lineNumber => {
     var _aceEditorRef$current3, _aceEditorRef$current4;
-
     var editorSession = (_aceEditorRef$current3 = aceEditorRef.current) === null || _aceEditorRef$current3 === void 0 ? void 0 : (_aceEditorRef$current4 = _aceEditorRef$current3.editor) === null || _aceEditorRef$current4 === void 0 ? void 0 : _aceEditorRef$current4.getSession();
     var backgroundMarkers = editorSession === null || editorSession === void 0 ? void 0 : editorSession.getMarkers(true);
     var currentHighlightedLines = Object.keys(backgroundMarkers).filter(key => backgroundMarkers[key].type === 'screenLine').map(key => backgroundMarkers[key].range.start.row);
     var currentIndex = currentHighlightedLines.indexOf(lineNumber);
-
     if (currentIndex > -1) {
       // toggle remove
       currentHighlightedLines.splice(currentIndex, 1);
@@ -133,13 +104,12 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       currentHighlightedLines.push(lineNumber);
       currentHighlightedLines.sort();
     }
-
-    onChange(_PatchEvent.default.from((0, _PatchEvent.set)(currentHighlightedLines.map(line => // ace starts at line (row) 0, but we store it starting at line 1
+    onChange(_PatchEvent.default.from((0, _PatchEvent.set)(currentHighlightedLines.map(line =>
+    // ace starts at line (row) 0, but we store it starting at line 1
     line + 1), ['highlightedLines'])));
   }, [aceEditorRef, onChange]);
   var handleGutterMouseDown = (0, _react.useCallback)(event => {
     var target = event.domEvent.target;
-
     if (target.classList.contains('ace_gutter-cell')) {
       var row = event.getDocumentPosition().row;
       handleToggleSelectLine(row);
@@ -147,11 +117,9 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [handleToggleSelectLine]);
   (0, _react.useEffect)(() => {
     var _aceEditorRef$current5;
-
     var editor = aceEditorRef === null || aceEditorRef === void 0 ? void 0 : (_aceEditorRef$current5 = aceEditorRef.current) === null || _aceEditorRef$current5 === void 0 ? void 0 : _aceEditorRef$current5.editor;
     return () => {
       var _editor$session;
-
       editor === null || editor === void 0 ? void 0 : (_editor$session = editor.session) === null || _editor$session === void 0 ? void 0 : _editor$session.removeListener('guttermousedown', handleGutterMouseDown);
     };
   }, [aceEditorRef, handleGutterMouseDown]);
@@ -160,23 +128,18 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [handleGutterMouseDown]);
   var getLanguageAlternatives = (0, _react.useCallback)(() => {
     var _type$options2;
-
     var languageAlternatives = (_type$options2 = type.options) === null || _type$options2 === void 0 ? void 0 : _type$options2.languageAlternatives;
-
     if (!languageAlternatives) {
       return _config.SUPPORTED_LANGUAGES;
     }
-
     if (!Array.isArray(languageAlternatives)) {
       throw new Error("'options.languageAlternatives' should be an array, got ".concat(typeof languageAlternatives));
     }
-
     return languageAlternatives.reduce((acc, _ref6) => {
       var title = _ref6.title,
-          val = _ref6.value,
-          mode = _ref6.mode;
+        val = _ref6.value,
+        mode = _ref6.mode;
       var alias = _config.LANGUAGE_ALIASES[val];
-
       if (alias) {
         // eslint-disable-next-line no-console
         console.warn("'options.languageAlternatives' lists a language with value \"%s\", which is an alias of \"%s\" - please replace the value to read \"%s\"", val, alias, alias);
@@ -186,12 +149,10 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
           mode: mode
         });
       }
-
       if (!mode && !_config.SUPPORTED_LANGUAGES.find(lang => lang.value === val)) {
         // eslint-disable-next-line no-console
         console.warn("'options.languageAlternatives' lists a language which is not supported: \"%s\", syntax highlighting will be disabled.", val);
       }
-
       return acc.concat({
         title,
         value: val,
@@ -201,7 +162,6 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [type]);
   var handleCodeChange = (0, _react.useCallback)(code => {
     var _type$options3;
-
     var path = _config.PATH_CODE;
     var fixedLanguage = (_type$options3 = type.options) === null || _type$options3 === void 0 ? void 0 : _type$options3.language;
     onChange(_PatchEvent.default.from([(0, _PatchEvent.setIfMissing)({
@@ -219,7 +179,6 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   var languages = getLanguageAlternatives().slice();
   var selectedLanguage = props !== null && props !== void 0 && (_props$value = props.value) !== null && _props$value !== void 0 && _props$value.language ? languages.find(item => {
     var _props$value2;
-
     return item.value === (props === null || props === void 0 ? void 0 : (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.language);
   }) : undefined;
   var languageField = type.fields.find(field => field.name === 'language');
@@ -272,12 +231,13 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, [filenameCompareValue, filenameField === null || filenameField === void 0 ? void 0 : filenameField.placeholder, filenameField === null || filenameField === void 0 ? void 0 : filenameField.title, filenamePresence, focusPath, handleFilenameChange, handleFilenameFocus, level, onBlur, value === null || value === void 0 ? void 0 : value.filename]);
   var renderEditor = (0, _react.useCallback)(() => {
     var _type$options4;
-
     var fixedLanguage = (_type$options4 = type.options) === null || _type$options4 === void 0 ? void 0 : _type$options4.language;
-    var language = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage; // the language config from the schema
+    var language = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage;
 
-    var configured = languages.find(entry => entry.value === language); // is the language officially supported (e.g. we import the mode by default)
+    // the language config from the schema
+    var configured = languages.find(entry => entry.value === language);
 
+    // is the language officially supported (e.g. we import the mode by default)
     var supported = language && isSupportedLanguage(language);
     var mode = (configured === null || configured === void 0 ? void 0 : configured.mode) || (supported ? supported : 'text');
     return /*#__PURE__*/_react.default.createElement(_changeIndicators.ChangeIndicatorProvider, {
@@ -319,7 +279,6 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     __unstable_changeIndicator: false
   }, !((_type$options6 = type.options) !== null && _type$options6 !== void 0 && _type$options6.language) && renderLanguageAlternatives(), (type === null || type === void 0 ? void 0 : (_type$options7 = type.options) === null || _type$options7 === void 0 ? void 0 : _type$options7.withFilename) && renderFilenameInput(), renderEditor());
 });
-
 CodeInput.displayName = 'CodeInput';
 var _default = CodeInput;
 exports.default = _default;

package/lib/PreviewCode.js

@@ -4,54 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PreviewCode;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactAce = _interopRequireDefault(require("react-ace"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _ui = require("@sanity/ui");
-
 var _config = require("./config");
-
 var _createHighlightMarkers = _interopRequireDefault(require("./createHighlightMarkers"));
-
 require("./editorSupport");
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var PreviewContainer = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 var PreviewInner = (0, _styledComponents.default)(_ui.Box)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: #272822;\n\n  .ace_editor {\n    box-sizing: border-box;\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .ace_content {\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n"])));
-
 function PreviewCode(props) {
   var _type$options;
-
   var aceEditorRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     var _aceEditorRef$current;
-
     if (!(aceEditorRef !== null && aceEditorRef !== void 0 && aceEditorRef.current)) return;
     var editor = (_aceEditorRef$current = aceEditorRef.current) === null || _aceEditorRef$current === void 0 ? void 0 : _aceEditorRef$current.editor;
-
     if (editor) {
       // Avoid cursor and focus tracking by Ace
       editor.renderer.$cursorLayer.element.style.opacity = 0;
       editor.textInput.getElement().disabled = true;
     }
   }, []);
-  var handleEditorChange = (0, _react.useCallback)(() => {// do nothing when the editor changes
+  var handleEditorChange = (0, _react.useCallback)(() => {
+    // do nothing when the editor changes
   }, []);
   var value = props.value,
-      type = props.type;
+    type = props.type;
   var fixedLanguage = type === null || type === void 0 ? void 0 : (_type$options = type.options) === null || _type$options === void 0 ? void 0 : _type$options.language;
   var mode = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage || 'text';
   return /*#__PURE__*/_react.default.createElement(PreviewContainer, null, /*#__PURE__*/_react.default.createElement(PreviewInner, {

package/lib/config.js

@@ -86,9 +86,7 @@ var DEFAULT_THEME = 'tomorrow';
 exports.DEFAULT_THEME = DEFAULT_THEME;
 var ACE_SET_OPTIONS = {
   useSoftTabs: true,
-  navigateWithinSoftTabs: true
-  /* note only supported by ace v1.2.7 or higher */
-
+  navigateWithinSoftTabs: true /* note only supported by ace v1.2.7 or higher */
 };
 exports.ACE_SET_OPTIONS = ACE_SET_OPTIONS;
 var ACE_EDITOR_PROPS = {

package/lib/createHighlightMarkers.js

@@ -5,19 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = createHighlightMarkers;
 exports.highlightMarkersCSS = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var highlightMarkersCSS = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ace_editor_markers_highlight {\n    position: absolute;\n    background-color: ", ";\n    opacity: 0.2;\n    width: 100% !important;\n    border-radius: 0 !important;\n  }\n"])), _ref => {
   var theme = _ref.theme;
   return theme.sanity.color.solid.primary.enabled.bg;
 });
 exports.highlightMarkersCSS = highlightMarkersCSS;
-
 function createHighlightMarkers(rows) {
   return rows.map(row => ({
     startRow: Number(row) - 1,

package/lib/deprecatedSchema.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _default = (() => {
   /* eslint-disable no-console */
   console.warn('@sanity/code-input has been upgraded to automatically register its schema type.');
@@ -22,5 +21,4 @@ var _default = (() => {
     }]
   };
 })();
-
 exports.default = _default;

package/lib/editorSupport.js

@@ -1,55 +1,29 @@
 "use strict";
 
 require("./groq");
-
 require("ace-builds/src-noconflict/mode-batchfile");
-
 require("ace-builds/src-noconflict/mode-csharp");
-
 require("ace-builds/src-noconflict/mode-css");
-
 require("ace-builds/src-noconflict/mode-golang");
-
 require("ace-builds/src-noconflict/mode-html");
-
 require("ace-builds/src-noconflict/mode-java");
-
 require("ace-builds/src-noconflict/mode-javascript");
-
 require("ace-builds/src-noconflict/mode-json");
-
 require("ace-builds/src-noconflict/mode-jsx");
-
 require("ace-builds/src-noconflict/mode-markdown");
-
 require("ace-builds/src-noconflict/mode-mysql");
-
 require("ace-builds/src-noconflict/mode-php");
-
 require("ace-builds/src-noconflict/mode-python");
-
 require("ace-builds/src-noconflict/mode-ruby");
-
 require("ace-builds/src-noconflict/mode-sass");
-
 require("ace-builds/src-noconflict/mode-scss");
-
 require("ace-builds/src-noconflict/mode-sh");
-
 require("ace-builds/src-noconflict/mode-text");
-
 require("ace-builds/src-noconflict/mode-tsx");
-
 require("ace-builds/src-noconflict/mode-typescript");
-
 require("ace-builds/src-noconflict/mode-xml");
-
 require("ace-builds/src-noconflict/mode-yaml");
-
 require("ace-builds/src-noconflict/theme-github");
-
 require("ace-builds/src-noconflict/theme-monokai");
-
 require("ace-builds/src-noconflict/theme-terminal");
-
 require("ace-builds/src-noconflict/theme-tomorrow");

package/lib/getMedia.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMedia = getMedia;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function getMedia(language) {
   if (language === 'jsx') {
     return /*#__PURE__*/_react.default.createElement("svg", {
@@ -24,7 +21,6 @@ function getMedia(language) {
       d: "M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3C8.2 50 1.4 56.6 1.4 64s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zM92.5 14.7c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zM81.3 74c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zM64 97.8c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zM64 30.2c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zM31.7 35c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zM7 64c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5C15.3 75.6 7 69.6 7 64zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zM96.3 93c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"
     })));
   }
-
   if (language === 'javascript') {
     return /*#__PURE__*/_react.default.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -37,7 +33,6 @@ function getMedia(language) {
       d: "M116.347 96.736c-.917-5.711-4.641-10.508-15.672-14.981-3.832-1.761-8.104-3.022-9.377-5.926-.452-1.69-.512-2.642-.226-3.665.821-3.32 4.784-4.355 7.925-3.403 2.023.678 3.938 2.237 5.093 4.724 5.402-3.498 5.391-3.475 9.163-5.879-1.381-2.141-2.118-3.129-3.022-4.045-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902 2.748-8.877 5.235-5.926 6.724-4.236 18.492 2.975 23.335 7.104 5.332 17.54 6.545 18.873 11.531 1.297 6.104-4.486 8.08-10.234 7.378-4.236-.881-6.592-3.034-9.139-6.949-4.688 2.713-4.688 2.713-9.508 5.485 1.143 2.499 2.344 3.63 4.26 5.795 9.068 9.198 31.76 8.746 35.83-5.176.165-.478 1.261-3.666.38-8.581zM69.462 58.943H57.753l-.048 30.272c0 6.438.333 12.34-.714 14.149-1.713 3.558-6.152 3.117-8.175 2.427-2.059-1.012-3.106-2.451-4.319-4.485-.333-.584-.583-1.036-.667-1.071l-9.52 5.83c1.583 3.249 3.915 6.069 6.902 7.901 4.462 2.678 10.459 3.499 16.731 2.059 4.082-1.189 7.604-3.652 9.448-7.401 2.666-4.915 2.094-10.864 2.07-17.444.06-10.735.001-21.468.001-32.237z"
     }));
   }
-
   if (language === 'php') {
     return /*#__PURE__*/_react.default.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -54,7 +49,6 @@ function getMedia(language) {
       d: "m162.81 479.48h14.204c4.1693 0.0354 7.1903 1.2367 9.063 3.604 1.8726 2.3674 2.491 5.6004 1.855 9.699-0.24737 1.8727-0.79503 3.71-1.643 5.512-0.8127 1.802-1.9434 3.4273-3.392 4.876-1.7667 1.8373-3.657 3.0033-5.671 3.498-2.014 0.49467-4.0987 0.742-6.254 0.742h-6.36l-2.014 10.07h-7.367l7.579-38.001m6.201 6.042-3.18 15.9c0.21199 0.0353 0.42399 0.053 0.636 0.053h0.742c3.392 0.0353 6.2186-0.30033 8.48-1.007 2.2613-0.74199 3.7806-3.3213 4.558-7.738 0.63597-3.71-0.00003-5.8476-1.908-6.413-1.8727-0.56531-4.2224-0.83031-7.049-0.795-0.42402 0.0353-0.83035 0.053-1.219 0.053-0.35335 0.00002-0.72435 0.00002-1.113 0l0.053-0.053"
     }))));
   }
-
   if (language === 'json') {
     return /*#__PURE__*/_react.default.createElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -105,6 +99,5 @@ function getMedia(language) {
       overflow: "visible"
     }));
   }
-
   return undefined;
 }

package/lib/groq.js

@@ -368,12 +368,11 @@ var rules = {
 ace.define('ace/mode/groq_highlight_rules', ['require', 'exports', 'module', 'ace/lib/oop', 'ace/mode/text_highlight_rules'], function (acequire, exports, _module) {
   var oop = acequire('../lib/oop');
   var TextHighlightRules = acequire('./text_highlight_rules').TextHighlightRules;
-
   var GroqHighlightRules = function GroqHighlightRules() {
     /* eslint-disable @typescript-eslint/ban-ts-comment */
     // @ts-ignore
-    this.$rules = rules; // @ts-ignore
-
+    this.$rules = rules;
+    // @ts-ignore
     this.normalizeRules();
     /* eslint-enable @typescript-eslint/ban-ts-comment */
   };
@@ -390,15 +389,14 @@ ace.define('ace/mode/groq', ['require', 'exports', 'module', 'ace/lib/oop', 'ace
   var Tokenizer = acequire('../tokenizer').Tokenizer;
   var GroqHighlightRules = acequire('./groq_highlight_rules').GroqHighlightRules;
   var FoldMode = acequire('./folding/cstyle').FoldMode;
-
   var Mode = function Mode() {
     /* eslint-disable @typescript-eslint/ban-ts-comment */
-    var highlighter = new GroqHighlightRules(); // @ts-ignore
-
-    this.foldingRules = new FoldMode(); // @ts-ignore
-
-    this.$tokenizer = new Tokenizer(highlighter.getRules()); // @ts-ignore
-
+    var highlighter = new GroqHighlightRules();
+    // @ts-ignore
+    this.foldingRules = new FoldMode();
+    // @ts-ignore
+    this.$tokenizer = new Tokenizer(highlighter.getRules());
+    // @ts-ignore
     this.$keywordList = highlighter.$keywordList;
     /* eslint-enable @typescript-eslint/ban-ts-comment */
   };

package/lib/schema.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icons = require("@sanity/icons");
-
 var _CodeInput = _interopRequireDefault(require("./CodeInput"));
-
 var _PreviewCode = _interopRequireDefault(require("./PreviewCode"));
-
 var _getMedia = require("./getMedia");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Preview = props => {
   return /*#__PURE__*/_react.default.createElement(_PreviewCode.default, props);
 };
-
 var _default = {
   name: 'code',
   type: 'object',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/code-input",
-  "version": "2.34.0",
+  "version": "2.34.1-canary.0+b3e58b8893",
   "description": "Ace editor for editing code",
   "main": "./lib/index.js",
   "types": "./dist/dts",
@@ -21,12 +21,12 @@
   ],
   "dependencies": {
     "@reach/auto-id": "^0.13.2",
-    "@sanity/base": "2.34.0",
-    "@sanity/form-builder": "2.34.0",
+    "@sanity/base": "2.34.1-canary.0+b3e58b8893",
+    "@sanity/form-builder": "2.34.1-canary.0+b3e58b8893",
     "@sanity/icons": "^1.3.4",
-    "@sanity/types": "2.34.0",
+    "@sanity/types": "2.34.1-canary.0+b3e58b8893",
     "@sanity/ui": "^0.37.22",
-    "@sanity/util": "2.34.0",
+    "@sanity/util": "2.34.1-canary.0+b3e58b8893",
     "ace-builds": "^1.4.13",
     "react-ace": "^9.5.0"
   },
@@ -47,5 +47,5 @@
     "url": "git+https://github.com/sanity-io/sanity.git",
     "directory": "packages/@sanity/code-input"
   },
-  "gitHead": "271991702d6db370f2157232d738445e968ee546"
+  "gitHead": "b3e58b8893c9573844279488896df2313df914f1"
 }