@uniformdev/mesh-sdk-react 18.24.1-alpha.1 → 18.25.1-alpha.16

package/dist/index.esm.js

@@ -955,12 +955,12 @@ import { Callout as Callout2 } from "@uniformdev/design-system";
 import React6, { useContext as useContext2, useMemo as useMemo2, useRef as useRef5 } from "react";
 import { useAsync, useAsyncFn as useAsyncFn2 } from "react-use";
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 import { css as css7 } from "@emotion/react";
 import { useOutsideClick } from "@uniformdev/design-system";
 import { useRef, useState } from "react";
 
-// src/components/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
 import { css as css6 } from "@emotion/react";
 var searchRowContainer = css6`
   cursor: pointer;
@@ -1001,7 +1001,7 @@ var searchRowBtn = css6`
   inset: 0 var(--spacing-sm) 0 auto;
 `;
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 import { jsx as jsx19, jsxs as jsxs8 } from "@emotion/react/jsx-runtime";
 var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   const popoverRef = useRef(null);
@@ -1075,7 +1075,7 @@ var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   );
 };
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 import { css as css9 } from "@emotion/react";
 import { Icon as Icon2, useOutsideClick as useOutsideClick2 } from "@uniformdev/design-system";
 import { useEffect, useRef as useRef2, useState as useState2 } from "react";
@@ -1093,7 +1093,7 @@ function openWindowWithCloseCallback(href, callback) {
   }, 500);
 }
 
-// src/components/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
 import { css as css8 } from "@emotion/react";
 import { mq as mq2 } from "@uniformdev/design-system";
 var selectedItemContainer = css8`
@@ -1177,7 +1177,7 @@ var selectItemLinkBtn = css8`
   }
 `;
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 import { jsx as jsx20, jsxs as jsxs9 } from "@emotion/react/jsx-runtime";
 var DefaultSelectedItem = ({
   selectedItem,
@@ -1360,7 +1360,7 @@ var DefaultSelectedItem = ({
   ] }) }, selectedItem.id);
 };
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 import { css as css11 } from "@emotion/react";
 import {
   Button,
@@ -1411,7 +1411,7 @@ function useLoadingDelay(loading, { delay = 500, minDuration = 200 } = {
   return state === "DISPLAY" || state === "EXPIRE";
 }
 
-// src/components/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/legacy/EntrySearch/styles/EntrySearch.styles.ts
 import { css as css10 } from "@emotion/react";
 var entrySearchWrapper = css10`
   background: var(--white);
@@ -1522,7 +1522,7 @@ var badgeIcon = css10`
   height: calc(var(--spacing-lg) + var(--spacing-xs));
 `;
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
 var DefaultNoResults = ({ searchText, selectedContentType }) => {
   let message = "No content found";
@@ -2864,7 +2864,7 @@ function VariablesProvider({
   children
 }) {
   const [editing, setEditing] = React10.useState();
-  const Editor2 = editVariableComponent != null ? editVariableComponent : VariableEditor;
+  const Editor = editVariableComponent != null ? editVariableComponent : VariableEditor;
   const contextValue = {
     dispatch: (event) => {
       if (event.type === "set") {
@@ -2890,7 +2890,7 @@ function VariablesProvider({
   return /* @__PURE__ */ jsxs17(VariablesContext.Provider, { value: contextValue, children: [
     children,
     typeof editing !== "undefined" ? /* @__PURE__ */ jsx29(
-      Editor2,
+      Editor,
       {
         onSubmit: (val) => {
           setEditing(void 0);
@@ -3265,8 +3265,7 @@ function TextVariableRenderer({ definition, value, setValue }) {
 
 // src/components/Request/RequestBody.tsx
 import { css as css23 } from "@emotion/react";
-import Editor from "@monaco-editor/react";
-import { InputSelect as InputSelect4 } from "@uniformdev/design-system";
+import { InputSelect as InputSelect4, JsonEditor } from "@uniformdev/design-system";
 import { useState as useState8 } from "react";
 
 // src/components/Request/RequestProvider.tsx
@@ -3432,16 +3431,10 @@ function RequestBody() {
           }
         ),
         /* @__PURE__ */ jsx36(
-          Editor,
+          JsonEditor,
           {
             height: 200,
-            value: request.body,
-            language,
-            options: {
-              language,
-              minimap: { enabled: false },
-              folding: false
-            },
+            defaultValue: request.body,
             onChange: (body) => {
               if (body) {
                 dispatch({ type: "setBody", body, contentType: LANGUAGE_TO_CONTENT_TYPE[language] });

package/dist/index.js

@@ -1134,12 +1134,12 @@ var import_design_system10 = require("@uniformdev/design-system");
 var import_react21 = __toESM(require("react"));
 var import_react_use3 = require("react-use");
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 var import_react9 = require("@emotion/react");
 var import_design_system4 = require("@uniformdev/design-system");
 var import_react10 = require("react");
 
-// src/components/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
 var import_react8 = require("@emotion/react");
 var searchRowContainer = import_react8.css`
   cursor: pointer;
@@ -1180,7 +1180,7 @@ var searchRowBtn = import_react8.css`
   inset: 0 var(--spacing-sm) 0 auto;
 `;
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 var import_jsx_runtime19 = require("@emotion/react/jsx-runtime");
 var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   const popoverRef = (0, import_react10.useRef)(null);
@@ -1254,7 +1254,7 @@ var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   );
 };
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 var import_react12 = require("@emotion/react");
 var import_design_system6 = require("@uniformdev/design-system");
 var import_react13 = require("react");
