@uniformdev/mesh-sdk-react 20.50.2-alpha.77 → 20.50.2-alpha.96

package/dist/index.esm.js

@@ -786,11 +786,11 @@ function useVariableEditTransaction({
 }
 
 // src/components/Variables/VariableEditor.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 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/v3";
+import * as z from "zod";
 
 // src/components/Variables/styles/VariableEditor.styles.ts
 import { css as css2 } from "@emotion/react";
@@ -803,7 +803,7 @@ var variablesFormContainer = css2`
 // src/components/Variables/VariableEditor.tsx
 import { jsx as jsx19, jsxs as jsxs5 } from "@emotion/react/jsx-runtime";
 var schema = z.object({
-  name: z.string().nonempty("Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
+  name: z.string().min(1, "Name can't be empty").regex(/^[^${}]+$/, "$, {, and } are reserved characters and cannot be used in a variable name"),
   default: z.string(),
   displayName: z.string().optional(),
   helpText: z.string().optional(),
@@ -829,7 +829,7 @@ function VariableEditor({
       order: currentVariable == null ? void 0 : currentVariable.order,
       type: (_d = currentVariable == null ? void 0 : currentVariable.type) != null ? _d : ""
     },
-    resolver: zodResolver(schema)
+    resolver: standardSchemaResolver(schema)
   });
   const submitHandler = handleSubmit((values) => {
     const finalValue = {
@@ -3905,7 +3905,8 @@ function convertRequestDataToDataType(dataType, requestData) {
 
 // src/components/Delegation/DelegationGate.tsx
 import { Callout as Callout3, LoadingOverlay } from "@uniformdev/design-system";
-import { Fragment as Fragment10, jsx as jsx46, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect12 } from "react";
+import { Fragment as Fragment10, jsx as jsx46 } from "@emotion/react/jsx-runtime";
 var defaultLoadingWrapperStyle = {
   position: "relative",
   minHeight: "12rem",
@@ -3918,21 +3919,10 @@ function DefaultDelegationDisabled() {
   return /* @__PURE__ */ jsx46(Callout3, { type: "caution", title: "Feature unavailable", children: "This app requires permissions that are not currently enabled. Please contact your Uniform administrator to enable identity delegation for this integration." });
 }
 function DefaultDelegationError({ error }) {
-  return /* @__PURE__ */ jsxs21(Callout3, { type: "error", title: "Connection error", children: [
-    /* @__PURE__ */ jsx46("p", { children: "Failed to establish a secure connection with Uniform." }),
-    /* @__PURE__ */ jsx46(
-      "pre",
-      {
-        style: {
-          marginTop: 8,
-          marginBottom: 0,
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-word"
-        },
-        children: error.message
-      }
-    )
-  ] });
+  useEffect12(() => {
+    console.error("Delegation connection failed", error);
+  }, [error]);
+  return /* @__PURE__ */ jsx46(Callout3, { type: "error", title: "Connection error", children: /* @__PURE__ */ jsx46("p", { children: "Failed to connect to Uniform. Try again, or contact your administrator if the problem persists." }) });
 }
 function DelegationGate({
   children,
@@ -3964,7 +3954,7 @@ function DelegationGate({
 }
 
 // src/components/Delegation/DelegationProvider.tsx
-import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo12, useRef as useRef7, useState as useState11 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect13, useMemo as useMemo12, useRef as useRef7, useState as useState11 } from "react";
 import { jsx as jsx47 } from "@emotion/react/jsx-runtime";
 var DEFAULT_REVALIDATE_AFTER_MS = 5 * 60 * 1e3;
 function DelegationProvider({
@@ -4020,7 +4010,7 @@ function DelegationProvider({
       acquiringRef.current = false;
     }
   }, [sdk, onSessionToken, checkActive]);
-  useEffect12(() => {
+  useEffect13(() => {
     mountedRef.current = true;
     void acquire();
     return () => {
@@ -4045,7 +4035,7 @@ function DelegationProvider({
     } catch (e) {
     }
   }, [checkActive, acquire]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!revalidateOnFocus) {
       return;
     }
@@ -4083,12 +4073,12 @@ import { IconsProvider, LoadingIndicator as LoadingIndicator2, Theme as Theme2 }
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 import { initializeUniformMeshSDK } from "@uniformdev/mesh-sdk";
-import { useEffect as useEffect13, useRef as useRef8, useState as useState12 } from "react";
+import { useEffect as useEffect14, useRef as useRef8, useState as useState12 } from "react";
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
   const [error, setError] = useState12();
   const [sdk, setSdk] = useState12();
   const initializationInProgress = useRef8(false);
-  useEffect13(
+  useEffect14(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;
@@ -4121,7 +4111,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
 };
 
 // src/components/MeshApp.tsx
-import { jsx as jsx48, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
 var MeshApp = ({
   children,
   loadingComponent,
@@ -4139,7 +4129,7 @@ var MeshApp = ({
     }
     throw error;
   }
-  return /* @__PURE__ */ jsxs22(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
+  return /* @__PURE__ */ jsxs21(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
     /* @__PURE__ */ jsx48(Theme2, {}),
     /* @__PURE__ */ jsx48(IconsProvider, { children: /* @__PURE__ */ jsx48(UniformMeshLocationContextProvider, { children }) })
   ] });
@@ -4148,14 +4138,14 @@ var MeshApp = ({
 // src/components/ObjectSearch/DataRefreshButton.tsx
 import { css as css14 } from "@emotion/react";
 import { Button as Button2, LoadingIndicator as LoadingIndicator3 } from "@uniformdev/design-system";
-import { jsx as jsx49, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
 var DataRefreshButton = ({
   buttonText,
   isLoading,
   onRefreshData,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs23(Button2, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+  return /* @__PURE__ */ jsxs22(Button2, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
     !isLoading ? null : /* @__PURE__ */ jsx49(
       LoadingIndicator3,
       {
@@ -4370,7 +4360,7 @@ var ObjectListItemUnControlledContent = css15`
 `;
 
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
-import { jsx as jsx51, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
 var ObjectSearchListItem = ({
   id,
   title,
@@ -4395,7 +4385,7 @@ var ObjectSearchListItem = ({
     return onSelectItem([selectedItem]);
   };
   const selected = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       role: "listitem",
@@ -4403,7 +4393,7 @@ var ObjectSearchListItem = ({
       "data-testid": "list-item",
       ...props,
       children: [
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs23(
           "div",
           {
             role: "button",
@@ -4420,14 +4410,14 @@ var ObjectSearchListItem = ({
                   loading: "lazy"
                 }
               ) : null,
-              /* @__PURE__ */ jsxs24("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
+              /* @__PURE__ */ jsxs23("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
                 !contentType ? null : /* @__PURE__ */ jsx51("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
                 /* @__PURE__ */ jsx51("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs24("div", { css: ObjectListItemInfoContainer, children: [
+        /* @__PURE__ */ jsxs23("div", { css: ObjectListItemInfoContainer, children: [
           selected ? /* @__PURE__ */ jsx51(Chip, { text: "selected", size: "xs" }) : null,
           !popoverData ? null : /* @__PURE__ */ jsx51(Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
@@ -4441,7 +4431,7 @@ var ObjectSearchListItemLoadingSkeleton = () => {
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { jsx as jsx52, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
 var ObjectSearchContainer = ({
   label,
   enableDynamicInputToResultId,
@@ -4465,7 +4455,7 @@ var ObjectSearchContainer = ({
       children: /* @__PURE__ */ jsx52(DefaultResultList, {})
     }
   );
-  const body = /* @__PURE__ */ jsxs25(VerticalRhythm3, { children: [
+  const body = /* @__PURE__ */ jsxs24(VerticalRhythm3, { children: [
     searchFilters,
     listItems
   ] });
@@ -4496,7 +4486,7 @@ var ObjectSearchContainer = ({
       }
     ]);
   };
-  return /* @__PURE__ */ jsxs25(VerticalRhythm3, { children: [
+  return /* @__PURE__ */ jsxs24(VerticalRhythm3, { children: [
     /* @__PURE__ */ jsx52(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ jsx52(
       InputVariables,
       {
@@ -4552,7 +4542,7 @@ var ObjectSearchFilterGrid = (gridColumns) => css17`
 `;
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
-import { jsx as jsx53, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
 var ObjectSearchFilter = ({
   requireContentType,
   typeSelectorAllTypesOptionText = "All content types",
@@ -4583,7 +4573,7 @@ var ObjectSearchFilter = ({
     ];
   }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
   const shouldRenderSelect = memoizedSelectOptions.length > 0;
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs25(
     "fieldset",
     {
       css: [
@@ -4671,13 +4661,13 @@ var ButtonIcon = css18`
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultItemButton.tsx
-import { jsx as jsx56, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
 var ObjectSearchResultItemButton = ({
   text,
   icon,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs27("button", { type: "button", css: ButtonStyles, ...props, children: [
+  return /* @__PURE__ */ jsxs26("button", { type: "button", css: ButtonStyles, ...props, children: [
     !icon ? null : /* @__PURE__ */ jsx56(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
@@ -4687,7 +4677,7 @@ var LinkButton = ({
   icon,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs27("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
+  return /* @__PURE__ */ jsxs26("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
     !icon ? null : /* @__PURE__ */ jsx56(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
@@ -4760,7 +4750,7 @@ var ObjectSearchImage = css19`
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-import { jsx as jsx57, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
 var ObjectSearchResultItem = ({
   id,
   title,
@@ -4784,9 +4774,9 @@ var ObjectSearchResultItem = ({
     onSelectItem({ id, title: id });
     onRemove == null ? void 0 : onRemove();
   };
-  return /* @__PURE__ */ jsxs28("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
+  return /* @__PURE__ */ jsxs27("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
     disableDnD ? null : /* @__PURE__ */ jsx57("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
-    /* @__PURE__ */ jsx57("div", { children: /* @__PURE__ */ jsxs28("div", { css: ObjectSearchContentContainer, children: [
+    /* @__PURE__ */ jsx57("div", { children: /* @__PURE__ */ jsxs27("div", { css: ObjectSearchContentContainer, children: [
       !imageUrl ? null : /* @__PURE__ */ jsx57(
         "img",
         {
@@ -4796,9 +4786,9 @@ var ObjectSearchResultItem = ({
           loading: "lazy"
         }
       ),
-      /* @__PURE__ */ jsxs28("div", { children: [
+      /* @__PURE__ */ jsxs27("div", { children: [
         /* @__PURE__ */ jsx57("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
-        /* @__PURE__ */ jsxs28("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
+        /* @__PURE__ */ jsxs27("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
           onClick ? /* @__PURE__ */ jsx57(
             Link,
             {
@@ -4814,14 +4804,14 @@ var ObjectSearchResultItem = ({
           ) : /* @__PURE__ */ jsx57("span", { children: title != null ? title : name }),
           !popoverData ? null : /* @__PURE__ */ jsx57(Popover2, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
-        !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs28("div", { css: ObjectSearchAuthorStateGroup, children: [
+        !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchAuthorStateGroup, children: [
           !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx57(Chip2, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
-          !createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs28("div", { css: ObjectSearchUpdateGroup, children: [
-            !createdAt ? null : /* @__PURE__ */ jsxs28("small", { css: ObjectSearchResultItemTimeStamp, children: [
+          !createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchUpdateGroup, children: [
+            !createdAt ? null : /* @__PURE__ */ jsxs27("small", { css: ObjectSearchResultItemTimeStamp, children: [
               /* @__PURE__ */ jsx57("strong", { children: "Last updated: " }),
               timeagoFormat(createdAt)
             ] }),
-            !publishedAt ? null : /* @__PURE__ */ jsxs28("small", { css: ObjectSearchResultItemTimeStamp, children: [
+            !publishedAt ? null : /* @__PURE__ */ jsxs27("small", { css: ObjectSearchResultItemTimeStamp, children: [
               /* @__PURE__ */ jsx57("strong", { children: "Last published: " }),
               timeagoFormat(publishedAt)
             ] })
@@ -4830,7 +4820,7 @@ var ObjectSearchResultItem = ({
         /* @__PURE__ */ jsx57("div", { children })
       ] })
     ] }) }),
-    !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs28("div", { css: ObjectSearchAuthorStateGroup, children: [
+    !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchAuthorStateGroup, children: [
       !editLink ? null : /* @__PURE__ */ jsx57(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
       hideRemoveButton ? null : /* @__PURE__ */ jsx57(Button3, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
@@ -4884,7 +4874,7 @@ var ObjectSearchResultListTitle = css20`
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
-import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
 var DroppableHack2 = Droppable2;
 var DraggableHack2 = Draggable2;
 function ObjectSearchResultList({
@@ -4936,14 +4926,14 @@ function ObjectSearchResultList({
       }
     );
   };
-  return /* @__PURE__ */ jsxs29(Fragment11, { children: [
-    /* @__PURE__ */ jsxs29("div", { role: "group", css: ObjectSearchResultListContainer, children: [
-      !resultLabelOverride ? /* @__PURE__ */ jsxs29("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
+  return /* @__PURE__ */ jsxs28(Fragment11, { children: [
+    /* @__PURE__ */ jsxs28("div", { role: "group", css: ObjectSearchResultListContainer, children: [
+      !resultLabelOverride ? /* @__PURE__ */ jsxs28("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
         /* @__PURE__ */ jsx58("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
         " ",
         !selectedListItems.length ? null : /* @__PURE__ */ jsx58(Counter, { count: selectedListItems.length })
       ] }) : resultLabelOverride,
-      /* @__PURE__ */ jsxs29("div", { css: ObjectSearchResultListCounterContainer, children: [
+      /* @__PURE__ */ jsxs28("div", { css: ObjectSearchResultListCounterContainer, children: [
         additionalButtons,
         hideRemoveButton ? null : /* @__PURE__ */ jsx58(
           Button4,
@@ -4963,7 +4953,7 @@ function ObjectSearchResultList({
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
         renderClone: getContainerForDnDReparenting ? getDraggableItem : void 0,
         getContainerForClone: getContainerForDnDReparenting,
-        children: (provided) => /* @__PURE__ */ jsxs29("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+        children: (provided) => /* @__PURE__ */ jsxs28("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
           selectedListItems.map((item, i) => {
             return /* @__PURE__ */ jsx58(
               DraggableHack2,
@@ -4985,8 +4975,8 @@ 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 useEffect14, useState as useState15 } from "react";
-import { jsx as jsx59, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect15, useState as useState15 } from "react";
+import { jsx as jsx59, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
 var QueryFilter = ({
   requireContentType,
   queryFilterTitle = "Configure Query",
@@ -5025,12 +5015,12 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  useEffect14(() => {
+  useEffect15(() => {
     onSetQuery(queryState);
   }, []);
-  return /* @__PURE__ */ jsxs30("fieldset", { children: [
+  return /* @__PURE__ */ jsxs29("fieldset", { children: [
     /* @__PURE__ */ jsx59("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
-    /* @__PURE__ */ jsx59("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs30(VerticalRhythm4, { children: [
+    /* @__PURE__ */ jsx59("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs29(VerticalRhythm4, { children: [
       /* @__PURE__ */ jsx59(
         InputVariables,
         {
@@ -5053,7 +5043,7 @@ var QueryFilter = ({
           )
         }
       ),
-      /* @__PURE__ */ jsxs30("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
+      /* @__PURE__ */ jsxs29("div", { css: ObjectSearchFilterGrid("1fr 100px"), children: [
         /* @__PURE__ */ jsx59(
           InputVariables,
           {
@@ -5100,7 +5090,7 @@ var QueryFilter = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs30("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
+      /* @__PURE__ */ jsxs29("div", { css: ObjectSearchFilterGrid("2fr 1fr"), children: [
         /* @__PURE__ */ jsx59(
           InputVariables,
           {
@@ -5151,7 +5141,7 @@ var QueryFilter = ({
 };
 
 // src/components/ParamTypeDynamicDataProvider.tsx
-import { useEffect as useEffect15, useMemo as useMemo15, useRef as useRef9 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo15, useRef as useRef9 } from "react";
 import { jsx as jsx60 } from "@emotion/react/jsx-runtime";
 function ParamTypeDynamicDataProvider(props) {
   const { children } = props;
@@ -5175,7 +5165,7 @@ var JsonMeshVariableEditor = ({
 }) => {
   const sillyRef = useRef9(false);
   const { editConnectedData } = useMeshLocation("paramType");
-  useEffect15(() => {
+  useEffect16(() => {
     if (sillyRef.current) {
       return;
     }
@@ -5675,7 +5665,7 @@ var DateEditor = ({
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
 import { Input as Input6 } from "@uniformdev/design-system";
-import { useEffect as useEffect16, useState as useState17 } from "react";
+import { useEffect as useEffect17, useState as useState17 } from "react";
 import { useDebounce as useDebounce3 } from "react-use";
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
@@ -5702,7 +5692,7 @@ var twoColumnGrid = {
 };
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
-import { Fragment as Fragment12, jsx as jsx63, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx63, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
 var DateRangeEditor = ({
   ariaLabel,
   onChange,
@@ -5725,7 +5715,7 @@ var DateRangeEditor = ({
     500,
     [minDateValue, maxDateValue]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     if (!minDateValue || !maxDateValue) {
       return;
     }
@@ -5760,8 +5750,8 @@ var DateRangeEditor = ({
       setMaxDateValue("");
     }
   }, [minDateValue, maxDateValue, setError]);
-  return /* @__PURE__ */ jsxs31(Fragment12, { children: [
-    /* @__PURE__ */ jsxs31("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
+  return /* @__PURE__ */ jsxs30(Fragment12, { children: [
+    /* @__PURE__ */ jsxs30("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
       /* @__PURE__ */ jsx63(
         Input6,
         {
@@ -5939,9 +5929,9 @@ var NumberEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
 import { Input as Input8 } from "@uniformdev/design-system";
-import { useEffect as useEffect17, useState as useState19 } from "react";
+import { useEffect as useEffect18, useState as useState19 } from "react";
 import { useDebounce as useDebounce5 } from "react-use";
-import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 var NumberRangeEditor = ({
   onChange,
   disabled,
@@ -5964,7 +5954,7 @@ var NumberRangeEditor = ({
     500,
     [minValue, maxValue]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (!maxValue && !minValue) {
       return;
     }
@@ -5986,8 +5976,8 @@ var NumberRangeEditor = ({
       setMaxValue(maxValue);
     }
   }, [maxValue, minValue, setError]);
-  return /* @__PURE__ */ jsxs32(Fragment13, { children: [
-    /* @__PURE__ */ jsxs32("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
+  return /* @__PURE__ */ jsxs31(Fragment13, { children: [
+    /* @__PURE__ */ jsxs31("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
       /* @__PURE__ */ jsx67(
         Input8,
         {
@@ -6480,7 +6470,7 @@ var SearchAndFilterAdditionalContainer = css21`
 `;
 
 // src/components/SearchAndFilter/FilterButton.tsx
-import { jsx as jsx73, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
 var FilterButton2 = ({
   text = "Filters",
   icon = customIcons["filter-add"],
@@ -6490,7 +6480,7 @@ var FilterButton2 = ({
   showDropdownIcon,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs32(
     "button",
     {
       type: "button",
@@ -6516,7 +6506,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 useEffect19, useRef as useRef10, useState as useState22 } from "react";
+import { useEffect as useEffect20, useRef as useRef10, useState as useState22 } from "react";
 import { useDebounce as useDebounce7 } from "react-use";
 import { v4 as v42 } from "uuid";
 
@@ -6527,7 +6517,7 @@ import {
   useCallback as useCallback7,
   useContext as useContext7,
   useDeferredValue as useDeferredValue2,
-  useEffect as useEffect18,
+  useEffect as useEffect19,
   useMemo as useMemo21,
   useState as useState21
 } from "react";
@@ -6687,7 +6677,7 @@ var SearchAndFilterProvider = ({
       return filters;
     }
   }, [filters]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (filterVisibility) {
       const handleEscKeyFilterClose = (e) => {
         if (e.key === "Escape") {
@@ -6730,7 +6720,7 @@ var useSearchAndFilter = () => {
 };
 
 // src/components/SearchAndFilter/FilterControls.tsx
-import { Fragment as Fragment14, jsx as jsx76, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx76, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
 var FilterControls = ({
   children,
   hideSearchInput
@@ -6754,13 +6744,13 @@ var FilterControls = ({
     300,
     [localSearchTerm]
   );
-  useEffect19(() => {
+  useEffect20(() => {
     if (searchTerm === "") {
       setLocalSearchTerm("");
       setIdToResetInputVariables(`data-resource-search-term-input-${v42()}`);
     }
   }, [searchTerm]);
-  return /* @__PURE__ */ jsxs34(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment14, { children: [
     /* @__PURE__ */ jsx76(
       FilterButton2,
       {
@@ -6774,7 +6764,7 @@ var FilterControls = ({
         dataTestId: "filters-button"
       }
     ),
-    hideSearchInput ? null : /* @__PURE__ */ jsxs34("div", { css: BindableKeywordSearchInputStyles, "data-testid": "search-container", children: [
+    hideSearchInput ? null : /* @__PURE__ */ jsxs33("div", { css: BindableKeywordSearchInputStyles, "data-testid": "search-container", children: [
       /* @__PURE__ */ jsx76(
         InputVariables,
         {
@@ -6838,7 +6828,7 @@ function isFilterBindable(filter, operator) {
 }
 
 // src/components/SearchAndFilter/FilterItem.tsx
-import { jsx as jsx77, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
 var FilterItem = ({
   index,
   operatorOptions,
@@ -6886,9 +6876,9 @@ var FilterItem = ({
   } : {};
   const CustomLeftHandComponent = selectedFieldValue == null ? void 0 : selectedFieldValue.leftHandSideComponentWhenSelected;
   const isEmptyOperator = metaDataPossibleOptions === "empty";
-  return /* @__PURE__ */ jsxs35("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
+  return /* @__PURE__ */ jsxs34("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
     /* @__PURE__ */ jsx77("span", { children: index === 0 ? initialCriteriaTitle : criteriaGroupOperator }),
-    /* @__PURE__ */ jsxs35("div", { css: [ConditionalInputRow, isEmptyOperator ? ConditionalInputRowEmpty : null], children: [
+    /* @__PURE__ */ jsxs34("div", { css: [ConditionalInputRow, isEmptyOperator ? ConditionalInputRowEmpty : null], children: [
       CustomLeftHandComponent ? /* @__PURE__ */ jsx77(
         CustomLeftHandComponent,
         {
@@ -6987,14 +6977,14 @@ 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 useEffect20 } from "react";
-import { jsx as jsx78, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
+import React8, { useEffect as useEffect21 } from "react";
+import { jsx as jsx78, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterOptionsContainer2 = ({
   buttonRow,
   additionalFiltersContainer,
   children
 }) => {
-  return /* @__PURE__ */ jsxs36("div", { css: SearchAndFilterOptionsContainer, children: [
+  return /* @__PURE__ */ jsxs35("div", { css: SearchAndFilterOptionsContainer, children: [
     /* @__PURE__ */ jsx78("div", { css: SearchAndFilterOptionsInnerContainer, children }),
     buttonRow ? /* @__PURE__ */ jsx78(
       HorizontalRhythm8,
@@ -7019,20 +7009,20 @@ var FilterMenu = ({
   resetButtonText = "reset"
 }) => {
   const { filterVisibility, setFilterVisibility, handleResetFilters, filters } = useSearchAndFilter();
-  const innerMenuRef = React7.useRef(null);
-  useEffect20(() => {
+  const innerMenuRef = React8.useRef(null);
+  useEffect21(() => {
     var _a;
     if (filterVisibility) {
       (_a = innerMenuRef.current) == null ? void 0 : _a.focus();
     }
   }, [filterVisibility]);
-  return /* @__PURE__ */ jsx78(VerticalRhythm6, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx78(VerticalRhythm6, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ jsxs35(
     SearchAndFilterOptionsContainer2,
     {
       buttonRow: menuControls,
       additionalFiltersContainer,
       children: [
-        /* @__PURE__ */ jsxs36(HorizontalRhythm8, { gap: "sm", align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ jsxs35(HorizontalRhythm8, { gap: "sm", align: "center", justify: "space-between", children: [
           filterTitle ? /* @__PURE__ */ jsx78("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }) : null,
           (filters == null ? void 0 : filters.length) && resetButtonText ? /* @__PURE__ */ jsx78(
             "button",
@@ -7145,7 +7135,7 @@ function hasBindings(currentValue) {
 }
 
 // src/components/SearchAndFilter/FilterItems.tsx
-import { jsx as jsx79, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
 var FilterItems = ({
   addButtonText = "add condition",
   additionalFiltersContainer,
@@ -7187,7 +7177,7 @@ var FilterItems = ({
     {
       id: "search-and-filter-options",
       dataTestId: "search-and-filter-options",
-      menuControls: /* @__PURE__ */ jsxs37(
+      menuControls: /* @__PURE__ */ jsxs36(
         "button",
         {
           type: "button",
@@ -7236,7 +7226,7 @@ import { VerticalRhythm as VerticalRhythm7 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
 import { Button as Button5, Callout as Callout5, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
-import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterResultContainer = ({
   buttonText,
   clearButtonLabel = "clear",
@@ -7287,16 +7277,16 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ jsxs38(Fragment15, { children: [
-    /* @__PURE__ */ jsxs38(HorizontalRhythm9, { children: [
-      /* @__PURE__ */ jsxs38("span", { children: [
+  return /* @__PURE__ */ jsxs37(Fragment15, { children: [
+    /* @__PURE__ */ jsxs37(HorizontalRhythm9, { children: [
+      /* @__PURE__ */ jsxs37("span", { children: [
         totalResults,
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
       !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx80(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs38(Callout5, { title: automateCalloutTitle, type: "note", children: [
+    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
       calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
       hideClearButton ? null : /* @__PURE__ */ jsx80(
         Button5,
@@ -7313,7 +7303,7 @@ var SearchAndFilterResultContainer = ({
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx
-import { jsx as jsx81, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
 var SearchAndFilter = ({
   filters,
   filterOptions,
@@ -7347,8 +7337,8 @@ var SearchAndFilter = ({
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
       onResetFilterValues,
-      children: /* @__PURE__ */ jsxs39(VerticalRhythm7, { "data-testid": "search-and-filter", children: [
-        /* @__PURE__ */ jsxs39("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
+      children: /* @__PURE__ */ jsxs38(VerticalRhythm7, { "data-testid": "search-and-filter", children: [
+        /* @__PURE__ */ jsxs38("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ jsx81(
             "div",
             {
@@ -7643,7 +7633,7 @@ var InputVariableWrapper = css22`
 `;
 
 // src/components/SearchAndFilter/SortItems.tsx
-import { jsx as jsx83, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
 var SortItems = ({
   sortByLabel = "Sort by",
   localeLabel = "Show locale",
@@ -7665,10 +7655,10 @@ var SortItems = ({
     return (_a2 = item.options) == null ? void 0 : _a2.find((option) => option.value === sortField);
   })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((nestedOption) => nestedOption.value === sortField);
   const localeLabelValue = sortOptions.length > 1 ? localeLabel : `${localeLabel}s`;
-  return /* @__PURE__ */ jsxs40("div", { css: [SortFilterWrapper(hideLocaleOptions)], "data-testid": "sorting-options", children: [
-    /* @__PURE__ */ jsxs40(VerticalRhythm8, { gap: "xs", children: [
+  return /* @__PURE__ */ jsxs39("div", { css: [SortFilterWrapper(hideLocaleOptions)], "data-testid": "sorting-options", children: [
+    /* @__PURE__ */ jsxs39(VerticalRhythm8, { gap: "xs", children: [
       /* @__PURE__ */ jsx83("span", { css: Title2, children: sortByLabel }),
-      /* @__PURE__ */ jsxs40("div", { css: SortFilterInputRow, children: [
+      /* @__PURE__ */ jsxs39("div", { css: SortFilterInputRow, children: [
         /* @__PURE__ */ jsx83(
           InputVariables,
           {
@@ -7778,7 +7768,7 @@ function createLocationValidator(setValue, validate) {
 
 // src/utils/useContentDataResourceLocaleInfo.ts
 import { bindVariables as bindVariables2, createVariableReference as createVariableReference4, LOCALE_DYNAMIC_INPUT_NAME as LOCALE_DYNAMIC_INPUT_NAME2 } from "@uniformdev/canvas";
-import { useEffect as useEffect21, useRef as useRef11 } from "react";
+import { useEffect as useEffect22, useRef as useRef11 } from "react";
 function useContentDataResourceLocaleInfo({
   locale,
   defaultLocale,
@@ -7791,7 +7781,7 @@ function useContentDataResourceLocaleInfo({
   const { flatVariables } = useVariables();
   const effectiveLocale = locale != null ? locale : dynamicInputs[LOCALE_DYNAMIC_INPUT_NAME2] ? createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2) : defaultLocale != null ? defaultLocale : "";
   const boundLocale = (_a = bindVariables2({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
-  useEffect21(() => {
+  useEffect22(() => {
     if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
       setLocaleRef.current(effectiveLocale);
     }