@uniformdev/mesh-sdk-react 20.46.1-alpha.9 → 20.47.0

package/LICENSE.txt

@@ -1,2 +1,2 @@
-© 2025 Uniform Systems, Inc. All Rights Reserved.
+© 2026 Uniform Systems, Inc. All Rights Reserved.
 See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula

package/dist/index.d.mts

@@ -1295,8 +1295,11 @@ type RequestParametersProps = Pick<InputVariablesProps, 'disableVariables'>;
 declare function RequestParameters({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_jsx_runtime.JSX.Element;
 
 type RequestParameter = {
+    /** The key of the parameter */
     key: string;
+    /** The value of the parameter */
     value: string;
+    /** Whether to remove the parameter value if it is empty (which can occur if using a variable value) */
     omitIfEmpty?: boolean;
 };
 type BaseRequestData = {
@@ -1347,6 +1350,10 @@ type RequestActionContext = {
 type RequestContext = {
     dispatch: (event: RequestAction, ctx?: RequestActionContext) => void;
     request: Readonly<RequestData>;
+    /** Version number that increments when header or parameter list items are removed,
+     * used to control remounting of the list item rows and prevent stale visible state due to lack of dom diff.
+     */
+    listVersion: number;
 };
 /** Provides a mutable HTTP request object context. Components such as RequestBody and RequestUrl use this context to render. */
 declare function RequestProvider({ value, onChange, children }: RequestProviderProps): _emotion_react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1295,8 +1295,11 @@ type RequestParametersProps = Pick<InputVariablesProps, 'disableVariables'>;
 declare function RequestParameters({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_jsx_runtime.JSX.Element;
 
 type RequestParameter = {
+    /** The key of the parameter */
     key: string;
+    /** The value of the parameter */
     value: string;
+    /** Whether to remove the parameter value if it is empty (which can occur if using a variable value) */
     omitIfEmpty?: boolean;
 };
 type BaseRequestData = {
@@ -1347,6 +1350,10 @@ type RequestActionContext = {
 type RequestContext = {
     dispatch: (event: RequestAction, ctx?: RequestActionContext) => void;
     request: Readonly<RequestData>;
+    /** Version number that increments when header or parameter list items are removed,
+     * used to control remounting of the list item rows and prevent stale visible state due to lack of dom diff.
+     */
+    listVersion: number;
 };
 /** Provides a mutable HTTP request object context. Components such as RequestBody and RequestUrl use this context to render. */
 declare function RequestProvider({ value, onChange, children }: RequestProviderProps): _emotion_react_jsx_runtime.JSX.Element;

package/dist/index.esm.js

@@ -3181,13 +3181,14 @@ function TextVariableRenderer({ definition, value, setValue }) {
 // src/components/Request/RequestBody.tsx
 import { css as css12 } from "@emotion/react";
 import { InputSelect, JsonEditor } from "@uniformdev/design-system";
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 
 // src/components/Request/RequestProvider.tsx
 import * as React5 from "react";
 import { jsx as jsx36 } from "@emotion/react/jsx-runtime";
 var RequestContext = React5.createContext(null);
 function RequestProvider({ value, onChange, children }) {
+  const [listVersion, setListVersion] = React5.useState(0);
   const contextValue = React5.useMemo(() => {
     return {
       dispatch: (event) => {
@@ -3207,6 +3208,7 @@ function RequestProvider({ value, onChange, children }) {
             return { ...old, parameters: newParameters };
           });
         } else if (event.type === "removeParameter") {
+          setListVersion((v) => v + 1);
           onChange((old) => {
             const newParameters = [...old.parameters];
             newParameters.splice(event.index, 1);
@@ -3223,6 +3225,7 @@ function RequestProvider({ value, onChange, children }) {
             return { ...old, headers: newHeaders };
           });
         } else if (event.type === "removeHeader") {
+          setListVersion((v) => v + 1);
           onChange((old) => {
             const newHeaders = [...old.headers];
             newHeaders.splice(event.index, 1);
@@ -3251,9 +3254,10 @@ function RequestProvider({ value, onChange, children }) {
           throw new Error(`Unknown event ${JSON.stringify(event)}`);
         }
       },
-      request: value
+      request: value,
+      listVersion
     };
-  }, [onChange, value]);
+  }, [onChange, value, listVersion]);
   return /* @__PURE__ */ jsx36(RequestContext.Provider, { value: contextValue, children });
 }
 function useRequest() {
@@ -3307,7 +3311,7 @@ var LANGUAGE_TO_CONTENT_TYPE = {
 };
 function RequestBody() {
   const { request, dispatch } = useRequest();
-  const [language, setLanguage] = useState9("json");
+  const [language, setLanguage] = useState10("json");
   return /* @__PURE__ */ jsxs17(
     "div",
     {
@@ -3380,7 +3384,7 @@ function RequestHeaders({
   addOmitIfEmpty
 }) {
   var _a, _b;
-  const { dispatch, request } = useRequest();
+  const { dispatch, request, listVersion } = useRequest();
   const deezHeaders = [...request.headers, { key: "", value: "" }];
   const handleUpdateParamFromMenu = ({
     key,
@@ -3466,7 +3470,7 @@ function RequestHeaders({
               })
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3511,7 +3515,7 @@ function RequestParameters({
   addOmitIfEmpty
 }) {
   var _a, _b;
-  const { dispatch, request } = useRequest();
+  const { dispatch, request, listVersion } = useRequest();
   const deezParameters = [...request.parameters, { key: "", value: "" }];
   const handleUpdateParamFromMenu = ({
     key,
@@ -3609,7 +3613,7 @@ function RequestParameters({
               }
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3891,10 +3895,10 @@ import { LoadingIndicator as LoadingIndicator2, Theme as Theme2 } from "@uniform
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 import { initializeUniformMeshSDK } from "@uniformdev/mesh-sdk";
-import { useEffect as useEffect12, useRef as useRef7, useState as useState10 } from "react";
+import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = useState10();
-  const [sdk, setSdk] = useState10();
+  const [error, setError] = useState11();
+  const [sdk, setSdk] = useState11();
   const initializationInProgress = useRef7(false);
   useEffect12(
     () => {
@@ -3989,7 +3993,7 @@ import {
   useContext as useContext5,
   useDeferredValue,
   useMemo as useMemo12,
-  useState as useState11
+  useState as useState12
 } from "react";
 import { jsx as jsx48 } from "@emotion/react/jsx-runtime";
 var ObjectSearchContext = createContext5({
@@ -4013,15 +4017,15 @@ var ObjectSearchProvider = ({
   children,
   defaultQuery
 }) => {
-  const [query, setQuery] = useState11({
+  const [query, setQuery] = useState12({
     contentType: "",
     keyword: "",
     ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
   const querySearchDeferred = useDeferredValue(query);
-  const [selectedItems, setSelectedItems] = useState11(currentlySelectedItems != null ? currentlySelectedItems : []);
-  const [list, setList] = useState11({});
+  const [selectedItems, setSelectedItems] = useState12(currentlySelectedItems != null ? currentlySelectedItems : []);
+  const [list, setList] = useState12({});
   const onSetQuery = useCallback5(
     (value2) => {
       if (Array.isArray(value2.contentType) && value2.contentType.length > 0) {
@@ -4337,7 +4341,7 @@ var DefaultResultList = () => {
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
 import { DebouncedInputKeywordSearch, InputSelect as InputSelect3 } from "@uniformdev/design-system";
-import { useMemo as useMemo13, useState as useState12 } from "react";
+import { useMemo as useMemo13, useState as useState13 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
 import { css as css17 } from "@emotion/react";
@@ -4371,7 +4375,7 @@ var ObjectSearchFilter = ({
 }) => {
   var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [searchState, setSearchState] = useState12({
+  const [searchState, setSearchState] = useState13({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : ""
   });
@@ -4793,7 +4797,7 @@ function ObjectSearchResultList({
 
 // src/components/ObjectSearch/QueryFilter.tsx
 import { DebouncedInputKeywordSearch as DebouncedInputKeywordSearch2, Input as Input4, InputSelect as InputSelect4, VerticalRhythm as VerticalRhythm4 } from "@uniformdev/design-system";
-import { useEffect as useEffect13, useState as useState13 } from "react";
+import { useEffect as useEffect13, useState as useState14 } from "react";
 import { jsx as jsx57, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
 var QueryFilter = ({
   requireContentType,
@@ -4822,7 +4826,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [queryState, setQueryState] = useState13({
+  const [queryState, setQueryState] = useState14({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : "",
     count: (_c = query.count) != null ? _c : 5,
@@ -5447,7 +5451,7 @@ var MULTI_SELECT_OPERATORS = [
 
 // src/components/SearchAndFilter/editors/DateEditor.tsx
 import { Input as Input5 } from "@uniformdev/design-system";
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import { jsx as jsx59 } from "@emotion/react/jsx-runtime";
 var DateEditor = ({
@@ -5458,7 +5462,7 @@ var DateEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState14(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState15(value != null ? value : "");
   useDebounce2(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ jsx59(
     Input5,
@@ -5477,7 +5481,7 @@ var DateEditor = ({
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
 import { Input as Input6 } from "@uniformdev/design-system";
-import { useEffect as useEffect15, useState as useState15 } from "react";
+import { useEffect as useEffect15, useState as useState16 } from "react";
 import { useDebounce as useDebounce3 } from "react-use";
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
@@ -5513,9 +5517,9 @@ var DateRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minDateValue, setMinDateValue] = useState15(value ? value[0] : "");
-  const [maxDateValue, setMaxDateValue] = useState15(value ? value[1] : "");
-  const [error, setError] = useState15("");
+  const [minDateValue, setMinDateValue] = useState16(value ? value[0] : "");
+  const [maxDateValue, setMaxDateValue] = useState16(value ? value[1] : "");
+  const [error, setError] = useState16("");
   useDebounce3(
     () => {
       if (minDateValue && maxDateValue && !error) {
@@ -5710,7 +5714,7 @@ var FilterSingleChoiceEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberEditor.tsx
 import { Input as Input7 } from "@uniformdev/design-system";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { useDebounce as useDebounce4 } from "react-use";
 import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
 var NumberEditor = ({
@@ -5721,7 +5725,7 @@ var NumberEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState16(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState17(value != null ? value : "");
   useDebounce4(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ jsx64(
     Input7,
@@ -5741,7 +5745,7 @@ var NumberEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
 import { Input as Input8 } from "@uniformdev/design-system";
-import { useEffect as useEffect16, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState18 } from "react";
 import { useDebounce as useDebounce5 } from "react-use";
 import { Fragment as Fragment12, jsx as jsx65, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 var NumberRangeEditor = ({
@@ -5752,9 +5756,9 @@ var NumberRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minValue, setMinValue] = useState17("");
-  const [maxValue, setMaxValue] = useState17("");
-  const [error, setError] = useState17("");
+  const [minValue, setMinValue] = useState18("");
+  const [maxValue, setMaxValue] = useState18("");
+  const [error, setError] = useState18("");
   useDebounce5(
     () => {
       if (minValue && maxValue && !error) {
@@ -5942,7 +5946,7 @@ var StatusSingleEditor = ({
 
 // src/components/SearchAndFilter/editors/TextEditor.tsx
 import { Input as Input9 } from "@uniformdev/design-system";
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { useDebounce as useDebounce6 } from "react-use";
 import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
 var TextEditor = ({
@@ -5952,7 +5956,7 @@ var TextEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState18(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState19(value != null ? value : "");
   useDebounce6(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ jsx69(
     Input9,
@@ -6316,7 +6320,7 @@ import { CgClose } from "@react-icons/all-files/cg/CgClose";
 import { hasReferencedVariables as hasReferencedVariables2 } from "@uniformdev/canvas";
 import { Icon as Icon3, InputKeywordSearch } from "@uniformdev/design-system";
 import { CLEAR_EDITOR_COMMAND as CLEAR_EDITOR_COMMAND2 } from "lexical";
-import { useEffect as useEffect18, useRef as useRef9, useState as useState20 } from "react";
+import { useEffect as useEffect18, useRef as useRef9, useState as useState21 } from "react";
 import { useDebounce as useDebounce7 } from "react-use";
 import { v4 as v42 } from "uuid";
 
@@ -6329,7 +6333,7 @@ import {
   useDeferredValue as useDeferredValue2,
   useEffect as useEffect17,
   useMemo as useMemo20,
-  useState as useState19
+  useState as useState20
 } from "react";
 
 // src/components/SearchAndFilter/FilterEditor.tsx
@@ -6443,9 +6447,9 @@ var SearchAndFilterProvider = ({
   children,
   allowBindingSearchTerm
 }) => {
-  const [searchTerm, setSearchTerm] = useState19(defaultSearchTerm);
+  const [searchTerm, setSearchTerm] = useState20(defaultSearchTerm);
   const deferredSearchTerm = useDeferredValue2(searchTerm);
-  const [filterVisibility, setFilterVisibility] = useState19(alwaysVisible || filterVisible);
+  const [filterVisibility, setFilterVisibility] = useState20(alwaysVisible || filterVisible);
   const handleSearchTerm = useCallback6(
     (term) => {
       setSearchTerm(term);
@@ -6542,8 +6546,8 @@ var FilterControls = ({
   } = useSearchAndFilter();
   const editorRef = useRef9(null);
   const variableRefernceCountInSearchTerm = hasReferencedVariables2(searchTerm);
-  const [idToResetInputVariables, setIdToResetInputVariables] = useState20("data-resource-search-term-input");
-  const [localSearchTerm, setLocalSearchTerm] = useState20(searchTerm);
+  const [idToResetInputVariables, setIdToResetInputVariables] = useState21("data-resource-search-term-input");
+  const [localSearchTerm, setLocalSearchTerm] = useState21(searchTerm);
   useDebounce7(
     () => {
       setSearchTerm(localSearchTerm);
@@ -7162,7 +7166,7 @@ var SearchAndFilter = ({
 
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
 import { InputKeywordSearch as InputKeywordSearch2 } from "@uniformdev/design-system";
-import { createContext as createContext7, useState as useState21 } from "react";
+import { createContext as createContext7, useState as useState22 } from "react";
 import { useDebounce as useDebounce8 } from "react-use";
 import { jsx as jsx80 } from "@emotion/react/jsx-runtime";
 var SearchOnlyContext = createContext7({
@@ -7172,7 +7176,7 @@ var SearchOnlyContext = createContext7({
 });
 var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
   const { searchTerm, setSearchTerm } = useSearchAndFilter();
-  const [localeSearchTerm, setLocaleSearchTerm] = useState21("");
+  const [localeSearchTerm, setLocaleSearchTerm] = useState22("");
   useDebounce8(
     () => {
       setSearchTerm(localeSearchTerm);

package/dist/index.js

@@ -3306,6 +3306,7 @@ var React5 = __toESM(require("react"));
 var import_jsx_runtime35 = require("@emotion/react/jsx-runtime");
 var RequestContext = React5.createContext(null);
 function RequestProvider({ value, onChange, children }) {
+  const [listVersion, setListVersion] = React5.useState(0);
   const contextValue = React5.useMemo(() => {
     return {
       dispatch: (event) => {
@@ -3325,6 +3326,7 @@ function RequestProvider({ value, onChange, children }) {
             return { ...old, parameters: newParameters };
           });
         } else if (event.type === "removeParameter") {
+          setListVersion((v) => v + 1);
           onChange((old) => {
             const newParameters = [...old.parameters];
             newParameters.splice(event.index, 1);
@@ -3341,6 +3343,7 @@ function RequestProvider({ value, onChange, children }) {
             return { ...old, headers: newHeaders };
           });
         } else if (event.type === "removeHeader") {
+          setListVersion((v) => v + 1);
           onChange((old) => {
             const newHeaders = [...old.headers];
             newHeaders.splice(event.index, 1);
@@ -3369,9 +3372,10 @@ function RequestProvider({ value, onChange, children }) {
           throw new Error(`Unknown event ${JSON.stringify(event)}`);
         }
       },
-      request: value
+      request: value,
+      listVersion
     };
-  }, [onChange, value]);
+  }, [onChange, value, listVersion]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RequestContext.Provider, { value: contextValue, children });
 }
 function useRequest() {
@@ -3488,7 +3492,7 @@ function RequestHeaders({
   addOmitIfEmpty
 }) {
   var _a, _b;
-  const { dispatch, request } = useRequest();
+  const { dispatch, request, listVersion } = useRequest();
   const deezHeaders = [...request.headers, { key: "", value: "" }];
   const handleUpdateParamFromMenu = ({
     key,
@@ -3574,7 +3578,7 @@ function RequestHeaders({
               })
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3609,7 +3613,7 @@ function RequestParameters({
   addOmitIfEmpty
 }) {
   var _a, _b;
-  const { dispatch, request } = useRequest();
+  const { dispatch, request, listVersion } = useRequest();
   const deezParameters = [...request.parameters, { key: "", value: "" }];
   const handleUpdateParamFromMenu = ({
     key,
@@ -3707,7 +3711,7 @@ function RequestParameters({
               }
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });

package/dist/index.mjs

@@ -3181,13 +3181,14 @@ function TextVariableRenderer({ definition, value, setValue }) {
 // src/components/Request/RequestBody.tsx
 import { css as css12 } from "@emotion/react";
 import { InputSelect, JsonEditor } from "@uniformdev/design-system";
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 
 // src/components/Request/RequestProvider.tsx
 import * as React5 from "react";
 import { jsx as jsx36 } from "@emotion/react/jsx-runtime";
 var RequestContext = React5.createContext(null);
 function RequestProvider({ value, onChange, children }) {
+  const [listVersion, setListVersion] = React5.useState(0);
   const contextValue = React5.useMemo(() => {
     return {
       dispatch: (event) => {
@@ -3207,6 +3208,7 @@ function RequestProvider({ value, onChange, children }) {
             return { ...old, parameters: newParameters };
           });
         } else if (event.type === "removeParameter") {
+          setListVersion((v) => v + 1);
           onChange((old) => {
             const newParameters = [...old.parameters];
             newParameters.splice(event.index, 1);
@@ -3223,6 +3225,7 @@ function RequestProvider({ value, onChange, children }) {
             return { ...old, headers: newHeaders };
           });
         } else if (event.type === "removeHeader") {
+          setListVersion((v) => v + 1);
           onChange((old) => {
             const newHeaders = [...old.headers];
             newHeaders.splice(event.index, 1);
@@ -3251,9 +3254,10 @@ function RequestProvider({ value, onChange, children }) {
           throw new Error(`Unknown event ${JSON.stringify(event)}`);
         }
       },
-      request: value
+      request: value,
+      listVersion
     };
-  }, [onChange, value]);
+  }, [onChange, value, listVersion]);
   return /* @__PURE__ */ jsx36(RequestContext.Provider, { value: contextValue, children });
 }
 function useRequest() {
@@ -3307,7 +3311,7 @@ var LANGUAGE_TO_CONTENT_TYPE = {
 };
 function RequestBody() {
   const { request, dispatch } = useRequest();
-  const [language, setLanguage] = useState9("json");
+  const [language, setLanguage] = useState10("json");
   return /* @__PURE__ */ jsxs17(
     "div",
     {
@@ -3380,7 +3384,7 @@ function RequestHeaders({
   addOmitIfEmpty
 }) {
   var _a, _b;
-  const { dispatch, request } = useRequest();
+  const { dispatch, request, listVersion } = useRequest();
   const deezHeaders = [...request.headers, { key: "", value: "" }];
   const handleUpdateParamFromMenu = ({
     key,
@@ -3466,7 +3470,7 @@ function RequestHeaders({
               })
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3511,7 +3515,7 @@ function RequestParameters({
   addOmitIfEmpty
 }) {
   var _a, _b;
-  const { dispatch, request } = useRequest();
+  const { dispatch, request, listVersion } = useRequest();
   const deezParameters = [...request.parameters, { key: "", value: "" }];
   const handleUpdateParamFromMenu = ({
     key,
@@ -3609,7 +3613,7 @@ function RequestParameters({
               }
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3891,10 +3895,10 @@ import { LoadingIndicator as LoadingIndicator2, Theme as Theme2 } from "@uniform
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 import { initializeUniformMeshSDK } from "@uniformdev/mesh-sdk";
-import { useEffect as useEffect12, useRef as useRef7, useState as useState10 } from "react";
+import { useEffect as useEffect12, useRef as useRef7, useState as useState11 } from "react";
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = useState10();
-  const [sdk, setSdk] = useState10();
+  const [error, setError] = useState11();
+  const [sdk, setSdk] = useState11();
   const initializationInProgress = useRef7(false);
   useEffect12(
     () => {
@@ -3989,7 +3993,7 @@ import {
   useContext as useContext5,
   useDeferredValue,
   useMemo as useMemo12,
-  useState as useState11
+  useState as useState12
 } from "react";
 import { jsx as jsx48 } from "@emotion/react/jsx-runtime";
 var ObjectSearchContext = createContext5({
@@ -4013,15 +4017,15 @@ var ObjectSearchProvider = ({
   children,
   defaultQuery
 }) => {
-  const [query, setQuery] = useState11({
+  const [query, setQuery] = useState12({
     contentType: "",
     keyword: "",
     ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
   const querySearchDeferred = useDeferredValue(query);
-  const [selectedItems, setSelectedItems] = useState11(currentlySelectedItems != null ? currentlySelectedItems : []);
-  const [list, setList] = useState11({});
+  const [selectedItems, setSelectedItems] = useState12(currentlySelectedItems != null ? currentlySelectedItems : []);
+  const [list, setList] = useState12({});
   const onSetQuery = useCallback5(
     (value2) => {
       if (Array.isArray(value2.contentType) && value2.contentType.length > 0) {
@@ -4337,7 +4341,7 @@ var DefaultResultList = () => {
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
 import { DebouncedInputKeywordSearch, InputSelect as InputSelect3 } from "@uniformdev/design-system";
-import { useMemo as useMemo13, useState as useState12 } from "react";
+import { useMemo as useMemo13, useState as useState13 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
 import { css as css17 } from "@emotion/react";
@@ -4371,7 +4375,7 @@ var ObjectSearchFilter = ({
 }) => {
   var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [searchState, setSearchState] = useState12({
+  const [searchState, setSearchState] = useState13({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : ""
   });
@@ -4793,7 +4797,7 @@ function ObjectSearchResultList({
 
 // src/components/ObjectSearch/QueryFilter.tsx
 import { DebouncedInputKeywordSearch as DebouncedInputKeywordSearch2, Input as Input4, InputSelect as InputSelect4, VerticalRhythm as VerticalRhythm4 } from "@uniformdev/design-system";
-import { useEffect as useEffect13, useState as useState13 } from "react";
+import { useEffect as useEffect13, useState as useState14 } from "react";
 import { jsx as jsx57, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
 var QueryFilter = ({
   requireContentType,
@@ -4822,7 +4826,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [queryState, setQueryState] = useState13({
+  const [queryState, setQueryState] = useState14({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : "",
     count: (_c = query.count) != null ? _c : 5,
@@ -5447,7 +5451,7 @@ var MULTI_SELECT_OPERATORS = [
 
 // src/components/SearchAndFilter/editors/DateEditor.tsx
 import { Input as Input5 } from "@uniformdev/design-system";
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import { jsx as jsx59 } from "@emotion/react/jsx-runtime";
 var DateEditor = ({
@@ -5458,7 +5462,7 @@ var DateEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState14(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState15(value != null ? value : "");
   useDebounce2(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ jsx59(
     Input5,
@@ -5477,7 +5481,7 @@ var DateEditor = ({
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
 import { Input as Input6 } from "@uniformdev/design-system";
-import { useEffect as useEffect15, useState as useState15 } from "react";
+import { useEffect as useEffect15, useState as useState16 } from "react";
 import { useDebounce as useDebounce3 } from "react-use";
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
@@ -5513,9 +5517,9 @@ var DateRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minDateValue, setMinDateValue] = useState15(value ? value[0] : "");
-  const [maxDateValue, setMaxDateValue] = useState15(value ? value[1] : "");
-  const [error, setError] = useState15("");
+  const [minDateValue, setMinDateValue] = useState16(value ? value[0] : "");
+  const [maxDateValue, setMaxDateValue] = useState16(value ? value[1] : "");
+  const [error, setError] = useState16("");
   useDebounce3(
     () => {
       if (minDateValue && maxDateValue && !error) {
@@ -5710,7 +5714,7 @@ var FilterSingleChoiceEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberEditor.tsx
 import { Input as Input7 } from "@uniformdev/design-system";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { useDebounce as useDebounce4 } from "react-use";
 import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
 var NumberEditor = ({
@@ -5721,7 +5725,7 @@ var NumberEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState16(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState17(value != null ? value : "");
   useDebounce4(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ jsx64(
     Input7,
@@ -5741,7 +5745,7 @@ var NumberEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
 import { Input as Input8 } from "@uniformdev/design-system";
-import { useEffect as useEffect16, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState18 } from "react";
 import { useDebounce as useDebounce5 } from "react-use";
 import { Fragment as Fragment12, jsx as jsx65, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 var NumberRangeEditor = ({
@@ -5752,9 +5756,9 @@ var NumberRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minValue, setMinValue] = useState17("");
-  const [maxValue, setMaxValue] = useState17("");
-  const [error, setError] = useState17("");
+  const [minValue, setMinValue] = useState18("");
+  const [maxValue, setMaxValue] = useState18("");
+  const [error, setError] = useState18("");
   useDebounce5(
     () => {
       if (minValue && maxValue && !error) {
@@ -5942,7 +5946,7 @@ var StatusSingleEditor = ({
 
 // src/components/SearchAndFilter/editors/TextEditor.tsx
 import { Input as Input9 } from "@uniformdev/design-system";
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { useDebounce as useDebounce6 } from "react-use";
 import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
 var TextEditor = ({
@@ -5952,7 +5956,7 @@ var TextEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = useState18(value != null ? value : "");
+  const [innerValue, setInnerValue] = useState19(value != null ? value : "");
   useDebounce6(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ jsx69(
     Input9,
@@ -6316,7 +6320,7 @@ import { CgClose } from "@react-icons/all-files/cg/CgClose";
 import { hasReferencedVariables as hasReferencedVariables2 } from "@uniformdev/canvas";
 import { Icon as Icon3, InputKeywordSearch } from "@uniformdev/design-system";
 import { CLEAR_EDITOR_COMMAND as CLEAR_EDITOR_COMMAND2 } from "lexical";
-import { useEffect as useEffect18, useRef as useRef9, useState as useState20 } from "react";
+import { useEffect as useEffect18, useRef as useRef9, useState as useState21 } from "react";
 import { useDebounce as useDebounce7 } from "react-use";
 import { v4 as v42 } from "uuid";
 
@@ -6329,7 +6333,7 @@ import {
   useDeferredValue as useDeferredValue2,
   useEffect as useEffect17,
   useMemo as useMemo20,
-  useState as useState19
+  useState as useState20
 } from "react";
 
 // src/components/SearchAndFilter/FilterEditor.tsx
@@ -6443,9 +6447,9 @@ var SearchAndFilterProvider = ({
   children,
   allowBindingSearchTerm
 }) => {
-  const [searchTerm, setSearchTerm] = useState19(defaultSearchTerm);
+  const [searchTerm, setSearchTerm] = useState20(defaultSearchTerm);
   const deferredSearchTerm = useDeferredValue2(searchTerm);
-  const [filterVisibility, setFilterVisibility] = useState19(alwaysVisible || filterVisible);
+  const [filterVisibility, setFilterVisibility] = useState20(alwaysVisible || filterVisible);
   const handleSearchTerm = useCallback6(
     (term) => {
       setSearchTerm(term);
@@ -6542,8 +6546,8 @@ var FilterControls = ({
   } = useSearchAndFilter();
   const editorRef = useRef9(null);
   const variableRefernceCountInSearchTerm = hasReferencedVariables2(searchTerm);
-  const [idToResetInputVariables, setIdToResetInputVariables] = useState20("data-resource-search-term-input");
-  const [localSearchTerm, setLocalSearchTerm] = useState20(searchTerm);
+  const [idToResetInputVariables, setIdToResetInputVariables] = useState21("data-resource-search-term-input");
+  const [localSearchTerm, setLocalSearchTerm] = useState21(searchTerm);
   useDebounce7(
     () => {
       setSearchTerm(localSearchTerm);
@@ -7162,7 +7166,7 @@ var SearchAndFilter = ({
 
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
 import { InputKeywordSearch as InputKeywordSearch2 } from "@uniformdev/design-system";
-import { createContext as createContext7, useState as useState21 } from "react";
+import { createContext as createContext7, useState as useState22 } from "react";
 import { useDebounce as useDebounce8 } from "react-use";
 import { jsx as jsx80 } from "@emotion/react/jsx-runtime";
 var SearchOnlyContext = createContext7({
@@ -7172,7 +7176,7 @@ var SearchOnlyContext = createContext7({
 });
 var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
   const { searchTerm, setSearchTerm } = useSearchAndFilter();
-  const [localeSearchTerm, setLocaleSearchTerm] = useState21("");
+  const [localeSearchTerm, setLocaleSearchTerm] = useState22("");
   useDebounce8(
     () => {
       setSearchTerm(localeSearchTerm);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.46.1-alpha.9+14b25be438",
+  "version": "20.47.0",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,10 +50,10 @@
     "@lexical/selection": "0.25.0",
     "@lexical/utils": "0.25.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
-    "@uniformdev/canvas": "20.46.1-alpha.9+14b25be438",
-    "@uniformdev/design-system": "20.46.1-alpha.9+14b25be438",
-    "@uniformdev/mesh-sdk": "20.46.1-alpha.9+14b25be438",
-    "@uniformdev/richtext": "20.46.1-alpha.9+14b25be438",
+    "@uniformdev/canvas": "20.47.0",
+    "@uniformdev/design-system": "20.47.0",
+    "@uniformdev/mesh-sdk": "20.47.0",
+    "@uniformdev/richtext": "20.47.0",
     "dequal": "^2.0.3",
     "lexical": "0.25.0",
     "mitt": "3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "14b25be4388a016175906a6c7dcfeae9e3055acd"
+  "gitHead": "446f701d32eee97220ab693e69b0952ed95cc1c5"
 }