@@ -1272,7 +1272,7 @@ function openWindowWithCloseCallback(href, callback) {
   }, 500);
 }
 
-// src/components/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
 var import_react11 = require("@emotion/react");
 var import_design_system5 = require("@uniformdev/design-system");
 var selectedItemContainer = import_react11.css`
@@ -1356,7 +1356,7 @@ var selectItemLinkBtn = import_react11.css`
   }
 `;
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 var import_jsx_runtime20 = require("@emotion/react/jsx-runtime");
 var DefaultSelectedItem = ({
   selectedItem,
@@ -1539,7 +1539,7 @@ var DefaultSelectedItem = ({
   ] }) }, selectedItem.id);
 };
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 var import_react16 = require("@emotion/react");
 var import_design_system7 = require("@uniformdev/design-system");
 var React5 = __toESM(require("react"));
@@ -1580,7 +1580,7 @@ function useLoadingDelay(loading, { delay = 500, minDuration = 200 } = {
   return state === "DISPLAY" || state === "EXPIRE";
 }
 
-// src/components/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/legacy/EntrySearch/styles/EntrySearch.styles.ts
 var import_react15 = require("@emotion/react");
 var entrySearchWrapper = import_react15.css`
   background: var(--white);
@@ -1691,7 +1691,7 @@ var badgeIcon = import_react15.css`
   height: calc(var(--spacing-lg) + var(--spacing-xs));
 `;
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 var import_jsx_runtime21 = require("@emotion/react/jsx-runtime");
 var DefaultNoResults = ({ searchText, selectedContentType }) => {
   let message = "No content found";
@@ -3033,7 +3033,7 @@ function VariablesProvider({
   children
 }) {
   const [editing, setEditing] = React10.useState();
-  const Editor2 = editVariableComponent != null ? editVariableComponent : VariableEditor;
+  const Editor = editVariableComponent != null ? editVariableComponent : VariableEditor;
   const contextValue = {
     dispatch: (event) => {
       if (event.type === "set") {
@@ -3059,7 +3059,7 @@ function VariablesProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(VariablesContext.Provider, { value: contextValue, children: [
     children,
     typeof editing !== "undefined" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Editor2,
+      Editor,
       {
         onSubmit: (val) => {
           setEditing(void 0);
@@ -3424,9 +3424,8 @@ function TextVariableRenderer({ definition, value, setValue }) {
 
 // src/components/Request/RequestBody.tsx
 var import_react34 = require("@emotion/react");
-var import_react35 = __toESM(require("@monaco-editor/react"));
 var import_design_system19 = require("@uniformdev/design-system");
-var import_react36 = require("react");
+var import_react35 = require("react");
 
 // src/components/Request/RequestProvider.tsx
 var React12 = __toESM(require("react"));
@@ -3552,7 +3551,7 @@ var LANGUAGE_TO_CONTENT_TYPE = {
 };
 function RequestBody() {
   const { request, dispatch } = useRequest();
-  const [language, setLanguage] = (0, import_react36.useState)("json");
+  const [language, setLanguage] = (0, import_react35.useState)("json");
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
@@ -3591,16 +3590,10 @@ function RequestBody() {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          import_react35.default,
+          import_design_system19.JsonEditor,
           {
             height: 200,
-            value: request.body,
-            language,
-            options: {
-              language,
-              minimap: { enabled: false },
-              folding: false
-            },
+            defaultValue: request.body,
             onChange: (body) => {
               if (body) {
                 dispatch({ type: "setBody", body, contentType: LANGUAGE_TO_CONTENT_TYPE[language] });
@@ -3791,8 +3784,8 @@ function RequestParameters({ disableVariables }) {
 }
 
 // src/components/Request/RequestUrl.tsx
-var import_react37 = require("@emotion/react");
-var import_react38 = require("react");
+var import_react36 = require("@emotion/react");
+var import_react37 = require("react");
 
 // src/components/Request/urlEncodeRequestParameter.ts
 function urlEncodeRequestUrl(url, varValues) {
@@ -3818,7 +3811,7 @@ function RequestUrl() {
   var _a, _b;
   const { variables } = useVariables();
   const { request } = useRequest();
-  const mergedParameters = (0, import_react38.useMemo)(() => {
+  const mergedParameters = (0, import_react37.useMemo)(() => {
     var _a2;
     if (!((_a2 = request.baseRequest) == null ? void 0 : _a2.parameters)) {
       return request.parameters;
@@ -3828,7 +3821,7 @@ function RequestUrl() {
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "small",
     {
-      css: import_react37.css`
+      css: import_react36.css`
         display: inline-block;
         margin-bottom: var(--spacing-xs);
         word-break: break-word;
@@ -4043,12 +4036,12 @@ var import_design_system23 = require("@uniformdev/design-system");
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 var import_mesh_sdk = require("@uniformdev/mesh-sdk");
-var import_react39 = require("react");
+var import_react38 = require("react");
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = (0, import_react39.useState)();
-  const [sdk, setSdk] = (0, import_react39.useState)();
-  const initializationInProgress = (0, import_react39.useRef)(false);
-  (0, import_react39.useEffect)(
+  const [error, setError] = (0, import_react38.useState)();
+  const [sdk, setSdk] = (0, import_react38.useState)();
+  const initializationInProgress = (0, import_react38.useRef)(false);
+  (0, import_react38.useEffect)(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;

package/dist/index.mjs

@@ -955,12 +955,12 @@ import { Callout as Callout2 } from "@uniformdev/design-system";
 import React6, { useContext as useContext2, useMemo as useMemo2, useRef as useRef5 } from "react";
 import { useAsync, useAsyncFn as useAsyncFn2 } from "react-use";
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 import { css as css7 } from "@emotion/react";
 import { useOutsideClick } from "@uniformdev/design-system";
 import { useRef, useState } from "react";
 
-// src/components/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
 import { css as css6 } from "@emotion/react";
 var searchRowContainer = css6`
   cursor: pointer;
@@ -1001,7 +1001,7 @@ var searchRowBtn = css6`
   inset: 0 var(--spacing-sm) 0 auto;
 `;
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 import { jsx as jsx19, jsxs as jsxs8 } from "@emotion/react/jsx-runtime";
 var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   const popoverRef = useRef(null);
@@ -1075,7 +1075,7 @@ var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   );
 };
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 import { css as css9 } from "@emotion/react";
 import { Icon as Icon2, useOutsideClick as useOutsideClick2 } from "@uniformdev/design-system";
 import { useEffect, useRef as useRef2, useState as useState2 } from "react";
@@ -1093,7 +1093,7 @@ function openWindowWithCloseCallback(href, callback) {
   }, 500);
 }
 
-// src/components/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
 import { css as css8 } from "@emotion/react";
 import { mq as mq2 } from "@uniformdev/design-system";
 var selectedItemContainer = css8`
@@ -1177,7 +1177,7 @@ var selectItemLinkBtn = css8`
   }
 `;
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 import { jsx as jsx20, jsxs as jsxs9 } from "@emotion/react/jsx-runtime";
 var DefaultSelectedItem = ({
   selectedItem,
@@ -1360,7 +1360,7 @@ var DefaultSelectedItem = ({
   ] }) }, selectedItem.id);
 };
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 import { css as css11 } from "@emotion/react";
 import {
   Button,
@@ -1411,7 +1411,7 @@ function useLoadingDelay(loading, { delay = 500, minDuration = 200 } = {
   return state === "DISPLAY" || state === "EXPIRE";
 }
 
-// src/components/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/legacy/EntrySearch/styles/EntrySearch.styles.ts
 import { css as css10 } from "@emotion/react";
 var entrySearchWrapper = css10`
   background: var(--white);
@@ -1522,7 +1522,7 @@ var badgeIcon = css10`
   height: calc(var(--spacing-lg) + var(--spacing-xs));
 `;
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
 var DefaultNoResults = ({ searchText, selectedContentType }) => {
   let message = "No content found";
@@ -2864,7 +2864,7 @@ function VariablesProvider({
   children
 }) {
   const [editing, setEditing] = React10.useState();
-  const Editor2 = editVariableComponent != null ? editVariableComponent : VariableEditor;
+  const Editor = editVariableComponent != null ? editVariableComponent : VariableEditor;
   const contextValue = {
     dispatch: (event) => {
       if (event.type === "set") {
@@ -2890,7 +2890,7 @@ function VariablesProvider({
   return /* @__PURE__ */ jsxs17(VariablesContext.Provider, { value: contextValue, children: [
     children,
     typeof editing !== "undefined" ? /* @__PURE__ */ jsx29(
-      Editor2,
+      Editor,
       {
         onSubmit: (val) => {
           setEditing(void 0);
@@ -3265,8 +3265,7 @@ function TextVariableRenderer({ definition, value, setValue }) {
 
 // src/components/Request/RequestBody.tsx
 import { css as css23 } from "@emotion/react";
-import Editor from "@monaco-editor/react";
-import { InputSelect as InputSelect4 } from "@uniformdev/design-system";
+import { InputSelect as InputSelect4, JsonEditor } from "@uniformdev/design-system";
 import { useState as useState8 } from "react";
 
 // src/components/Request/RequestProvider.tsx
@@ -3432,16 +3431,10 @@ function RequestBody() {
           }
         ),
         /* @__PURE__ */ jsx36(
-          Editor,
+          JsonEditor,
           {
             height: 200,
-            value: request.body,
-            language,
-            options: {
-              language,
-              minimap: { enabled: false },
-              folding: false
-            },
+            defaultValue: request.body,
             onChange: (body) => {
               if (body) {
                 dispatch({ type: "setBody", body, contentType: LANGUAGE_TO_CONTENT_TYPE[language] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "18.24.1-alpha.1+65e77b560",
+  "version": "18.25.1-alpha.16+650a7b092",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -43,11 +43,9 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@monaco-editor/react": "4.4.6",
-    "@uniformdev/design-system": "18.24.1-alpha.1+65e77b560",
-    "@uniformdev/mesh-sdk": "18.24.1-alpha.1+65e77b560",
+    "@uniformdev/design-system": "18.25.1-alpha.16+650a7b092",
+    "@uniformdev/mesh-sdk": "18.25.1-alpha.16+650a7b092",
     "formik": "^2.2.9",
-    "monaco-editor": "0.36.1",
     "react-beautiful-dnd": "13.1.1",
     "react-icons": "4.8.0",
     "react-use": "17.4.0",
@@ -75,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "65e77b56039b0c688518358a8402acd84686e9e0"
+  "gitHead": "650a7b092914e3eb21d60d103de9e8af96e4575f"
 }