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

package/dist/index.js

@@ -936,11 +936,11 @@ function useVariableEditTransaction({
 }
 
 // src/components/Variables/VariableEditor.tsx
-var import_zod = require("@hookform/resolvers/zod");
+var import_standard_schema = require("@hookform/resolvers/standard-schema");
 var import_design_system4 = require("@uniformdev/design-system");
 var import_react14 = require("react");
 var import_react_hook_form = require("react-hook-form");
-var z = __toESM(require("zod/v3"));
+var z = __toESM(require("zod"));
 
 // src/components/Variables/styles/VariableEditor.styles.ts
 var import_react13 = require("@emotion/react");
@@ -953,7 +953,7 @@ var variablesFormContainer = import_react13.css`
 // src/components/Variables/VariableEditor.tsx
 var import_jsx_runtime18 = require("@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(),
@@ -979,7 +979,7 @@ function VariableEditor({
       order: currentVariable == null ? void 0 : currentVariable.order,
       type: (_d = currentVariable == null ? void 0 : currentVariable.type) != null ? _d : ""
     },
-    resolver: (0, import_zod.zodResolver)(schema)
+    resolver: (0, import_standard_schema.standardSchemaResolver)(schema)
   });
   const submitHandler = handleSubmit((values) => {
     const finalValue = {
@@ -4007,6 +4007,7 @@ function convertRequestDataToDataType(dataType, requestData) {
 
 // src/components/Delegation/DelegationGate.tsx
 var import_design_system19 = require("@uniformdev/design-system");
+var import_react43 = require("react");
 var import_jsx_runtime45 = require("@emotion/react/jsx-runtime");
 var defaultLoadingWrapperStyle = {
   position: "relative",
@@ -4020,21 +4021,10 @@ function DefaultDelegationDisabled() {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.Callout, { 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__ */ (0, import_jsx_runtime45.jsxs)(import_design_system19.Callout, { type: "error", title: "Connection error", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { children: "Failed to establish a secure connection with Uniform." }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-      "pre",
-      {
-        style: {
-          marginTop: 8,
-          marginBottom: 0,
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-word"
-        },
-        children: error.message
-      }
-    )
-  ] });
+  (0, import_react43.useEffect)(() => {
+    console.error("Delegation connection failed", error);
+  }, [error]);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.Callout, { type: "error", title: "Connection error", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { children: "Failed to connect to Uniform. Try again, or contact your administrator if the problem persists." }) });
 }
 function DelegationGate({
   children,
@@ -4066,7 +4056,7 @@ function DelegationGate({
 }
 
 // src/components/Delegation/DelegationProvider.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
 var DEFAULT_REVALIDATE_AFTER_MS = 5 * 60 * 1e3;
 function DelegationProvider({
@@ -4077,13 +4067,13 @@ function DelegationProvider({
   revalidateAfterMs = DEFAULT_REVALIDATE_AFTER_MS,
   children
 }) {
-  const [status, setStatus] = (0, import_react43.useState)("idle");
-  const [error, setError] = (0, import_react43.useState)(null);
-  const acquiringRef = (0, import_react43.useRef)(false);
-  const mountedRef = (0, import_react43.useRef)(true);
-  const statusRef = (0, import_react43.useRef)("idle");
+  const [status, setStatus] = (0, import_react44.useState)("idle");
+  const [error, setError] = (0, import_react44.useState)(null);
+  const acquiringRef = (0, import_react44.useRef)(false);
+  const mountedRef = (0, import_react44.useRef)(true);
+  const statusRef = (0, import_react44.useRef)("idle");
   statusRef.current = status;
-  const acquire = (0, import_react43.useCallback)(async () => {
+  const acquire = (0, import_react44.useCallback)(async () => {
     if (acquiringRef.current) {
       return;
     }
@@ -4122,14 +4112,14 @@ function DelegationProvider({
       acquiringRef.current = false;
     }
   }, [sdk, onSessionToken, checkActive]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     mountedRef.current = true;
     void acquire();
     return () => {
       mountedRef.current = false;
     };
   }, [acquire]);
-  const revalidate = (0, import_react43.useCallback)(async () => {
+  const revalidate = (0, import_react44.useCallback)(async () => {
     if (acquiringRef.current) {
       return;
     }
@@ -4147,7 +4137,7 @@ function DelegationProvider({
     } catch (e) {
     }
   }, [checkActive, acquire]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!revalidateOnFocus) {
       return;
     }
@@ -4173,10 +4163,10 @@ function DelegationProvider({
       document.removeEventListener("visibilitychange", handleVisibilityChange);
     };
   }, [revalidateOnFocus, revalidateAfterMs, revalidate]);
-  const reacquire = (0, import_react43.useCallback)(() => {
+  const reacquire = (0, import_react44.useCallback)(() => {
     void acquire();
   }, [acquire]);
-  const value = (0, import_react43.useMemo)(() => ({ status, error, reacquire }), [status, error, reacquire]);
+  const value = (0, import_react44.useMemo)(() => ({ status, error, reacquire }), [status, error, reacquire]);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DelegationContext.Provider, { value, children });
 }
 
@@ -4185,12 +4175,12 @@ var import_design_system20 = require("@uniformdev/design-system");
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 var import_mesh_sdk = require("@uniformdev/mesh-sdk");
-var import_react44 = require("react");
+var import_react45 = require("react");
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = (0, import_react44.useState)();
-  const [sdk, setSdk] = (0, import_react44.useState)();
-  const initializationInProgress = (0, import_react44.useRef)(false);
-  (0, import_react44.useEffect)(
+  const [error, setError] = (0, import_react45.useState)();
+  const [sdk, setSdk] = (0, import_react45.useState)();
+  const initializationInProgress = (0, import_react45.useRef)(false);
+  (0, import_react45.useEffect)(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;
@@ -4248,7 +4238,7 @@ var MeshApp = ({
 };
 
 // src/components/ObjectSearch/DataRefreshButton.tsx
-var import_react45 = require("@emotion/react");
+var import_react46 = require("@emotion/react");
 var import_design_system21 = require("@uniformdev/design-system");
 var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
 var DataRefreshButton = ({
@@ -4261,7 +4251,7 @@ var DataRefreshButton = ({
     !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       import_design_system21.LoadingIndicator,
       {
-        css: import_react45.css`
+        css: import_react46.css`
             ${isLoading ? "opacity: 0.2;" : void 0}
           `
       }
