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

package/dist/index.esm.js

@@ -471,14 +471,14 @@ function deserializeVariablesEditorState(serialized) {
       children: [
         {
           children: result,
-          direction: "ltr",
+          direction: null,
           format: "",
           indent: 0,
           type: "paragraph",
           version: 1
         }
       ],
-      direction: "ltr",
+      direction: null,
       format: "",
       indent: 0,
       type: "root",
@@ -774,7 +774,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Callout, HorizontalRhythm, Input, useShortcut } from "@uniformdev/design-system";
 import { useLayoutEffect, useRef as useRef2 } from "react";
 import { useForm } from "react-hook-form";
-import * as z from "zod";
+import * as z from "zod/v3";
 
 // src/components/Variables/styles/VariableEditor.styles.ts
 import { css as css2 } from "@emotion/react";
@@ -1146,18 +1146,17 @@ var DISCONNECT_VARIABLE_COMMAND = createCommand(
   "uniform:disconnect-variable"
 );
 var INSERT_VARIABLE_COMMAND = createCommand("uniform:insert-variable");
-var TRIGGER = "\\$\\$";
-var LENGTH_LIMIT = 20;
-var DollarSignVariablesRegex = new RegExp(`(^.*)(${TRIGGER}(.{0,${LENGTH_LIMIT}}))$`);
+var DollarSignVariablesRegex = /(^.*)(\$\$(.{0,20}))$/;
 function getPossibleQueryMatch(text) {
   const match = DollarSignVariablesRegex.exec(text);
   if (match !== null) {
     const maybeLeadingWhitespace = match[1];
     const matchingString = match[3];
+    const replaceableString = match[2];
     return {
       leadOffset: match.index + maybeLeadingWhitespace.length,
       matchingString,
-      replaceableString: match[2]
+      replaceableString
     };
   }
   return null;
@@ -1277,7 +1276,10 @@ function VariablesPlugin({
       filteredGroupedVariables: groupedVariables.map((group) => ({
         name: group.name,
         variables: group.variables.filter(
-          (option) => option.name.toLowerCase().includes(query) || option.name === ADD_VARIABLE_OPTION
+          (option) => {
+            var _a;
+            return option.name === ADD_VARIABLE_OPTION || option.name.toLowerCase().includes(query) || ((_a = option.displayName) == null ? void 0 : _a.toLowerCase().includes(query));
+          }
         )
       })).filter((group) => group.variables.length > 0),
       filteredMenuOptions: menuOptions.filter(
@@ -1568,13 +1570,13 @@ var VariableNode = class _VariableNode extends DecoratorNode {
   constructor(reference, state, key) {
     super(key);
     this.reference = reference;
-    this.__state = state;
+    this.__variableState = state;
   }
   static getType() {
     return "variable";
   }
   static clone(node) {
-    return new _VariableNode(node.reference, { ...node.__state }, node.__key);
+    return new _VariableNode(node.reference, { ...node.__variableState }, node.__key);
   }
   /** Imports the node from serialized JSON (i.e. the data provided to the editor's initial state) */
   static importJSON(serializedNode) {
@@ -1589,14 +1591,14 @@ var VariableNode = class _VariableNode extends DecoratorNode {
   }
   /** Gets the node's current state */
   getState() {
-    return this.getLatest().__state;
+    return this.getLatest().__variableState;
   }
   /**
    * Updates the node's variables state so it knows its current validity, display name, etc
    * The plugin updates this whenever the variables prop changes.
    */
   setState(state) {
-    this.getWritable().__state = state;
+    this.getWritable().__variableState = state;
   }
   /**
    * Serializes the node to JSON for editor initial state
@@ -1636,7 +1638,7 @@ var VariableNode = class _VariableNode extends DecoratorNode {
    * rely on Context, etc in this renderer.
    */
   decorate() {
-    return /* @__PURE__ */ jsx22(VariableNodeComponent, { state: this.__state, reference: this.reference, nodeKey: this.__key });
+    return /* @__PURE__ */ jsx22(VariableNodeComponent, { state: this.__variableState, reference: this.reference, nodeKey: this.__key });
   }
 };
 function $convertBindingElement(domNode) {
@@ -1908,27 +1910,40 @@ var placeholderCompact = css4`
 import { css as css5 } from "@emotion/react";
 import { scrollbarStyles } from "@uniformdev/design-system";
 var variableBindButton = css5`
-  align-items: center;
-  border: none;
+  --hover-color: var(--accent-dark-hover);
+  --active-color: var(--accent-dark-active);
+  border: 1px solid transparent;
   border-radius: var(--rounded-base);
   background: none;
+  color: var(--gray-300);
   display: flex;
-  height: 1.2rem;
-  padding: var(--spacing-2xs);
+  align-items: center;
+  justify-content: center;
+  max-width: fit-content;
+  padding: 0.125rem;
   transition:
+    border-color var(--duration-fast) var(--timing-ease-out),
     background var(--duration-fast) var(--timing-ease-out),
-    color var(--duration-fast) var(--timing-ease-out);
-  width: 1.2rem;
+    color var(--duration-fast) var(--timing-ease-out),
+    box-shadow var(--duration-fast) var(--timing-ease-out);
 
-  &:hover,
-  &[aria-pressed='true']:not(:disabled) {
-    background: var(--brand-secondary-3);
-    color: var(--white);
+  &:hover:not([aria-disabled='true']),
+  &:focus:not([aria-disabled='true']),
+  &:focus-within:not([aria-disabled='true']) {
+    color: var(--gray-500);
+    border-color: var(--hover-color);
+  }
+
+  &:active:not([aria-disabled='true']),
+  &[aria-pressed='true']:not([aria-disabled='true']) {
+    color: var(--active-color);
   }
 
   &[aria-disabled='true'] {
     background: none;
     color: currentColor;
+    opacity: var(--opacity-50);
+    cursor: default;
   }
 
   // fixes menu resizing issue within iframes
@@ -2002,8 +2017,7 @@ var inputMultiLine = (lines) => css5`
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import { hasReferencedVariables } from "@uniformdev/canvas";
-import * as React4 from "react";
-import { useMemo as useMemo7 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo7, useState as useState5 } from "react";
 function useInputVariablesState({
   value,
   onChange,
@@ -2019,14 +2033,14 @@ function useInputVariablesState({
 }) {
   const { variables } = useVariables(true);
   const variableReferenceCountInValue = hasReferencedVariables(value != null ? value : "");
-  const [lastKnownId, setLastKnownId] = React4.useState(id);
-  const [hadVariablesInValue, setHadVariablesInValue] = React4.useState(variableReferenceCountInValue > 0);
-  React4.useEffect(() => {
+  const [lastKnownId, setLastKnownId] = useState5(id);
+  const [hadVariablesInValue, setHadVariablesInValue] = useState5(variableReferenceCountInValue > 0);
+  useEffect7(() => {
     if (variableReferenceCountInValue) {
       setHadVariablesInValue(true);
     }
   }, [variableReferenceCountInValue]);
-  React4.useEffect(() => {
+  useEffect7(() => {
     if (id !== lastKnownId) {
       setLastKnownId(id);
       setHadVariablesInValue(variableReferenceCountInValue > 0);
@@ -2076,30 +2090,6 @@ var labelText = css6`
   font-weight: var(--fw-regular);
   margin: 0 0 var(--spacing-xs);
 `;
-var variableBindButton2 = css6`
-  align-items: center;
-  border: none;
-  border-radius: var(--rounded-base);
-  background: none;
-  display: flex;
-  height: 1.2rem;
-  padding: var(--spacing-2xs);
-  transition:
-    background var(--duration-fast) var(--timing-ease-out),
-    color var(--duration-fast) var(--timing-ease-out);
-  width: 1.2rem;
-
-  &:hover,
-  &[aria-pressed='true']:not(:disabled) {
-    background: var(--brand-secondary-3);
-    color: var(--white);
-  }
-
-  &[aria-disabled='true'] {
-    background: none;
-    color: currentColor;
-  }
-`;
 
 // src/components/Variables/toolbox/VariablesComposerVariableMenu.tsx
 import { useLexicalComposerContext as useLexicalComposerContext6 } from "@lexical/react/LexicalComposerContext";
@@ -2146,7 +2136,7 @@ function SelectVariableMenu({
           css: [menuBtn, buttonCss],
           type: "button",
           "data-testid": "insert-variable",
-          children: /* @__PURE__ */ jsx23(CgUsbC, { size: "1.4rem" })
+          children: /* @__PURE__ */ jsx23(CgUsbC, { size: "1rem" })
         }
       ),
       children: [
@@ -2239,7 +2229,7 @@ function VariableField({
     VariablesComposerVariableMenu,
     {
       ...selectVariableMenuOptions,
-      buttonCss: [variableBindButton2, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
+      buttonCss: [variableBindButton, selectVariableMenuOptions == null ? void 0 : selectVariableMenuOptions.buttonCss],
       buttonProps: isActive ? { "aria-pressed": "true" } : void 0
     }
   ) }) : null;
@@ -2310,8 +2300,8 @@ function VariablesComposer(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const editorState = useRef5();
-  const updateTimeout = useRef5();
+  const editorState = useRef5(void 0);
+  const updateTimeout = useRef5(void 0);
   if (typeof document === "undefined") return null;
   return /* @__PURE__ */ jsxs10(LexicalComposer, { initialConfig: editorConfig, children: [
     /* @__PURE__ */ jsx26(
@@ -2352,7 +2342,7 @@ import {
 } from "@lexical/clipboard";
 import { useLexicalComposerContext as useLexicalComposerContext9 } from "@lexical/react/LexicalComposerContext";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import LexicalErrorBoundary from "@lexical/react/LexicalErrorBoundary";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
 import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { PlainTextPlugin } from "@lexical/react/LexicalPlainTextPlugin";
 import { mergeRegister as mergeRegister4, objectKlassEquals } from "@lexical/utils";
@@ -2528,6 +2518,7 @@ function InputVariables(props) {
                   portal: renderMenuInPortal,
                   replaceValueOnVariableInsert: useInputWithNoVariables,
                   useInputWhenNoVariables: useInputWithNoVariables,
+                  isActive: hadVariablesInValue,
                   children: /* @__PURE__ */ jsx28(
                     VariablesComposerInput,
                     {
@@ -2616,6 +2607,7 @@ function InputVariablesOverlayMenu({
   disabled,
   useInputWhenNoVariables,
   portal,
+  isActive,
   ...props
 }) {
   if (disabled) {
@@ -2629,7 +2621,8 @@ function InputVariablesOverlayMenu({
         ...props,
         portal,
         tip: useInputWhenNoVariables ? void 0 : "Tip: access this list by typing $$",
-        buttonCss: menuBtn2
+        buttonCss: [menuBtn2, variableBindButton],
+        buttonProps: isActive ? { "aria-pressed": "true" } : void 0
       }
     )
   ] });
@@ -2682,7 +2675,7 @@ function ParameterConnectionIndicator({
                 css: [menuBtn, variableBindButton],
                 type: "button",
                 "data-testid": "insert-variable",
-                children: /* @__PURE__ */ jsx29(CgUsbC2, { size: "1.4rem" })
+                children: /* @__PURE__ */ jsx29(CgUsbC2, { size: "1rem" })
               }
             )
           }
@@ -2902,6 +2895,7 @@ ${prettifyBindExpression(bindExpression)}`
 
 // src/components/Variables/VariablesList.tsx
 import { css as css10 } from "@emotion/react";
+import { Draggable, Droppable } from "@hello-pangea/dnd";
 import { CgTrash } from "@react-icons/all-files/cg/CgTrash";
 import {
   AddListButton,
@@ -2914,11 +2908,10 @@ import {
   TableHead,
   TableRow
 } from "@uniformdev/design-system";
-import { Draggable, Droppable } from "react-beautiful-dnd";
 
 // src/components/DragDropContext.tsx
+import { DragDropContext as BaseDragDropContext } from "@hello-pangea/dnd";
 import { useState as useState8 } from "react";
-import { DragDropContext as BaseDragDropContext } from "react-beautiful-dnd";
 import { useDebounce } from "react-use";
 import { jsx as jsx32 } from "@emotion/react/jsx-runtime";
 function DragDropContext({ children, ...props }) {
@@ -3173,7 +3166,8 @@ function TextVariableRenderer({ definition, value, setValue }) {
       value: value != null ? value : "",
       caption: (_a = definition.helpText) != null ? _a : definition.default !== "" ? `Default value: ${definition.default}` : void 0,
       onChange: setValue,
-      "data-testid": "variable-input"
+      "data-testid": "variable-input",
+      disableInlineMenu: "by-label"
     }
   ) });
 }
@@ -3181,14 +3175,15 @@ 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 * as React4 from "react";
 import { jsx as jsx36 } from "@emotion/react/jsx-runtime";
-var RequestContext = React5.createContext(null);
+var RequestContext = React4.createContext(null);
 function RequestProvider({ value, onChange, children }) {
-  const contextValue = React5.useMemo(() => {
+  const [listVersion, setListVersion] = React4.useState(0);
+  const contextValue = React4.useMemo(() => {
     return {
       dispatch: (event) => {
         if (event.type === "setRelativeUrl") {
@@ -3207,6 +3202,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 +3219,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,13 +3248,14 @@ 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() {
-  const context = React5.useContext(RequestContext);
+  const context = React4.useContext(RequestContext);
   if (!context) {
     throw new Error("No RequestProvider present");
   }
@@ -3307,7 +3305,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 +3378,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 +3464,7 @@ function RequestHeaders({
               })
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3511,7 +3509,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 +3607,7 @@ function RequestParameters({
               }
             }
           ) : null }) : null
-        ] }, index);
+        ] }, `${index}-${listVersion}`);
       })
     ] })
   ] }) });
