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

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/legacy/EntrySearch/DefaultSearchRow.tsx
+// src/components/EntrySearch/DefaultSearchRow.tsx
 import { css as css7 } from "@emotion/react";
 import { useOutsideClick } from "@uniformdev/design-system";
 import { useRef, useState } from "react";
 
-// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/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/legacy/EntrySearch/DefaultSearchRow.tsx
+// src/components/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/legacy/EntrySearch/DefaultSelectedItem.tsx
+// src/components/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/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/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/legacy/EntrySearch/DefaultSelectedItem.tsx
+// src/components/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/legacy/EntrySearch/EntrySearch.tsx
+// src/components/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/legacy/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/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/legacy/EntrySearch/EntrySearch.tsx
+// src/components/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";
@@ -2691,13 +2691,18 @@ var UniformMeshLocationContextProvider = ({
 }) => {
   const sdk = useUniformMeshSdk();
   const [location, setLocation] = useState6(sdk.getCurrentLocation());
-  const valueChangeListener = (event) => {
-    setLocation((old) => ({ ...old, value: event.newValue }));
-  };
   useMemo3(() => {
+    const valueChangeListener = (event) => {
+      setLocation((old) => ({ ...old, value: event.newValue }));
+    };
+    const metaChangeListener = (event) => {
+      setLocation((old) => ({ ...old, metadata: event.newValue }));
+    };
     sdk.events.on("onValueChanged", valueChangeListener);
+    sdk.events.on("onMetadataChanged", metaChangeListener);
     return () => {
       sdk.events.off("onValueChanged", valueChangeListener);
+      sdk.events.off("onMetadataChanged", metaChangeListener);
     };
   }, [sdk]);
   return /* @__PURE__ */ jsx27(UniformMeshLocationContext.Provider, { value: { location }, children });

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/legacy/EntrySearch/DefaultSearchRow.tsx
+// src/components/EntrySearch/DefaultSearchRow.tsx
 var import_react9 = require("@emotion/react");
 var import_design_system4 = require("@uniformdev/design-system");
 var import_react10 = require("react");
 
-// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/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/legacy/EntrySearch/DefaultSearchRow.tsx
+// src/components/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/legacy/EntrySearch/DefaultSelectedItem.tsx
+// src/components/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/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/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/legacy/EntrySearch/DefaultSelectedItem.tsx
+// src/components/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/legacy/EntrySearch/EntrySearch.tsx
+// src/components/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/legacy/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/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/legacy/EntrySearch/EntrySearch.tsx
+// src/components/EntrySearch/EntrySearch.tsx
 var import_jsx_runtime21 = require("@emotion/react/jsx-runtime");
 var DefaultNoResults = ({ searchText, selectedContentType }) => {
   let message = "No content found";
@@ -2860,13 +2860,18 @@ var UniformMeshLocationContextProvider = ({
 }) => {
   const sdk = useUniformMeshSdk();
   const [location, setLocation] = (0, import_react26.useState)(sdk.getCurrentLocation());
-  const valueChangeListener = (event) => {
-    setLocation((old) => ({ ...old, value: event.newValue }));
-  };
   (0, import_react26.useMemo)(() => {
+    const valueChangeListener = (event) => {
+      setLocation((old) => ({ ...old, value: event.newValue }));
+    };
+    const metaChangeListener = (event) => {
+      setLocation((old) => ({ ...old, metadata: event.newValue }));
+    };
     sdk.events.on("onValueChanged", valueChangeListener);
+    sdk.events.on("onMetadataChanged", metaChangeListener);
     return () => {
       sdk.events.off("onValueChanged", valueChangeListener);
+      sdk.events.off("onMetadataChanged", metaChangeListener);
     };
   }, [sdk]);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UniformMeshLocationContext.Provider, { value: { location }, children });

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/legacy/EntrySearch/DefaultSearchRow.tsx
+// src/components/EntrySearch/DefaultSearchRow.tsx
 import { css as css7 } from "@emotion/react";
 import { useOutsideClick } from "@uniformdev/design-system";
 import { useRef, useState } from "react";
 
-// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/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/legacy/EntrySearch/DefaultSearchRow.tsx
+// src/components/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/legacy/EntrySearch/DefaultSelectedItem.tsx
+// src/components/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/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/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/legacy/EntrySearch/DefaultSelectedItem.tsx
+// src/components/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/legacy/EntrySearch/EntrySearch.tsx
+// src/components/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/legacy/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/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/legacy/EntrySearch/EntrySearch.tsx
+// src/components/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";
@@ -2691,13 +2691,18 @@ var UniformMeshLocationContextProvider = ({
 }) => {
   const sdk = useUniformMeshSdk();
   const [location, setLocation] = useState6(sdk.getCurrentLocation());
-  const valueChangeListener = (event) => {
-    setLocation((old) => ({ ...old, value: event.newValue }));
-  };
   useMemo3(() => {
+    const valueChangeListener = (event) => {
+      setLocation((old) => ({ ...old, value: event.newValue }));
+    };
+    const metaChangeListener = (event) => {
+      setLocation((old) => ({ ...old, metadata: event.newValue }));
+    };
     sdk.events.on("onValueChanged", valueChangeListener);
+    sdk.events.on("onMetadataChanged", metaChangeListener);
     return () => {
       sdk.events.off("onValueChanged", valueChangeListener);
+      sdk.events.off("onMetadataChanged", metaChangeListener);
     };
   }, [sdk]);
   return /* @__PURE__ */ jsx27(UniformMeshLocationContext.Provider, { value: { location }, children });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "18.25.1-alpha.16+650a7b092",
+  "version": "18.27.0",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -43,8 +43,8 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/design-system": "18.25.1-alpha.16+650a7b092",
-    "@uniformdev/mesh-sdk": "18.25.1-alpha.16+650a7b092",
+    "@uniformdev/design-system": "18.27.0",
+    "@uniformdev/mesh-sdk": "18.27.0",
     "formik": "^2.2.9",
     "react-beautiful-dnd": "13.1.1",
     "react-icons": "4.8.0",
@@ -62,7 +62,7 @@
     "@emotion/react": "11.10.5",
     "@svgr/cli": "6.5.1",
     "@types/react": "18.0.28",
-    "@types/react-beautiful-dnd": "13.1.3",
+    "@types/react-beautiful-dnd": "13.1.4",
     "@types/uuid": "9.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0"
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "650a7b092914e3eb21d60d103de9e8af96e4575f"
+  "gitHead": "2f40af577d2f8ce537e857f8fbc08b4030e73cd1"
 }