@@ -4271,15 +4261,15 @@ var DataRefreshButton = ({
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-var import_react48 = require("@emotion/react");
+var import_react49 = require("@emotion/react");
 var import_canvas9 = require("@uniformdev/canvas");
 var import_design_system24 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/hooks/ObjectSearchContext.tsx
 var import_canvas8 = require("@uniformdev/canvas");
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
-var ObjectSearchContext = (0, import_react46.createContext)({
+var ObjectSearchContext = (0, import_react47.createContext)({
   onSetQuery: () => {
   },
   onSelectItem: () => {
@@ -4300,16 +4290,16 @@ var ObjectSearchProvider = ({
   children,
   defaultQuery
 }) => {
-  const [query, setQuery] = (0, import_react46.useState)({
+  const [query, setQuery] = (0, import_react47.useState)({
     contentType: "",
     keyword: "",
     ...defaultQuery
   });
   const { flatVariables } = useVariables(true);
-  const querySearchDeferred = (0, import_react46.useDeferredValue)(query);
-  const [selectedItems, setSelectedItems] = (0, import_react46.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
-  const [list, setList] = (0, import_react46.useState)({});
-  const onSetQuery = (0, import_react46.useCallback)(
+  const querySearchDeferred = (0, import_react47.useDeferredValue)(query);
+  const [selectedItems, setSelectedItems] = (0, import_react47.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
+  const [list, setList] = (0, import_react47.useState)({});
+  const onSetQuery = (0, import_react47.useCallback)(
     (value2) => {
       if (Array.isArray(value2.contentType) && value2.contentType.length > 0) {
         return setQuery({
@@ -4321,7 +4311,7 @@ var ObjectSearchProvider = ({
     },
     [setQuery]
   );
-  const onSelectItem = (0, import_react46.useCallback)(
+  const onSelectItem = (0, import_react47.useCallback)(
     (selectedResult) => {
       if (Array.isArray(selectedResult)) {
         setSelectedItems(selectedResult);
@@ -4335,17 +4325,17 @@ var ObjectSearchProvider = ({
     },
     [setSelectedItems, selectedItems]
   );
-  const onRemoveAllSelectedItems = (0, import_react46.useCallback)(() => {
+  const onRemoveAllSelectedItems = (0, import_react47.useCallback)(() => {
     setSelectedItems([]);
   }, [setSelectedItems]);
-  const onSetList = (0, import_react46.useCallback)(
+  const onSetList = (0, import_react47.useCallback)(
     (value2) => {
       setList(value2);
     },
     [setList]
   );
-  const boundQuery = (0, import_react46.useMemo)(() => bindQuery(query, flatVariables), [query, flatVariables]);
-  const value = (0, import_react46.useMemo)(
+  const boundQuery = (0, import_react47.useMemo)(() => bindQuery(query, flatVariables), [query, flatVariables]);
+  const value = (0, import_react47.useMemo)(
     () => ({
       boundQuery,
       onSetQuery,
@@ -4372,7 +4362,7 @@ var ObjectSearchProvider = ({
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ObjectSearchContext.Provider, { value, children });
 };
 function useObjectSearchContext() {
-  return (0, import_react46.useContext)(ObjectSearchContext);
+  return (0, import_react47.useContext)(ObjectSearchContext);
 }
 function bindQuery(query, inputs) {
   const { result, errors } = (0, import_canvas8.bindVariablesToObject)({
@@ -4390,9 +4380,9 @@ function bindQuery(query, inputs) {
 var import_design_system23 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
-var import_react47 = require("@emotion/react");
+var import_react48 = require("@emotion/react");
 var import_design_system22 = require("@uniformdev/design-system");
-var ObjectListItemContainer = import_react47.css`
+var ObjectListItemContainer = import_react48.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4401,11 +4391,11 @@ var ObjectListItemContainer = import_react47.css`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
-var ObjectListItemContainerDisabled = import_react47.css`
+var ObjectListItemContainerDisabled = import_react48.css`
   opacity: var(--opacity-50);
   pointer-events: none;
 `;
-var ObjectListItemLoading = import_react47.css`
+var ObjectListItemLoading = import_react48.css`
   animation: ${import_design_system22.skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -4429,37 +4419,37 @@ var ObjectListItemLoading = import_react47.css`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = import_react47.css`
+var ObjectListItemHeadingGroup = import_react48.css`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemThumbnail = import_react47.css`
+var ObjectListItemThumbnail = import_react48.css`
   width: 30px;
   height: 30px;
   object-fit: cover;
 `;
-var ObjectListItemTitle = import_react47.css`
+var ObjectListItemTitle = import_react48.css`
   color: var(--typography-base);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = import_react47.css`
+var ObjectListItemSubtitle = import_react48.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = import_react47.css`
+var ObjectListItemInfoContainer = import_react48.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = import_react47.css`
+var ObjectListItemControlledContent = import_react48.css`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = import_react47.css`
+var ObjectListItemUnControlledContent = import_react48.css`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -4552,7 +4542,7 @@ var ObjectSearchContainer = ({
     import_design_system24.ScrollableList,
     {
       role: "list",
-      css: import_react48.css`
+      css: import_react49.css`
         > div {
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
@@ -4624,11 +4614,11 @@ var DefaultResultList = () => {
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
 var import_design_system25 = require("@uniformdev/design-system");
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
-var import_react49 = require("@emotion/react");
-var ObjectSearchFilterContainerLabel = import_react49.css`
+var import_react50 = require("@emotion/react");
+var ObjectSearchFilterContainerLabel = import_react50.css`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4636,11 +4626,11 @@ var ObjectSearchFilterContainerLabel = import_react49.css`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = import_react49.css`
+var ObjectSearchFilterContainer = import_react50.css`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterGrid = (gridColumns) => import_react49.css`
+var ObjectSearchFilterGrid = (gridColumns) => import_react50.css`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -4658,7 +4648,7 @@ var ObjectSearchFilter = ({
 }) => {
   var _a, _b;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [searchState, setSearchState] = (0, import_react50.useState)({
+  const [searchState, setSearchState] = (0, import_react51.useState)({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : ""
   });
@@ -4668,7 +4658,7 @@ var ObjectSearchFilter = ({
     });
     onSetQuery({ ...query, ...value });
   };
-  const memoizedSelectOptions = (0, import_react50.useMemo)(() => {
+  const memoizedSelectOptions = (0, import_react51.useMemo)(() => {
     if (!requireContentType && !(selectOptions == null ? void 0 : selectOptions.length)) {
       return [];
     }
@@ -4730,9 +4720,9 @@ function Image({ src, alt, className }) {
 }
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
-var import_react51 = require("@emotion/react");
+var import_react52 = require("@emotion/react");
 var import_design_system26 = require("@uniformdev/design-system");
-var ButtonStyles = import_react51.css`
+var ButtonStyles = import_react52.css`
   ${import_design_system26.button}
   background: transparent;
   border: 1px solid var(--typography-base);
@@ -4760,7 +4750,7 @@ var ButtonStyles = import_react51.css`
     text-decoration: none;
   }
 `;
-var ButtonIcon = import_react51.css`
+var ButtonIcon = import_react52.css`
   width: 1rem;
   height: 1rem;
 `;
@@ -4789,8 +4779,8 @@ var LinkButton = ({
 };
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
-var import_react52 = require("@emotion/react");
-var ObjectSearchResultItemContainer = import_react52.css`
+var import_react53 = require("@emotion/react");
+var ObjectSearchResultItemContainer = import_react53.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4806,7 +4796,7 @@ var ObjectSearchResultItemContainer = import_react52.css`
     }
   }
 `;
-var ObjectSearchDragHandle = import_react52.css`
+var ObjectSearchDragHandle = import_react53.css`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4815,40 +4805,40 @@ var ObjectSearchDragHandle = import_react52.css`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = import_react52.css`
+var ObjectSearchResultItemSubtitle = import_react53.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = import_react52.css`
+var ObjectSearchResultItemTitle = import_react53.css`
   align-items: center;
   color: var(--typography-base);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = import_react52.css`
+var ObjectSearchResultItemTimeStamp = import_react53.css`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchResultItemTitleLink = import_react52.css`
+var ObjectSearchResultItemTitleLink = import_react53.css`
   text-decoration: none;
   color: var(--primary-action-default);
   font-size: var(--fs-sm);
 `;
-var ObjectSearchAuthorStateGroup = import_react52.css`
+var ObjectSearchAuthorStateGroup = import_react53.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = import_react52.css`
+var ObjectSearchUpdateGroup = import_react53.css`
   display: grid;
 `;
-var ObjectSearchContentContainer = import_react52.css`
+var ObjectSearchContentContainer = import_react53.css`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = import_react52.css`
+var ObjectSearchImage = import_react53.css`
   width: 56px;
   height: 56px;
   object-fit: cover;
@@ -4951,26 +4941,26 @@ var import_dnd3 = require("@hello-pangea/dnd");
 var import_design_system28 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
-var import_react53 = require("@emotion/react");
-var ObjectSearchResultListContainer = import_react53.css`
+var import_react54 = require("@emotion/react");
+var ObjectSearchResultListContainer = import_react54.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = import_react53.css`
+var ObjectSearchDragContainer = import_react54.css`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchContainerDragging = import_react53.css`
+var ObjectSearchContainerDragging = import_react54.css`
   box-shadow: var(--shadow-base);
   opacity: var(--opacity-50);
 `;
-var ObjectSearchResultListCounterContainer = import_react53.css`
+var ObjectSearchResultListCounterContainer = import_react54.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = import_react53.css`
+var ObjectSearchResultListTitle = import_react54.css`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -5077,7 +5067,7 @@ function ObjectSearchResultList({
 
 // src/components/ObjectSearch/QueryFilter.tsx
 var import_design_system29 = require("@uniformdev/design-system");
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
 var QueryFilter = ({
   requireContentType,
@@ -5106,7 +5096,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [queryState, setQueryState] = (0, import_react54.useState)({
+  const [queryState, setQueryState] = (0, import_react55.useState)({
     contentType: (_a = query.contentType) != null ? _a : "",
     keyword: (_b = query.keyword) != null ? _b : "",
     count: (_c = query.count) != null ? _c : 5,
@@ -5117,7 +5107,7 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     onSetQuery(queryState);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("fieldset", { children: [
@@ -5243,7 +5233,7 @@ var QueryFilter = ({
 };
 
 // src/components/ParamTypeDynamicDataProvider.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
 function ParamTypeDynamicDataProvider(props) {
   const { children } = props;
@@ -5252,7 +5242,7 @@ function ParamTypeDynamicDataProvider(props) {
   } = useMeshLocation("paramType");
   const dynamicInputsAsVariables = useDynamicInputsAsVariables(dynamicInputs);
   const connectedDataAsVariables = useConnectedDataAsVariables(connectedData);
-  const variables = (0, import_react55.useMemo)(
+  const variables = (0, import_react56.useMemo)(
     () => ({ ...connectedDataAsVariables, ...dynamicInputsAsVariables }),
     [dynamicInputsAsVariables, connectedDataAsVariables]
   );
@@ -5265,9 +5255,9 @@ var JsonMeshVariableEditor = ({
   variable,
   context
 }) => {
-  const sillyRef = (0, import_react55.useRef)(false);
+  const sillyRef = (0, import_react56.useRef)(false);
   const { editConnectedData } = useMeshLocation("paramType");
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (sillyRef.current) {
       return;
     }
@@ -5737,7 +5727,7 @@ var MULTI_SELECT_OPERATORS = [
 
 // src/components/SearchAndFilter/editors/DateEditor.tsx
 var import_design_system30 = require("@uniformdev/design-system");
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_react_use2 = require("react-use");
 var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
 var DateEditor = ({
@@ -5748,7 +5738,7 @@ var DateEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = (0, import_react56.useState)(value != null ? value : "");
+  const [innerValue, setInnerValue] = (0, import_react57.useState)(value != null ? value : "");
   (0, import_react_use2.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     import_design_system30.Input,
@@ -5767,7 +5757,7 @@ var DateEditor = ({
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
 var import_design_system32 = require("@uniformdev/design-system");
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_react_use3 = require("react-use");
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
@@ -5803,9 +5793,9 @@ var DateRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minDateValue, setMinDateValue] = (0, import_react57.useState)(value ? value[0] : "");
-  const [maxDateValue, setMaxDateValue] = (0, import_react57.useState)(value ? value[1] : "");
-  const [error, setError] = (0, import_react57.useState)("");
+  const [minDateValue, setMinDateValue] = (0, import_react58.useState)(value ? value[0] : "");
+  const [maxDateValue, setMaxDateValue] = (0, import_react58.useState)(value ? value[1] : "");
+  const [error, setError] = (0, import_react58.useState)("");
   (0, import_react_use3.useDebounce)(
     () => {
       if (minDateValue && maxDateValue && !error) {
@@ -5817,7 +5807,7 @@ var DateRangeEditor = ({
     500,
     [minDateValue, maxDateValue]
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!minDateValue || !maxDateValue) {
       return;
     }
@@ -5889,7 +5879,7 @@ var DateRangeEditor = ({
 
 // src/components/SearchAndFilter/editors/FilterMultiChoiceEditor.tsx
 var import_design_system33 = require("@uniformdev/design-system");
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/components/SearchAndFilter/editors/shared/readOnlyAttributes.tsx
 var readOnlyAttributes = {
@@ -5910,7 +5900,7 @@ var FilterMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = (0, import_react58.useMemo)(
+  const { groupedOptions, selectedOptions } = (0, import_react59.useMemo)(
     () => (0, import_design_system33.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
@@ -5944,7 +5934,7 @@ var FilterMultiChoiceEditor = ({
 
 // src/components/SearchAndFilter/editors/FilterSingleChoiceEditor.tsx
 var import_design_system34 = require("@uniformdev/design-system");
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
 var FilterSingleChoiceEditor = ({
   options,
@@ -5955,7 +5945,7 @@ var FilterSingleChoiceEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = (0, import_react59.useMemo)(
+  const { groupedOptions, selectedOptions } = (0, import_react60.useMemo)(
     () => (0, import_design_system34.convertComboBoxGroupsToSelectableGroups)({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [String(value)] : void 0),
@@ -5993,7 +5983,7 @@ var FilterSingleChoiceEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberEditor.tsx
 var import_design_system35 = require("@uniformdev/design-system");
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_use4 = require("react-use");
 var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
 var NumberEditor = ({
@@ -6004,7 +5994,7 @@ var NumberEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = (0, import_react60.useState)(value != null ? value : "");
+  const [innerValue, setInnerValue] = (0, import_react61.useState)(value != null ? value : "");
   (0, import_react_use4.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     import_design_system35.Input,
@@ -6024,7 +6014,7 @@ var NumberEditor = ({
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
 var import_design_system36 = require("@uniformdev/design-system");
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_react_use5 = require("react-use");
 var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
 var NumberRangeEditor = ({
@@ -6035,9 +6025,9 @@ var NumberRangeEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [minValue, setMinValue] = (0, import_react61.useState)("");
-  const [maxValue, setMaxValue] = (0, import_react61.useState)("");
-  const [error, setError] = (0, import_react61.useState)("");
+  const [minValue, setMinValue] = (0, import_react62.useState)("");
+  const [maxValue, setMaxValue] = (0, import_react62.useState)("");
+  const [error, setError] = (0, import_react62.useState)("");
   (0, import_react_use5.useDebounce)(
     () => {
       if (minValue && maxValue && !error) {
@@ -6049,7 +6039,7 @@ var NumberRangeEditor = ({
     500,
     [minValue, maxValue]
   );
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (!maxValue && !minValue) {
       return;
     }
@@ -6112,7 +6102,7 @@ var NumberRangeEditor = ({
 
 // src/components/SearchAndFilter/editors/StatusMultiEditor.tsx
 var import_design_system38 = require("@uniformdev/design-system");
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/components/SearchAndFilter/editors/shared/CustomOptions.tsx
 var import_design_system37 = require("@uniformdev/design-system");
@@ -6138,7 +6128,7 @@ var StatusMultiEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = (0, import_react62.useMemo)(
+  const { groupedOptions, selectedOptions } = (0, import_react63.useMemo)(
     () => (0, import_design_system38.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
@@ -6170,7 +6160,7 @@ var StatusMultiEditor = ({
 
 // src/components/SearchAndFilter/editors/StatusSingleEditor.tsx
 var import_design_system39 = require("@uniformdev/design-system");
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
 var StatusSingleEditor = ({
   options,
@@ -6181,7 +6171,7 @@ var StatusSingleEditor = ({
   valueTestId
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
-  const { groupedOptions, selectedOptions } = (0, import_react63.useMemo)(
+  const { groupedOptions, selectedOptions } = (0, import_react64.useMemo)(
     () => (0, import_design_system39.convertComboBoxGroupsToSelectableGroups)({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [value] : void 0),
@@ -6218,7 +6208,7 @@ var StatusSingleEditor = ({
 
 // src/components/SearchAndFilter/editors/TextEditor.tsx
 var import_design_system40 = require("@uniformdev/design-system");
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_react_use6 = require("react-use");
 var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
 var TextEditor = ({
@@ -6228,7 +6218,7 @@ var TextEditor = ({
   readOnly,
   valueTestId
 }) => {
-  const [innerValue, setInnerValue] = (0, import_react64.useState)(value != null ? value : "");
+  const [innerValue, setInnerValue] = (0, import_react65.useState)(value != null ? value : "");
   (0, import_react_use6.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     import_design_system40.Input,
@@ -6246,7 +6236,7 @@ var TextEditor = ({
 
 // src/components/SearchAndFilter/editors/TextMultiChoiceEditor.tsx
 var import_design_system41 = require("@uniformdev/design-system");
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
 var TextMultiChoiceEditor = ({
   value,
@@ -6257,7 +6247,7 @@ var TextMultiChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
-  const { groupedOptions, selectedOptions } = (0, import_react65.useMemo)(() => {
+  const { groupedOptions, selectedOptions } = (0, import_react66.useMemo)(() => {
     var _a;
     const coercedValue = typeof value === "string" ? [value] : value != null ? value : [];
     const options = (_a = coercedValue.map((v) => ({ label: v, value: v }))) != null ? _a : [];
@@ -6296,21 +6286,21 @@ var TextMultiChoiceEditor = ({
 var import_design_system43 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/styles/SearchAndFilter.styles.ts
-var import_react66 = require("@emotion/react");
+var import_react67 = require("@emotion/react");
 var import_design_system42 = require("@uniformdev/design-system");
-var SearchAndFilterControlsWrapper = (gridColumns) => import_react66.css`
+var SearchAndFilterControlsWrapper = (gridColumns) => import_react67.css`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var SearchAndFilterOutterControlWrapper = (gridColumns) => import_react66.css`
+var SearchAndFilterOutterControlWrapper = (gridColumns) => import_react67.css`
   align-items: stretch;
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-sm);
 `;
-var ConditionalFilterRow = import_react66.css`
+var ConditionalFilterRow = import_react67.css`
   align-items: baseline;
   display: grid;
   grid-template-columns: 35px 1fr;
@@ -6346,7 +6336,7 @@ var ConditionalFilterRow = import_react66.css`
     animation: ${import_design_system42.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow = import_react66.css`
+var ConditionalInputRow = import_react67.css`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
@@ -6370,16 +6360,16 @@ var ConditionalInputRow = import_react66.css`
     }
   }
 `;
-var ConditionalInputRowEmpty = import_react66.css`
+var ConditionalInputRowEmpty = import_react67.css`
   flex-wrap: nowrap;
 `;
-var SearchInput = import_react66.css`
+var SearchInput = import_react67.css`
   && {
     max-height: 40px;
     min-height: unset;
   }
 `;
-var BindableKeywordSearchInputStyles = import_react66.css`
+var BindableKeywordSearchInputStyles = import_react67.css`
   position: relative;
   width: 100%;
 
@@ -6394,19 +6384,19 @@ var BindableKeywordSearchInputStyles = import_react66.css`
     white-space: nowrap;
   }
 `;
-var ClearSearchButtonContainer = import_react66.css`
+var ClearSearchButtonContainer = import_react67.css`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 var(--spacing-lg) 0 auto;
 `;
-var ClearSearchButtonStyles = import_react66.css`
+var ClearSearchButtonStyles = import_react67.css`
   background: none;
   border: none;
   padding: 0;
   pointer-events: all;
 `;
-var FilterButton = import_react66.css`
+var FilterButton = import_react67.css`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -6443,13 +6433,13 @@ var FilterButton = import_react66.css`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText = import_react66.css`
+var FilterButtonText = import_react67.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected = import_react66.css`
+var FilterButtonSelected = import_react67.css`
   background: var(--gray-100);
   border-color: var(--gray-300);
 
@@ -6457,7 +6447,7 @@ var FilterButtonSelected = import_react66.css`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions = import_react66.css`
+var FilterButtonWithOptions = import_react67.css`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -6469,14 +6459,14 @@ var FilterButtonWithOptions = import_react66.css`
     }
   }
 `;
-var SearchIcon = import_react66.css`
+var SearchIcon = import_react67.css`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn = import_react66.css`
+var AddConditionalBtn = import_react67.css`
   align-items: center;
   background: transparent;
   border: none;
@@ -6495,14 +6485,14 @@ var AddConditionalBtn = import_react66.css`
     color: var(--gray-400);
   }
 `;
-var Title = import_react66.css`
+var Title = import_react67.css`
   color: var(--typography-light);
 
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn = import_react66.css`
+var ResetConditionsBtn = import_react67.css`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -6517,13 +6507,13 @@ var ResetConditionsBtn = import_react66.css`
     color: var(--gray-400);
   }
 `;
-var IconBtn = import_react66.css`
+var IconBtn = import_react67.css`
   align-self: center;
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer = import_react66.css`
+var SearchAndFilterOptionsContainer = import_react67.css`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6534,17 +6524,17 @@ var SearchAndFilterOptionsContainer = import_react66.css`
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
 `;
-var SearchAndFilterOptionsInnerContainer = import_react66.css`
+var SearchAndFilterOptionsInnerContainer = import_react67.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup = import_react66.css`
+var SearchAndFilterButtonGroup = import_react67.css`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SearchAndFilterAdditionalContainer = import_react66.css`
+var SearchAndFilterAdditionalContainer = import_react67.css`
   align-items: center;
   border-top: 1px solid var(--gray-300);
   display: flex;
@@ -6590,13 +6580,13 @@ var import_CgClose = require("@react-icons/all-files/cg/CgClose");
 var import_canvas10 = require("@uniformdev/canvas");
 var import_design_system45 = require("@uniformdev/design-system");
 var import_lexical11 = require("lexical");
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_react_use7 = require("react-use");
 var import_uuid2 = require("uuid");
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
 var import_design_system44 = require("@uniformdev/design-system");
-var import_react67 = require("react");
+var import_react68 = require("react");
 
 // src/components/SearchAndFilter/FilterEditor.tsx
 var import_jsx_runtime73 = require("@emotion/react/jsx-runtime");
@@ -6672,7 +6662,7 @@ var bindableFiltersMapper = {
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
 var import_jsx_runtime74 = require("@emotion/react/jsx-runtime");
-var SearchAndFilterContext = (0, import_react67.createContext)({
+var SearchAndFilterContext = (0, import_react68.createContext)({
   searchTerm: "",
   setSearchTerm: () => {
   },
@@ -6711,17 +6701,17 @@ var SearchAndFilterProvider = ({
   children,
   allowBindingSearchTerm
 }) => {
-  const [searchTerm, setSearchTerm] = (0, import_react67.useState)(defaultSearchTerm);
-  const deferredSearchTerm = (0, import_react67.useDeferredValue)(searchTerm);
-  const [filterVisibility, setFilterVisibility] = (0, import_react67.useState)(alwaysVisible || filterVisible);
-  const handleSearchTerm = (0, import_react67.useCallback)(
+  const [searchTerm, setSearchTerm] = (0, import_react68.useState)(defaultSearchTerm);
+  const deferredSearchTerm = (0, import_react68.useDeferredValue)(searchTerm);
+  const [filterVisibility, setFilterVisibility] = (0, import_react68.useState)(alwaysVisible || filterVisible);
+  const handleSearchTerm = (0, import_react68.useCallback)(
     (term) => {
       setSearchTerm(term);
       onSearchChange == null ? void 0 : onSearchChange(term);
     },
     [setSearchTerm, onSearchChange]
   );
-  const handleToggleFilterVisibility = (0, import_react67.useCallback)(
+  const handleToggleFilterVisibility = (0, import_react68.useCallback)(
     (visible) => {
       if (alwaysVisible) {
         return;
@@ -6730,30 +6720,30 @@ var SearchAndFilterProvider = ({
     },
     [alwaysVisible]
   );
-  const handleAddFilter = (0, import_react67.useCallback)(() => {
+  const handleAddFilter = (0, import_react68.useCallback)(() => {
     onChange([...filters, { field: "", operator: "", value: "" }]);
   }, [filters, onChange]);
-  const handleResetFilters = (0, import_react67.useCallback)(() => {
+  const handleResetFilters = (0, import_react68.useCallback)(() => {
     if (onResetFilterValues) {
       return onResetFilterValues();
     }
     onSearchChange == null ? void 0 : onSearchChange("");
     onChange(resetFilterValues);
   }, [onChange, resetFilterValues, onSearchChange, onResetFilterValues]);
-  const handleDeleteFilter = (0, import_react67.useCallback)(
+  const handleDeleteFilter = (0, import_react68.useCallback)(
     (index) => {
       const remainingFilters = filters.filter((_, i) => i !== index);
       onChange(remainingFilters);
     },
     [filters, onChange]
   );
-  const validFilterQuery = (0, import_react67.useMemo)(() => {
+  const validFilterQuery = (0, import_react68.useMemo)(() => {
     const hasValidFilters = filters.every((f) => f.field && f.operator && f.value);
     if (hasValidFilters) {
       return filters;
     }
   }, [filters]);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (filterVisibility) {
       const handleEscKeyFilterClose = (e) => {
         if (e.key === "Escape") {
@@ -6791,7 +6781,7 @@ var SearchAndFilterProvider = ({
   );
 };
 var useSearchAndFilter = () => {
-  const value = (0, import_react67.useContext)(SearchAndFilterContext);
+  const value = (0, import_react68.useContext)(SearchAndFilterContext);
   return { ...value };
 };
 
@@ -6809,10 +6799,10 @@ var FilterControls = ({
     searchTerm,
     allowBindingSearchTerm
   } = useSearchAndFilter();
-  const editorRef = (0, import_react68.useRef)(null);
+  const editorRef = (0, import_react69.useRef)(null);
   const variableRefernceCountInSearchTerm = (0, import_canvas10.hasReferencedVariables)(searchTerm);
-  const [idToResetInputVariables, setIdToResetInputVariables] = (0, import_react68.useState)("data-resource-search-term-input");
-  const [localSearchTerm, setLocalSearchTerm] = (0, import_react68.useState)(searchTerm);
+  const [idToResetInputVariables, setIdToResetInputVariables] = (0, import_react69.useState)("data-resource-search-term-input");
+  const [localSearchTerm, setLocalSearchTerm] = (0, import_react69.useState)(searchTerm);
   (0, import_react_use7.useDebounce)(
     () => {
       setSearchTerm(localSearchTerm);
@@ -6820,7 +6810,7 @@ var FilterControls = ({
     300,
     [localSearchTerm]
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (searchTerm === "") {
       setLocalSearchTerm("");
       setIdToResetInputVariables(`data-resource-search-term-input-${(0, import_uuid2.v4)()}`);
@@ -6895,7 +6885,7 @@ var FilterControls = ({
 // src/components/SearchAndFilter/FilterItem.tsx
 var import_CgTrash2 = require("@react-icons/all-files/cg/CgTrash");
 var import_design_system46 = require("@uniformdev/design-system");
-var import_react69 = require("react");
+var import_react70 = require("react");
 
 // src/components/SearchAndFilter/util/isFilterBindable.ts
 function isFilterBindable(filter, operator) {
@@ -6922,7 +6912,7 @@ var FilterItem = ({
   const operatorLabel = filters[index].operator !== "" ? `operator ${filters[index].operator}` : "unknown operator";
   const metaDataLabel = filters[index].value !== "" ? `value ${filters[index].value}` : "unknown value";
   const metaDataPossibleOptions = (_b = (_a = operatorOptions.find((op) => filters[index].operator === op.value)) == null ? void 0 : _a.editorType) != null ? _b : "singleChoice";
-  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = (0, import_react69.useMemo)(() => {
+  const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly, bindable } = (0, import_react70.useMemo)(() => {
     var _a2;
     const currentSelectedFilterGroup = filterOptions.find((item) => {
       var _a3;
@@ -7053,7 +7043,7 @@ var import_design_system48 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/FilterMenu.tsx
 var import_design_system47 = require("@uniformdev/design-system");
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterOptionsContainer2 = ({
   buttonRow,
@@ -7085,8 +7075,8 @@ var FilterMenu = ({
   resetButtonText = "reset"
 }) => {
   const { filterVisibility, setFilterVisibility, handleResetFilters, filters } = useSearchAndFilter();
-  const innerMenuRef = import_react70.default.useRef(null);
-  (0, import_react70.useEffect)(() => {
+  const innerMenuRef = import_react71.default.useRef(null);
+  (0, import_react71.useEffect)(() => {
     var _a;
     if (filterVisibility) {
       (_a = innerMenuRef.current) == null ? void 0 : _a.focus();
@@ -7433,17 +7423,17 @@ var SearchAndFilter = ({
 
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
 var import_design_system51 = require("@uniformdev/design-system");
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_react_use8 = require("react-use");
 var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
-var SearchOnlyContext = (0, import_react71.createContext)({
+var SearchOnlyContext = (0, import_react72.createContext)({
   searchTerm: "",
   setSearchTerm: () => {
   }
 });
 var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
   const { searchTerm, setSearchTerm } = useSearchAndFilter();
-  const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react71.useState)("");
+  const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react72.useState)("");
   (0, import_react_use8.useDebounce)(
     () => {
       setSearchTerm(localeSearchTerm);
@@ -7477,9 +7467,9 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
 var import_design_system53 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/styles/SortItems.styles.ts
-var import_react72 = require("@emotion/react");
+var import_react73 = require("@emotion/react");
 var import_design_system52 = require("@uniformdev/design-system");
-var ConditionalFilterRow2 = import_react72.css`
+var ConditionalFilterRow2 = import_react73.css`
   display: grid;
   grid-template-columns: 35px 1fr;
   gap: var(--spacing-sm);
@@ -7516,7 +7506,7 @@ var ConditionalFilterRow2 = import_react72.css`
     animation: ${import_design_system52.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
-var ConditionalInputRow2 = import_react72.css`
+var ConditionalInputRow2 = import_react73.css`
   display: flex;
   gap: var(--spacing-sm);
   flex-wrap: wrap;
@@ -7539,13 +7529,13 @@ var ConditionalInputRow2 = import_react72.css`
     }
   }
 `;
-var SearchInput2 = import_react72.css`
+var SearchInput2 = import_react73.css`
   && {
     max-height: 40px;
     min-height: unset;
   }
 `;
-var FilterButton3 = import_react72.css`
+var FilterButton3 = import_react73.css`
   align-items: center;
   background: var(--white);
   border: 1px solid var(--gray-300);
@@ -7582,13 +7572,13 @@ var FilterButton3 = import_react72.css`
     opacity: var(--opacity-50);
   }
 `;
-var FilterButtonText2 = import_react72.css`
+var FilterButtonText2 = import_react73.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 14ch;
 `;
-var FilterButtonSelected2 = import_react72.css`
+var FilterButtonSelected2 = import_react73.css`
   background: var(--gray-100);
   border-color: var(--gray-300);
 
@@ -7596,7 +7586,7 @@ var FilterButtonSelected2 = import_react72.css`
     color: var(--accent-dark);
   }
 `;
-var FilterButtonWithOptions2 = import_react72.css`
+var FilterButtonWithOptions2 = import_react73.css`
   :where([aria-expanded='true']) {
     background: var(--purple-rain-100);
     border-color: var(--accent-light);
@@ -7608,14 +7598,14 @@ var FilterButtonWithOptions2 = import_react72.css`
     }
   }
 `;
-var SearchIcon2 = import_react72.css`
+var SearchIcon2 = import_react73.css`
   color: var(--icon-color);
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   margin: auto;
   transition: color var(--duration-fast) var(--timing-ease-out);
 `;
-var AddConditionalBtn2 = import_react72.css`
+var AddConditionalBtn2 = import_react73.css`
   align-items: center;
   background: transparent;
   border: none;
@@ -7634,14 +7624,14 @@ var AddConditionalBtn2 = import_react72.css`
     color: var(--gray-400);
   }
 `;
-var Title2 = import_react72.css`
+var Title2 = import_react73.css`
   color: var(--typography-light);
 
   &:focus {
     outline: none;
   }
 `;
-var ResetConditionsBtn2 = import_react72.css`
+var ResetConditionsBtn2 = import_react73.css`
   background: transparent;
   border: none;
   color: var(--action-destructive-default);
@@ -7653,12 +7643,12 @@ var ResetConditionsBtn2 = import_react72.css`
     color: var(--action-destructive-hover);
   }
 `;
-var IconBtn2 = import_react72.css`
+var IconBtn2 = import_react73.css`
   background: transparent;
   border: none;
   padding: var(--spacing-sm);
 `;
-var SearchAndFilterOptionsContainer3 = import_react72.css`
+var SearchAndFilterOptionsContainer3 = import_react73.css`
   background: var(--gray-50);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -7671,17 +7661,17 @@ var SearchAndFilterOptionsContainer3 = import_react72.css`
   position: relative;
   z-index: 1;
 `;
-var SearchAndFilterOptionsInnerContainer2 = import_react72.css`
+var SearchAndFilterOptionsInnerContainer2 = import_react73.css`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
   padding-inline: var(--spacing-md);
 `;
-var SearchAndFilterButtonGroup2 = import_react72.css`
+var SearchAndFilterButtonGroup2 = import_react73.css`
   margin-top: var(--spacing-xs);
   margin-left: calc(56px + var(--spacing-md));
 `;
-var SortFilterWrapper = (hiddenLocaleInput) => import_react72.css`
+var SortFilterWrapper = (hiddenLocaleInput) => import_react73.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-base);
@@ -7692,13 +7682,13 @@ var SortFilterWrapper = (hiddenLocaleInput) => import_react72.css`
     grid-template-columns: ${hiddenLocaleInput ? "1fr" : "1fr minmax(140px, 0.25fr)"};
   }
 `;
-var SortFilterInputRow = import_react72.css`
+var SortFilterInputRow = import_react73.css`
   align-items: center;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--spacing-base);
 `;
-var InputVariableWrapper = import_react72.css`
+var InputVariableWrapper = import_react73.css`
   flex-grow: 1;
 
   // we need to override label styles nested within the input variable
@@ -7844,7 +7834,7 @@ function createLocationValidator(setValue, validate) {
 
 // src/utils/useContentDataResourceLocaleInfo.ts
 var import_canvas12 = require("@uniformdev/canvas");
-var import_react73 = require("react");
+var import_react74 = require("react");
 function useContentDataResourceLocaleInfo({
   locale,
   defaultLocale,
@@ -7852,12 +7842,12 @@ function useContentDataResourceLocaleInfo({
   dynamicInputs
 }) {
   var _a;
-  const setLocaleRef = (0, import_react73.useRef)(setLocale);
+  const setLocaleRef = (0, import_react74.useRef)(setLocale);
   setLocaleRef.current = setLocale;
   const { flatVariables } = useVariables();
   const effectiveLocale = locale != null ? locale : dynamicInputs[import_canvas12.LOCALE_DYNAMIC_INPUT_NAME] ? (0, import_canvas12.createVariableReference)(import_canvas12.LOCALE_DYNAMIC_INPUT_NAME) : defaultLocale != null ? defaultLocale : "";
   const boundLocale = (_a = (0, import_canvas12.bindVariables)({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
       setLocaleRef.current(effectiveLocale);
     }