@@ -3891,10 +3889,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 +3987,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 +4011,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 +4335,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 +4369,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 : ""
   });
@@ -4660,11 +4658,11 @@ function legacyThemeMapper(theme) {
 }
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
-import { Button as Button4, Counter } from "@uniformdev/design-system";
 import {
   Draggable as Draggable2,
   Droppable as Droppable2
-} from "react-beautiful-dnd";
+} from "@hello-pangea/dnd";
+import { Button as Button4, Counter } from "@uniformdev/design-system";
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
 import { css as css20 } from "@emotion/react";
@@ -4793,7 +4791,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 +4820,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 +5445,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 +5456,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 +5475,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 +5511,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 +5708,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 +5719,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 +5739,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 +5750,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 +5940,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 +5950,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 +6314,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 +6327,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 +6441,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 +6540,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);
@@ -6784,7 +6782,7 @@ import { Icon as Icon5 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/FilterMenu.tsx
 import { HorizontalRhythm as HorizontalRhythm8, VerticalRhythm as VerticalRhythm6 } from "@uniformdev/design-system";
-import React7, { useEffect as useEffect19 } from "react";
+import React6, { useEffect as useEffect19 } from "react";
 import { jsx as jsx76, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterOptionsContainer2 = ({
   buttonRow,
@@ -6816,7 +6814,7 @@ var FilterMenu = ({
   resetButtonText = "reset"
 }) => {
   const { filterVisibility, setFilterVisibility, handleResetFilters, filters } = useSearchAndFilter();
-  const innerMenuRef = React7.useRef(null);
+  const innerMenuRef = React6.useRef(null);
   useEffect19(() => {
     var _a;
     if (filterVisibility) {
@@ -7162,7 +7160,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 +7170,7 @@ var SearchOnlyContext = createContext7({
 });
 var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
   const { searchTerm, setSearchTerm } = useSearchAndFilter();
-  const [localeSearchTerm, setLocaleSearchTerm] = useState21("");
+  const [localeSearchTerm, setLocaleSearchTerm] = useState22("");
   useDebounce8(
     () => {
       setSearchTerm(localeSearchTerm);