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

package/dist/index.js

@@ -33,10 +33,10 @@ var src_exports = {};
 __export(src_exports, {
   $createVariableNode: () => $createVariableNode,
   $isVariableNode: () => $isVariableNode,
-  AddListButton: () => import_design_system53.AddListButton,
-  Button: () => import_design_system53.Button,
+  AddListButton: () => import_design_system54.AddListButton,
+  Button: () => import_design_system54.Button,
   CHECKBOX_OPERATORS: () => CHECKBOX_OPERATORS,
-  Callout: () => import_design_system53.Callout,
+  Callout: () => import_design_system54.Callout,
   ControlledValuePlugin: () => ControlledValuePlugin,
   DATE_OPERATORS: () => DATE_OPERATORS,
   DATE_TIME_OPERATORS: () => DATE_TIME_OPERATORS,
@@ -52,7 +52,7 @@ __export(src_exports, {
   DelegationContext: () => DelegationContext,
   DelegationGate: () => DelegationGate,
   DelegationProvider: () => DelegationProvider,
-  DrawerContent: () => import_design_system53.DrawerContent,
+  DrawerContent: () => import_design_system54.DrawerContent,
   EDIT_VARIABLE_COMMAND: () => EDIT_VARIABLE_COMMAND,
   FilterButton: () => FilterButton2,
   FilterControls: () => FilterControls,
@@ -62,22 +62,22 @@ __export(src_exports, {
   FilterMenu: () => FilterMenu,
   FilterMultiChoiceEditor: () => FilterMultiChoiceEditor,
   FilterSingleChoiceEditor: () => FilterSingleChoiceEditor,
-  Heading: () => import_design_system53.Heading,
+  Heading: () => import_design_system54.Heading,
   INSERT_VARIABLE_COMMAND: () => INSERT_VARIABLE_COMMAND,
   Icons: () => icons_exports,
-  Input: () => import_design_system53.Input,
-  InputComboBox: () => import_design_system53.InputComboBox,
-  InputKeywordSearch: () => import_design_system53.InputKeywordSearch,
-  InputSelect: () => import_design_system53.InputSelect,
-  InputToggle: () => import_design_system53.InputToggle,
+  Input: () => import_design_system54.Input,
+  InputComboBox: () => import_design_system54.InputComboBox,
+  InputKeywordSearch: () => import_design_system54.InputKeywordSearch,
+  InputSelect: () => import_design_system54.InputSelect,
+  InputToggle: () => import_design_system54.InputToggle,
   InputVariables: () => InputVariables,
-  Label: () => import_design_system53.Label,
+  Label: () => import_design_system54.Label,
   LinkButton: () => LinkButton,
-  LoadingIndicator: () => import_design_system53.LoadingIndicator,
-  LoadingOverlay: () => import_design_system53.LoadingOverlay,
+  LoadingIndicator: () => import_design_system54.LoadingIndicator,
+  LoadingOverlay: () => import_design_system54.LoadingOverlay,
   MULTI_SELECT_OPERATORS: () => MULTI_SELECT_OPERATORS,
-  Menu: () => import_design_system53.Menu,
-  MenuItem: () => import_design_system53.MenuItem,
+  Menu: () => import_design_system54.Menu,
+  MenuItem: () => import_design_system54.MenuItem,
   MeshApp: () => MeshApp,
   NUMBER_OPERATORS: () => NUMBER_OPERATORS,
   NumberEditor: () => NumberEditor,
@@ -96,22 +96,22 @@ __export(src_exports, {
   PUBLISH_STATUS_FIELD_OPERATORS: () => PUBLISH_STATUS_FIELD_OPERATORS,
   ParamTypeDynamicDataProvider: () => ParamTypeDynamicDataProvider,
   ParameterConnectionIndicator: () => ParameterConnectionIndicator,
-  ParameterGroup: () => import_design_system53.ParameterGroup,
-  ParameterImage: () => import_design_system53.ParameterImage,
-  ParameterImageInner: () => import_design_system53.ParameterImageInner,
-  ParameterInput: () => import_design_system53.ParameterInput,
-  ParameterInputInner: () => import_design_system53.ParameterInputInner,
-  ParameterLabel: () => import_design_system53.ParameterLabel,
-  ParameterMenuButton: () => import_design_system53.ParameterMenuButton,
+  ParameterGroup: () => import_design_system54.ParameterGroup,
+  ParameterImage: () => import_design_system54.ParameterImage,
+  ParameterImageInner: () => import_design_system54.ParameterImageInner,
+  ParameterInput: () => import_design_system54.ParameterInput,
+  ParameterInputInner: () => import_design_system54.ParameterInputInner,
+  ParameterLabel: () => import_design_system54.ParameterLabel,
+  ParameterMenuButton: () => import_design_system54.ParameterMenuButton,
   ParameterOrSingleVariable: () => ParameterOrSingleVariable,
-  ParameterSelect: () => import_design_system53.ParameterSelect,
-  ParameterSelectInner: () => import_design_system53.ParameterSelectInner,
-  ParameterShell: () => import_design_system53.ParameterShell,
+  ParameterSelect: () => import_design_system54.ParameterSelect,
+  ParameterSelectInner: () => import_design_system54.ParameterSelectInner,
+  ParameterShell: () => import_design_system54.ParameterShell,
   ParameterShellContext: () => import_design_system2.ParameterShellContext,
-  ParameterTextarea: () => import_design_system53.ParameterTextarea,
-  ParameterTextareaInner: () => import_design_system53.ParameterTextareaInner,
-  ParameterToggle: () => import_design_system53.ParameterToggle,
-  ParameterToggleInner: () => import_design_system53.ParameterToggleInner,
+  ParameterTextarea: () => import_design_system54.ParameterTextarea,
+  ParameterTextareaInner: () => import_design_system54.ParameterTextareaInner,
+  ParameterToggle: () => import_design_system54.ParameterToggle,
+  ParameterToggleInner: () => import_design_system54.ParameterToggleInner,
   ParameterVariables: () => ParameterVariables,
   QueryFilter: () => QueryFilter,
   RICHTEXT_OPERATORS: () => RICHTEXT_OPERATORS,
@@ -125,8 +125,8 @@ __export(src_exports, {
   RequestUrlInput: () => RequestUrlInput,
   SELECT_OPERATORS: () => SELECT_OPERATORS,
   SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
-  ScrollableList: () => import_design_system53.ScrollableList,
-  ScrollableListItem: () => import_design_system53.ScrollableListItem,
+  ScrollableList: () => import_design_system54.ScrollableList,
+  ScrollableListItem: () => import_design_system54.ScrollableListItem,
   SearchAndFilter: () => SearchAndFilter,
   SearchAndFilterContext: () => SearchAndFilterContext,
   SearchAndFilterOptionsContainer: () => SearchAndFilterOptionsContainer2,
@@ -137,13 +137,13 @@ __export(src_exports, {
   SortItems: () => SortItems,
   StatusMultiEditor: () => StatusMultiEditor,
   StatusSingleEditor: () => StatusSingleEditor,
-  Switch: () => import_design_system53.Switch,
+  Switch: () => import_design_system54.Switch,
   TEXTBOX_OPERATORS: () => TEXTBOX_OPERATORS,
   TextEditor: () => TextEditor,
   TextMultiChoiceEditor: () => TextMultiChoiceEditor,
   TextVariableRenderer: () => TextVariableRenderer,
-  Textarea: () => import_design_system53.Textarea,
-  Theme: () => import_design_system53.Theme,
+  Textarea: () => import_design_system54.Textarea,
+  Theme: () => import_design_system54.Theme,
   USER_OPERATORS: () => USER_OPERATORS,
   VariableChip: () => VariableChip,
   VariableEditor: () => VariableEditor,
@@ -177,7 +177,7 @@ __export(src_exports, {
   useVariableEditor: () => useVariableEditor,
   useVariables: () => useVariables,
   useVariablesMenu: () => useVariablesMenu,
-  utilityColors: () => import_design_system53.utilityColors,
+  utilityColors: () => import_design_system54.utilityColors,
   variableDefaultTextValue: () => variableDefaultTextValue,
   variablePrefix: () => variablePrefix,
   variableSuffix: () => variableSuffix,
@@ -2460,7 +2460,7 @@ function VariablesComposer(props) {
       nodes: [VariableNode],
       editorState: deserializeVariablesEditorState(props.value)
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
     []
   );
   const editorState = (0, import_react27.useRef)(void 0);
@@ -4006,7 +4006,36 @@ function convertRequestDataToDataType(dataType, requestData) {
 }
 
 // src/components/Delegation/DelegationGate.tsx
+var import_design_system19 = require("@uniformdev/design-system");
 var import_jsx_runtime45 = require("@emotion/react/jsx-runtime");
+var defaultLoadingWrapperStyle = {
+  position: "relative",
+  minHeight: "12rem",
+  width: "100%"
+};
+function DefaultDelegationLoading() {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: defaultLoadingWrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system19.LoadingOverlay, { isActive: true, statusMessage: "Connecting to Uniform..." }) });
+}
+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
+      }
+    )
+  ] });
+}
 function DelegationGate({
   children,
   loadingComponent,
@@ -4018,17 +4047,20 @@ function DelegationGate({
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children });
   }
   if (status === "idle" || status === "acquiring") {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: loadingComponent != null ? loadingComponent : null });
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: loadingComponent !== void 0 ? loadingComponent : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DefaultDelegationLoading, {}) });
   }
   if (status === "disabled") {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: disabledComponent != null ? disabledComponent : null });
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: disabledComponent !== void 0 ? disabledComponent : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DefaultDelegationDisabled, {}) });
   }
   if (status === "error") {
     const resolvedError = error != null ? error : new Error("Unknown delegation error");
-    if (typeof errorComponent === "function") {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: errorComponent({ error: resolvedError }) });
+    if (errorComponent !== void 0) {
+      if (typeof errorComponent === "function") {
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: errorComponent({ error: resolvedError }) });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: errorComponent });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: errorComponent != null ? errorComponent : null });
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DefaultDelegationError, { error: resolvedError });
   }
   return null;
 }
@@ -4036,11 +4068,21 @@ function DelegationGate({
 // src/components/Delegation/DelegationProvider.tsx
 var import_react43 = require("react");
 var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
-function DelegationProvider({ sdk, onSessionToken, checkActive, children }) {
+var DEFAULT_REVALIDATE_AFTER_MS = 5 * 60 * 1e3;
+function DelegationProvider({
+  sdk,
+  onSessionToken,
+  checkActive,
+  revalidateOnFocus = true,
+  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");
+  statusRef.current = status;
   const acquire = (0, import_react43.useCallback)(async () => {
     if (acquiringRef.current) {
       return;
@@ -4087,6 +4129,50 @@ function DelegationProvider({ sdk, onSessionToken, checkActive, children }) {
       mountedRef.current = false;
     };
   }, [acquire]);
+  const revalidate = (0, import_react43.useCallback)(async () => {
+    if (acquiringRef.current) {
+      return;
+    }
+    if (statusRef.current !== "active") {
+      return;
+    }
+    try {
+      const isActive = await checkActive();
+      if (!mountedRef.current) {
+        return;
+      }
+      if (!isActive) {
+        void acquire();
+      }
+    } catch (e) {
+    }
+  }, [checkActive, acquire]);
+  (0, import_react43.useEffect)(() => {
+    if (!revalidateOnFocus) {
+      return;
+    }
+    if (typeof document === "undefined") {
+      return;
+    }
+    let hiddenAt = document.visibilityState === "hidden" ? Date.now() : null;
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "hidden") {
+        hiddenAt = Date.now();
+        return;
+      }
+      if (document.visibilityState === "visible") {
+        const elapsed = hiddenAt === null ? 0 : Date.now() - hiddenAt;
+        hiddenAt = null;
+        if (elapsed >= revalidateAfterMs) {
+          void revalidate();
+        }
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [revalidateOnFocus, revalidateAfterMs, revalidate]);
   const reacquire = (0, import_react43.useCallback)(() => {
     void acquire();
   }, [acquire]);
@@ -4095,7 +4181,7 @@ function DelegationProvider({ sdk, onSessionToken, checkActive, children }) {
 }
 
 // src/components/MeshApp.tsx
-var import_design_system19 = require("@uniformdev/design-system");
+var import_design_system20 = require("@uniformdev/design-system");
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 var import_mesh_sdk = require("@uniformdev/mesh-sdk");
@@ -4122,7 +4208,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
         setSdk(window.UniformMeshSDK);
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react/exhaustive-deps
     [autoResizingDisabled]
   );
   return {
@@ -4146,7 +4232,7 @@ var MeshApp = ({
   const { initializing, error, sdk } = useInitializeUniformMeshSdk();
   if (initializing || !sdk) {
     const LoadingComponent = loadingComponent;
-    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system19.LoadingIndicator, {});
+    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system20.LoadingIndicator, {});
   }
   if (error) {
     const ErrorComponent = errorComponent;
@@ -4156,14 +4242,14 @@ var MeshApp = ({
     throw error;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system19.Theme, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(UniformMeshLocationContextProvider, { children })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system20.Theme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_design_system20.IconsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(UniformMeshLocationContextProvider, { children }) })
   ] });
 };
 
 // src/components/ObjectSearch/DataRefreshButton.tsx
 var import_react45 = require("@emotion/react");
-var import_design_system20 = require("@uniformdev/design-system");
+var import_design_system21 = require("@uniformdev/design-system");
 var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
 var DataRefreshButton = ({
   buttonText,
@@ -4171,9 +4257,9 @@ var DataRefreshButton = ({
   onRefreshData,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system20.Button, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system21.Button, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
     !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_design_system20.LoadingIndicator,
+      import_design_system21.LoadingIndicator,
       {
         css: import_react45.css`
             ${isLoading ? "opacity: 0.2;" : void 0}
@@ -4187,7 +4273,7 @@ var DataRefreshButton = ({
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
 var import_react48 = require("@emotion/react");
 var import_canvas9 = require("@uniformdev/canvas");
-var import_design_system23 = require("@uniformdev/design-system");
+var import_design_system24 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/hooks/ObjectSearchContext.tsx
 var import_canvas8 = require("@uniformdev/canvas");
@@ -4301,11 +4387,11 @@ function bindQuery(query, inputs) {
 }
 
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
-var import_design_system22 = require("@uniformdev/design-system");
+var import_design_system23 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
 var import_react47 = require("@emotion/react");
-var import_design_system21 = require("@uniformdev/design-system");
+var import_design_system22 = require("@uniformdev/design-system");
 var ObjectListItemContainer = import_react47.css`
   align-items: center;
   border: 1px solid var(--gray-300);
@@ -4320,7 +4406,7 @@ var ObjectListItemContainerDisabled = import_react47.css`
   pointer-events: none;
 `;
 var ObjectListItemLoading = import_react47.css`
-  animation: ${import_design_system21.skeletonLoading} 1s linear infinite alternate;
+  animation: ${import_design_system22.skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
   position: relative;
@@ -4437,8 +4523,8 @@ var ObjectSearchListItem = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: ObjectListItemInfoContainer, children: [
-          selected ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system22.Chip, { text: "selected", size: "xs" }) : null,
-          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system22.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+          selected ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system23.Chip, { text: "selected", size: "xs" }) : null,
+          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system23.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
         !children ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { css: ObjectListItemUnControlledContent, children })
       ]
@@ -4463,7 +4549,7 @@ var ObjectSearchContainer = ({
   const { flatVariables } = useVariables(true);
   const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
   const listItems = resultList != null ? resultList : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-    import_design_system23.ScrollableList,
+    import_design_system24.ScrollableList,
     {
       role: "list",
       css: import_react48.css`
@@ -4474,7 +4560,7 @@ var ObjectSearchContainer = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DefaultResultList, {})
     }
   );
-  const body = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_design_system23.VerticalRhythm, { children: [
+  const body = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_design_system24.VerticalRhythm, { children: [
     searchFilters,
     listItems
   ] });
@@ -4505,8 +4591,8 @@ var ObjectSearchContainer = ({
       }
     ]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_design_system23.VerticalRhythm, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system23.Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_design_system24.VerticalRhythm, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system24.Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       InputVariables,
       {
         label,
@@ -4531,13 +4617,13 @@ var DefaultResultList = () => {
     return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ObjectSearchListItemLoadingSkeleton, {}, i));
   }
   if (list.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system23.Callout, { type: "info", children: "No results were found" });
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system24.Callout, { type: "info", children: "No results were found" });
   }
   return (_a = list.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ObjectSearchListItem, { ...item }, item.id));
 };
 
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
-var import_design_system24 = require("@uniformdev/design-system");
+var import_design_system25 = require("@uniformdev/design-system");
 var import_react50 = require("react");
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
@@ -4601,7 +4687,7 @@ var ObjectSearchFilter = ({
       ],
       children: [
         memoizedSelectOptions.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          import_design_system24.InputSelect,
+          import_design_system25.InputSelect,
           {
             label: selectLabel,
             showLabel: false,
@@ -4611,7 +4697,7 @@ var ObjectSearchFilter = ({
           }
         ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          import_design_system24.DebouncedInputKeywordSearch,
+          import_design_system25.DebouncedInputKeywordSearch,
           {
             inputFieldName: searchInputName,
             placeholder: searchInputPlaceholderText,
@@ -4633,7 +4719,7 @@ var ObjectSearchFilterContainer2 = ({ children }) => {
 };
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-var import_design_system26 = require("@uniformdev/design-system");
+var import_design_system27 = require("@uniformdev/design-system");
 var import_timeago = require("timeago.js");
 
 // src/components/Image/Image.tsx
@@ -4645,9 +4731,9 @@ function Image({ src, alt, className }) {
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
 var import_react51 = require("@emotion/react");
-var import_design_system25 = require("@uniformdev/design-system");
+var import_design_system26 = require("@uniformdev/design-system");
 var ButtonStyles = import_react51.css`
-  ${import_design_system25.button}
+  ${import_design_system26.button}
   background: transparent;
   border: 1px solid var(--typography-base);
   color: var(--typography-base);
@@ -4809,7 +4895,7 @@ var ObjectSearchResultItem = ({
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
         /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
           onClick ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            import_design_system26.Link,
+            import_design_system27.Link,
             {
               onClick: (e) => {
                 e.preventDefault();
@@ -4821,10 +4907,10 @@ var ObjectSearchResultItem = ({
               css: ObjectSearchResultItemTitleLink
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: title != null ? title : name }),
-          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system26.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system27.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
         !createdAt && !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
-          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system26.Chip, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
+          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system27.Chip, { theme: legacyThemeMapper(publishStatus.theme), text: publishStatus.text, size: "xs" }),
           !createdAt && !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchUpdateGroup, children: [
             !createdAt ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("small", { css: ObjectSearchResultItemTimeStamp, children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("strong", { children: "Last updated: " }),
@@ -4841,7 +4927,7 @@ var ObjectSearchResultItem = ({
     ] }) }),
     !editLink && hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
       !editLink ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
-      hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system26.Button, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+      hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system27.Button, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
   ] });
 };
@@ -4862,7 +4948,7 @@ function legacyThemeMapper(theme) {
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
 var import_dnd3 = require("@hello-pangea/dnd");
-var import_design_system27 = require("@uniformdev/design-system");
+var import_design_system28 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
 var import_react53 = require("@emotion/react");
@@ -4947,12 +5033,12 @@ function ObjectSearchResultList({
       !resultLabelOverride ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
         " ",
-        !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system27.Counter, { count: selectedListItems.length })
+        !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_design_system28.Counter, { count: selectedListItems.length })
       ] }) : resultLabelOverride,
       /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { css: ObjectSearchResultListCounterContainer, children: [
         additionalButtons,
         hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-          import_design_system27.Button,
+          import_design_system28.Button,
           {
             buttonType: "ghostDestructive",
             size: "xs",
@@ -4990,7 +5076,7 @@ function ObjectSearchResultList({
 }
 
 // src/components/ObjectSearch/QueryFilter.tsx
-var import_design_system28 = require("@uniformdev/design-system");
+var import_design_system29 = require("@uniformdev/design-system");
 var import_react54 = require("react");
 var import_jsx_runtime58 = require("@emotion/react/jsx-runtime");
 var QueryFilter = ({
@@ -5036,7 +5122,7 @@ var QueryFilter = ({
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("fieldset", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_design_system28.VerticalRhythm, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_design_system29.VerticalRhythm, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         InputVariables,
         {
@@ -5046,7 +5132,7 @@ var QueryFilter = ({
           disableInlineMenu: true,
           id: "qf_searchText",
           inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-            import_design_system28.DebouncedInputKeywordSearch,
+            import_design_system29.DebouncedInputKeywordSearch,
             {
               id: "qf_searchText",
               inputFieldName: searchInputName,
@@ -5069,7 +5155,7 @@ var QueryFilter = ({
             onChange: (newType) => handleFilterChange({ contentType: newType }),
             disableInlineMenu: true,
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              import_design_system28.InputSelect,
+              import_design_system29.InputSelect,
               {
                 id: "qf_contentType",
                 label: contentTypeLabel,
@@ -5092,7 +5178,7 @@ var QueryFilter = ({
             disableInlineMenu: true,
             valueToResetTo: "5",
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              import_design_system28.Input,
+              import_design_system29.Input,
               {
                 id: "qf_count",
                 label: countLabel,
@@ -5116,7 +5202,7 @@ var QueryFilter = ({
             onChange: (newSortBy) => handleFilterChange({ sortBy: newSortBy }),
             disableInlineMenu: true,
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              import_design_system28.InputSelect,
+              import_design_system29.InputSelect,
               {
                 label: sortLabel,
                 id: "qf_sortBy",
@@ -5138,7 +5224,7 @@ var QueryFilter = ({
             onChange: (newSort) => handleFilterChange({ sortOrder: newSort }),
             disableInlineMenu: true,
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              import_design_system28.InputSelect,
+              import_design_system29.InputSelect,
               {
                 label: sortOrderLabel,
                 id: "qf_sortOrder",
@@ -5650,7 +5736,7 @@ var MULTI_SELECT_OPERATORS = [
 ];
 
 // src/components/SearchAndFilter/editors/DateEditor.tsx
-var import_design_system29 = require("@uniformdev/design-system");
+var import_design_system30 = require("@uniformdev/design-system");
 var import_react56 = require("react");
 var import_react_use2 = require("react-use");
 var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
@@ -5665,7 +5751,7 @@ var DateEditor = ({
   const [innerValue, setInnerValue] = (0, import_react56.useState)(value != null ? value : "");
   (0, import_react_use2.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-    import_design_system29.Input,
+    import_design_system30.Input,
     {
       type: "date",
       label: ariaLabel,
@@ -5680,12 +5766,12 @@ var DateEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/DateRangeEditor.tsx
-var import_design_system31 = require("@uniformdev/design-system");
+var import_design_system32 = require("@uniformdev/design-system");
 var import_react57 = require("react");
 var import_react_use3 = require("react-use");
 
 // src/components/SearchAndFilter/editors/shared/ErrorContainer.tsx
-var import_design_system30 = require("@uniformdev/design-system");
+var import_design_system31 = require("@uniformdev/design-system");
 var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
 var ErrorContainer = ({ errorMessage }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
@@ -5695,7 +5781,7 @@ var ErrorContainer = ({ errorMessage }) => {
         gridColumn: "span 6",
         order: 6
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_design_system30.FieldMessage, { errorMessage })
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_design_system31.FieldMessage, { errorMessage })
     }
   );
 };
@@ -5769,7 +5855,7 @@ var DateRangeEditor = ({
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
       /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-        import_design_system31.Input,
+        import_design_system32.Input,
         {
           label: `${ariaLabel}-min-date`,
           type: "date",
@@ -5783,7 +5869,7 @@ var DateRangeEditor = ({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-        import_design_system31.Input,
+        import_design_system32.Input,
         {
           label: `${ariaLabel}-max-date`,
           type: "date",
@@ -5802,7 +5888,7 @@ var DateRangeEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/FilterMultiChoiceEditor.tsx
-var import_design_system32 = require("@uniformdev/design-system");
+var import_design_system33 = require("@uniformdev/design-system");
 var import_react58 = require("react");
 
 // src/components/SearchAndFilter/editors/shared/readOnlyAttributes.tsx
@@ -5825,11 +5911,11 @@ var FilterMultiChoiceEditor = ({
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const isClearable = !readOnly || !disabled;
   const { groupedOptions, selectedOptions } = (0, import_react58.useMemo)(
-    () => (0, import_design_system32.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
+    () => (0, import_design_system33.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    import_design_system32.InputComboBox,
+    import_design_system33.InputComboBox,
     {
       ...props,
       placeholder: "Type to search...",
@@ -5838,7 +5924,7 @@ var FilterMultiChoiceEditor = ({
       isClearable,
       isDisabled: disabled,
       onChange: (e) => {
-        const selectedValues = (0, import_design_system32.getComboBoxSelectedSelectableGroups)(e);
+        const selectedValues = (0, import_design_system33.getComboBoxSelectedSelectableGroups)(e);
         return props.onChange([...selectedValues]);
       },
       value: selectedOptions,
@@ -5857,7 +5943,7 @@ var FilterMultiChoiceEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/FilterSingleChoiceEditor.tsx
-var import_design_system33 = require("@uniformdev/design-system");
+var import_design_system34 = require("@uniformdev/design-system");
 var import_react59 = require("react");
 var import_jsx_runtime64 = require("@emotion/react/jsx-runtime");
 var FilterSingleChoiceEditor = ({
@@ -5870,7 +5956,7 @@ var FilterSingleChoiceEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const { groupedOptions, selectedOptions } = (0, import_react59.useMemo)(
-    () => (0, import_design_system33.convertComboBoxGroupsToSelectableGroups)({
+    () => (0, import_design_system34.convertComboBoxGroupsToSelectableGroups)({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [String(value)] : void 0),
       selectionMode: "single"
@@ -5878,7 +5964,7 @@ var FilterSingleChoiceEditor = ({
     [options, value]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    import_design_system33.InputComboBox,
+    import_design_system34.InputComboBox,
     {
       placeholder: "Type to search...",
       options: groupedOptions,
@@ -5906,7 +5992,7 @@ var FilterSingleChoiceEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/NumberEditor.tsx
-var import_design_system34 = require("@uniformdev/design-system");
+var import_design_system35 = require("@uniformdev/design-system");
 var import_react60 = require("react");
 var import_react_use4 = require("react-use");
 var import_jsx_runtime65 = require("@emotion/react/jsx-runtime");
@@ -5921,7 +6007,7 @@ var NumberEditor = ({
   const [innerValue, setInnerValue] = (0, import_react60.useState)(value != null ? value : "");
   (0, import_react_use4.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    import_design_system34.Input,
+    import_design_system35.Input,
     {
       label: ariaLabel,
       type: "number",
@@ -5937,7 +6023,7 @@ var NumberEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/NumberRangeEditor.tsx
-var import_design_system35 = require("@uniformdev/design-system");
+var import_design_system36 = require("@uniformdev/design-system");
 var import_react61 = require("react");
 var import_react_use5 = require("react-use");
 var import_jsx_runtime66 = require("@emotion/react/jsx-runtime");
@@ -5988,7 +6074,7 @@ var NumberRangeEditor = ({
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-        import_design_system35.Input,
+        import_design_system36.Input,
         {
           label: `${ariaLabel}-min`,
           type: "number",
@@ -6004,7 +6090,7 @@ var NumberRangeEditor = ({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-        import_design_system35.Input,
+        import_design_system36.Input,
         {
           type: "number",
           label: `${ariaLabel}-max`,
@@ -6025,15 +6111,15 @@ var NumberRangeEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/StatusMultiEditor.tsx
-var import_design_system37 = require("@uniformdev/design-system");
+var import_design_system38 = require("@uniformdev/design-system");
 var import_react62 = require("react");
 
 // src/components/SearchAndFilter/editors/shared/CustomOptions.tsx
-var import_design_system36 = require("@uniformdev/design-system");
+var import_design_system37 = require("@uniformdev/design-system");
 var import_jsx_runtime67 = require("@emotion/react/jsx-runtime");
 var CustomOptions = ({ label, value }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-    import_design_system36.StatusBullet,
+    import_design_system37.StatusBullet,
     {
       status: label,
       message: Array.isArray(value) ? value.join(",") : value
@@ -6053,16 +6139,16 @@ var StatusMultiEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const { groupedOptions, selectedOptions } = (0, import_react62.useMemo)(
-    () => (0, import_design_system37.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
+    () => (0, import_design_system38.convertComboBoxGroupsToSelectableGroups)({ options: options != null ? options : [], selectedItems: new Set(value) }),
     [options, value]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-    import_design_system37.InputComboBox,
+    import_design_system38.InputComboBox,
     {
       options: groupedOptions != null ? groupedOptions : [],
       isMulti: true,
       onChange: (e) => {
-        const selectedValues = (0, import_design_system37.getComboBoxSelectedSelectableGroups)(e);
+        const selectedValues = (0, import_design_system38.getComboBoxSelectedSelectableGroups)(e);
         return onChange([...selectedValues]);
       },
       formatOptionLabel: CustomOptions,
@@ -6083,7 +6169,7 @@ var StatusMultiEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/StatusSingleEditor.tsx
-var import_design_system38 = require("@uniformdev/design-system");
+var import_design_system39 = require("@uniformdev/design-system");
 var import_react63 = require("react");
 var import_jsx_runtime69 = require("@emotion/react/jsx-runtime");
 var StatusSingleEditor = ({
@@ -6096,7 +6182,7 @@ var StatusSingleEditor = ({
 }) => {
   const readOnlyProps = readOnly ? readOnlyAttributes : {};
   const { groupedOptions, selectedOptions } = (0, import_react63.useMemo)(
-    () => (0, import_design_system38.convertComboBoxGroupsToSelectableGroups)({
+    () => (0, import_design_system39.convertComboBoxGroupsToSelectableGroups)({
       options: options != null ? options : [],
       selectedItems: new Set(value ? [value] : void 0),
       selectionMode: "single"
@@ -6104,7 +6190,7 @@ var StatusSingleEditor = ({
     [options, value]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-    import_design_system38.InputComboBox,
+    import_design_system39.InputComboBox,
     {
       options: groupedOptions,
       onChange: (e) => {
@@ -6131,7 +6217,7 @@ var StatusSingleEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/TextEditor.tsx
-var import_design_system39 = require("@uniformdev/design-system");
+var import_design_system40 = require("@uniformdev/design-system");
 var import_react64 = require("react");
 var import_react_use6 = require("react-use");
 var import_jsx_runtime70 = require("@emotion/react/jsx-runtime");
@@ -6145,7 +6231,7 @@ var TextEditor = ({
   const [innerValue, setInnerValue] = (0, import_react64.useState)(value != null ? value : "");
   (0, import_react_use6.useDebounce)(() => onChange(innerValue), 500, [innerValue]);
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
-    import_design_system39.Input,
+    import_design_system40.Input,
     {
       showLabel: false,
       label: ariaLabel,
@@ -6159,7 +6245,7 @@ var TextEditor = ({
 };
 
 // src/components/SearchAndFilter/editors/TextMultiChoiceEditor.tsx
-var import_design_system40 = require("@uniformdev/design-system");
+var import_design_system41 = require("@uniformdev/design-system");
 var import_react65 = require("react");
 var import_jsx_runtime71 = require("@emotion/react/jsx-runtime");
 var TextMultiChoiceEditor = ({
@@ -6175,10 +6261,10 @@ var TextMultiChoiceEditor = ({
     var _a;
     const coercedValue = typeof value === "string" ? [value] : value != null ? value : [];
     const options = (_a = coercedValue.map((v) => ({ label: v, value: v }))) != null ? _a : [];
-    return (0, import_design_system40.convertComboBoxGroupsToSelectableGroups)({ options, selectedItems: new Set(value) });
+    return (0, import_design_system41.convertComboBoxGroupsToSelectableGroups)({ options, selectedItems: new Set(value) });
   }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-    import_design_system40.InputCreatableComboBox,
+    import_design_system41.InputCreatableComboBox,
     {
       ...props,
       placeholder: "Type a value\u2026",
@@ -6188,7 +6274,7 @@ var TextMultiChoiceEditor = ({
       isClearable,
       isDisabled: disabled,
       onChange: (e) => {
-        const selectedValues = (0, import_design_system40.getComboBoxSelectedSelectableGroups)(e);
+        const selectedValues = (0, import_design_system41.getComboBoxSelectedSelectableGroups)(e);
         return props.onChange([...selectedValues]);
       },
       value: selectedOptions,
@@ -6207,11 +6293,11 @@ var TextMultiChoiceEditor = ({
 };
 
 // src/components/SearchAndFilter/FilterButton.tsx
-var import_design_system42 = require("@uniformdev/design-system");
+var import_design_system43 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/styles/SearchAndFilter.styles.ts
 var import_react66 = require("@emotion/react");
-var import_design_system41 = require("@uniformdev/design-system");
+var import_design_system42 = require("@uniformdev/design-system");
 var SearchAndFilterControlsWrapper = (gridColumns) => import_react66.css`
   align-items: stretch;
   display: grid;
@@ -6231,7 +6317,7 @@ var ConditionalFilterRow = import_react66.css`
   gap: var(--spacing-sm);
   margin-left: var(--spacing-base);
 
-  ${(0, import_design_system41.cq)("380px")} {
+  ${(0, import_design_system42.cq)("380px")} {
     &:after {
       content: '';
       display: block;
@@ -6250,14 +6336,14 @@ var ConditionalFilterRow = import_react66.css`
     grid-template-columns: 50px 1fr;
   }
 
-  ${(0, import_design_system41.cq)("580px")} {
+  ${(0, import_design_system42.cq)("580px")} {
     &:after {
       display: none;
     }
   }
 
   @media (prefers-reduced-motion: no-preference) {
-    animation: ${import_design_system41.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
+    animation: ${import_design_system42.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
 var ConditionalInputRow = import_react66.css`
@@ -6265,7 +6351,7 @@ var ConditionalInputRow = import_react66.css`
   gap: var(--spacing-sm);
   flex-wrap: wrap;
 
-  ${(0, import_design_system41.cq)("380px")} {
+  ${(0, import_design_system42.cq)("380px")} {
     & > div:nth-child(-n + 2) {
       width: calc(50% - var(--spacing-sm));
     }
@@ -6274,7 +6360,7 @@ var ConditionalInputRow = import_react66.css`
       width: calc(100% - 48px);
     }
   }
-  ${(0, import_design_system41.cq)("764px")} {
+  ${(0, import_design_system42.cq)("764px")} {
     align-items: flex-start;
     display: grid;
     grid-template-columns: 250px 160px 1fr 32px;
@@ -6471,7 +6557,7 @@ var SearchAndFilterAdditionalContainer = import_react66.css`
 var import_jsx_runtime72 = require("@emotion/react/jsx-runtime");
 var FilterButton2 = ({
   text = "Filters",
-  icon = import_design_system42.customIcons["filter-add"],
+  icon = import_design_system43.customIcons["filter-add"],
   filterCount,
   hasSelectedValue,
   dataTestId,
@@ -6490,10 +6576,10 @@ var FilterButton2 = ({
       ...props,
       "data-testid": dataTestId,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system42.Icon, { icon, iconColor: "currentColor", size: "1rem" }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.Icon, { icon, iconColor: "currentColor", size: "1rem" }),
         /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { css: FilterButtonText, children: text }),
-        filterCount ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system42.Counter, { count: filterCount, bgColor: "var(--white)" }) : null,
-        showDropdownIcon ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system42.Icon, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
+        filterCount ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.Counter, { count: filterCount, bgColor: "var(--white)" }) : null,
+        showDropdownIcon ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system43.Icon, { icon: "chevron-down", iconColor: "currentColor", size: "1rem" }) : null
       ]
     }
   );
@@ -6502,14 +6588,14 @@ var FilterButton2 = ({
 // src/components/SearchAndFilter/FilterControls.tsx
 var import_CgClose = require("@react-icons/all-files/cg/CgClose");
 var import_canvas10 = require("@uniformdev/canvas");
-var import_design_system44 = require("@uniformdev/design-system");
+var import_design_system45 = require("@uniformdev/design-system");
 var import_lexical11 = require("lexical");
 var import_react68 = require("react");
 var import_react_use7 = require("react-use");
 var import_uuid2 = require("uuid");
 
 // src/components/SearchAndFilter/hooks/useSearchAndFilter.tsx
-var import_design_system43 = require("@uniformdev/design-system");
+var import_design_system44 = require("@uniformdev/design-system");
 var import_react67 = require("react");
 
 // src/components/SearchAndFilter/FilterEditor.tsx
@@ -6700,7 +6786,7 @@ var SearchAndFilterProvider = ({
         filterMapper: filterMapper2,
         allowBindingSearchTerm
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_design_system43.VerticalRhythm, { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_design_system44.VerticalRhythm, { children })
     }
   );
 };
@@ -6766,7 +6852,7 @@ var FilterControls = ({
           onChange: (value) => setLocalSearchTerm(value != null ? value : ""),
           disableVariables: !allowBindingSearchTerm,
           inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-            import_design_system44.InputKeywordSearch,
+            import_design_system45.InputKeywordSearch,
             {
               placeholder: "Search...",
               onSearchTextChanged: (e) => setLocalSearchTerm(e),
@@ -6798,7 +6884,7 @@ var FilterControls = ({
           },
           type: "button",
           "data-testid": "keyword-search-clear-button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system44.Icon, { icon: import_CgClose.CgClose, iconColor: "red", size: "1rem" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system45.Icon, { icon: import_CgClose.CgClose, iconColor: "red", size: "1rem" })
         }
       ) }) : null
     ] }),
@@ -6808,7 +6894,7 @@ var FilterControls = ({
 
 // src/components/SearchAndFilter/FilterItem.tsx
 var import_CgTrash2 = require("@react-icons/all-files/cg/CgTrash");
-var import_design_system45 = require("@uniformdev/design-system");
+var import_design_system46 = require("@uniformdev/design-system");
 var import_react69 = require("react");
 
 // src/components/SearchAndFilter/util/isFilterBindable.ts
@@ -6880,7 +6966,7 @@ var FilterItem = ({
           }
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-        import_design_system45.InputComboBox,
+        import_design_system46.InputComboBox,
         {
           "aria-label": label,
           options: filterOptions,
@@ -6907,7 +6993,7 @@ var FilterItem = ({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-        import_design_system45.InputComboBox,
+        import_design_system46.InputComboBox,
         {
           "aria-label": operatorLabel,
           options: operatorOptions,
@@ -6954,7 +7040,7 @@ var FilterItem = ({
           css: IconBtn,
           "data-testid": "delete-filter",
           disabled: filters.length === 1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_design_system45.Icon, { icon: import_CgTrash2.CgTrash, iconColor: filters.length === 1 ? "gray" : "red", size: "1rem" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_design_system46.Icon, { icon: import_CgTrash2.CgTrash, iconColor: filters.length === 1 ? "gray" : "red", size: "1rem" })
         }
       )
     ] })
@@ -6963,10 +7049,10 @@ var FilterItem = ({
 
 // src/components/SearchAndFilter/FilterItems.tsx
 var import_CgMathPlus = require("@react-icons/all-files/cg/CgMathPlus");
-var import_design_system47 = require("@uniformdev/design-system");
+var import_design_system48 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/FilterMenu.tsx
-var import_design_system46 = require("@uniformdev/design-system");
+var import_design_system47 = require("@uniformdev/design-system");
 var import_react70 = __toESM(require("react"));
 var import_jsx_runtime77 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterOptionsContainer2 = ({
@@ -6977,7 +7063,7 @@ var SearchAndFilterOptionsContainer2 = ({
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { css: SearchAndFilterOptionsContainer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { css: SearchAndFilterOptionsInnerContainer, children }),
     buttonRow ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-      import_design_system46.HorizontalRhythm,
+      import_design_system47.HorizontalRhythm,
       {
         css: SearchAndFilterButtonGroup,
         gap: "sm",
@@ -7006,13 +7092,13 @@ var FilterMenu = ({
       (_a = innerMenuRef.current) == null ? void 0 : _a.focus();
     }
   }, [filterVisibility]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system46.VerticalRhythm, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system47.VerticalRhythm, { gap: "sm", "aria-haspopup": "true", id, "data-testid": dataTestId, children: filterVisibility ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     SearchAndFilterOptionsContainer2,
     {
       buttonRow: menuControls,
       additionalFiltersContainer,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system46.HorizontalRhythm, { gap: "sm", align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system47.HorizontalRhythm, { gap: "sm", align: "center", justify: "space-between", children: [
           filterTitle ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { css: Title, ref: innerMenuRef, tabIndex: 0, children: filterTitle }) : null,
           (filters == null ? void 0 : filters.length) && resetButtonText ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "button",
@@ -7141,7 +7227,7 @@ var FilterItems = ({
     next[index] = { ...next[index], [prop]: value };
     if (prop === "operator") {
       const newOperatorId = value;
-      const currentFilter = next[index];
+      const currentFilter = filters[index];
       if (!newOperatorId) {
         throw new Error("you bad");
       }
@@ -7175,7 +7261,7 @@ var FilterItems = ({
           onClick: handleAddFilter,
           "data-testid": "add-filter",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_design_system47.Icon, { icon: import_CgMathPlus.CgMathPlus, iconColor: "currentColor", size: "1rem" }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_design_system48.Icon, { icon: import_CgMathPlus.CgMathPlus, iconColor: "currentColor", size: "1rem" }),
             addButtonText
           ]
         }
@@ -7212,10 +7298,10 @@ var FilterItems = ({
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx
-var import_design_system49 = require("@uniformdev/design-system");
+var import_design_system50 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-var import_design_system48 = require("@uniformdev/design-system");
+var import_design_system49 = require("@uniformdev/design-system");
 var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterResultContainer = ({
   buttonText,
@@ -7268,18 +7354,18 @@ var SearchAndFilterResultContainer = ({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system48.HorizontalRhythm, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.HorizontalRhythm, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { children: [
         totalResults,
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system48.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system48.Callout, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system48.Paragraph, { children: calloutText }) : null,
+    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_design_system49.Callout, { title: automateCalloutTitle, type: "note", children: [
+      calloutText ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_design_system49.Paragraph, { children: calloutText }) : null,
       hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-        import_design_system48.Button,
+        import_design_system49.Button,
         {
           buttonType: "tertiaryOutline",
           size: "xs",
@@ -7327,7 +7413,7 @@ var SearchAndFilter = ({
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
       onResetFilterValues,
-      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_design_system49.VerticalRhythm, { "data-testid": "search-and-filter", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_design_system50.VerticalRhythm, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "div",
@@ -7346,7 +7432,7 @@ var SearchAndFilter = ({
 };
 
 // src/components/SearchAndFilter/SearchOnlyFilter.tsx
-var import_design_system50 = require("@uniformdev/design-system");
+var import_design_system51 = require("@uniformdev/design-system");
 var import_react71 = require("react");
 var import_react_use8 = require("react-use");
 var import_jsx_runtime81 = require("@emotion/react/jsx-runtime");
@@ -7374,7 +7460,7 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
         setSearchTerm: setLocaleSearchTerm
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-        import_design_system50.InputKeywordSearch,
+        import_design_system51.InputKeywordSearch,
         {
           placeholder: "Search...",
           onSearchTextChanged: (e) => setLocaleSearchTerm(e),
@@ -7388,18 +7474,18 @@ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
 };
 
 // src/components/SearchAndFilter/SortItems.tsx
-var import_design_system52 = require("@uniformdev/design-system");
+var import_design_system53 = require("@uniformdev/design-system");
 
 // src/components/SearchAndFilter/styles/SortItems.styles.ts
 var import_react72 = require("@emotion/react");
-var import_design_system51 = require("@uniformdev/design-system");
+var import_design_system52 = require("@uniformdev/design-system");
 var ConditionalFilterRow2 = import_react72.css`
   display: grid;
   grid-template-columns: 35px 1fr;
   gap: var(--spacing-sm);
   margin-left: var(--spacing-base);
 
-  ${(0, import_design_system51.cq)("380px")} {
+  ${(0, import_design_system52.cq)("380px")} {
     align-items: center;
 
     &:after {
@@ -7420,14 +7506,14 @@ var ConditionalFilterRow2 = import_react72.css`
     grid-template-columns: 50px 1fr;
   }
 
-  ${(0, import_design_system51.cq)("580px")} {
+  ${(0, import_design_system52.cq)("580px")} {
     &:after {
       display: none;
     }
   }
 
   @media (prefers-reduced-motion: no-preference) {
-    animation: ${import_design_system51.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
+    animation: ${import_design_system52.fadeInLtr} var(--duration-fast) var(--timing-ease-out);
   }
 `;
 var ConditionalInputRow2 = import_react72.css`
@@ -7435,7 +7521,7 @@ var ConditionalInputRow2 = import_react72.css`
   gap: var(--spacing-sm);
   flex-wrap: wrap;
 
-  ${(0, import_design_system51.cq)("380px")} {
+  ${(0, import_design_system52.cq)("380px")} {
     & > div:nth-child(-n + 2) {
       width: calc(50% - var(--spacing-sm));
     }
@@ -7444,7 +7530,7 @@ var ConditionalInputRow2 = import_react72.css`
       width: calc(100% - 48px);
     }
   }
-  ${(0, import_design_system51.cq)("580px")} {
+  ${(0, import_design_system52.cq)("580px")} {
     display: grid;
     grid-template-columns: 200px 160px 1fr 32px;
 
@@ -7601,7 +7687,7 @@ var SortFilterWrapper = (hiddenLocaleInput) => import_react72.css`
   gap: var(--spacing-base);
   flex-grow: 1;
 
-  ${(0, import_design_system51.cq)("420px")} {
+  ${(0, import_design_system52.cq)("420px")} {
     display: grid;
     grid-template-columns: ${hiddenLocaleInput ? "1fr" : "1fr minmax(140px, 0.25fr)"};
   }
@@ -7646,7 +7732,7 @@ var SortItems = ({
   })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((nestedOption) => nestedOption.value === sortField);
   const localeLabelValue = sortOptions.length > 1 ? localeLabel : `${localeLabel}s`;
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { css: [SortFilterWrapper(hideLocaleOptions)], "data-testid": "sorting-options", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_design_system52.VerticalRhythm, { gap: "xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_design_system53.VerticalRhythm, { gap: "xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { css: Title2, children: sortByLabel }),
       /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { css: SortFilterInputRow, children: [
         /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
@@ -7658,7 +7744,7 @@ var SortItems = ({
             valueToResetTo: "created_at",
             onChange: (e) => onSortChange(`${e}_${sortDirection}`),
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-              import_design_system52.InputComboBox,
+              import_design_system53.InputComboBox,
               {
                 id: "sort-by-field",
                 "aria-label": "Sort by",
@@ -7689,7 +7775,7 @@ var SortItems = ({
             showMenuPosition: disableSortBinding ? void 0 : "inline-right",
             onChange: (e) => onSortChange(`${sortField}_${e}`),
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-              import_design_system52.SegmentedControl,
+              import_design_system53.SegmentedControl,
               {
                 noCheckmark: true,
                 name: "sortBy",
@@ -7720,7 +7806,7 @@ var SortItems = ({
         )
       ] })
     ] }),
-    hideLocaleOptions ? null : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_design_system52.VerticalRhythm, { gap: "xs", css: InputVariableWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    hideLocaleOptions ? null : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_design_system53.VerticalRhythm, { gap: "xs", css: InputVariableWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       InputVariables,
       {
         label: localeLabelValue,
@@ -7728,7 +7814,7 @@ var SortItems = ({
         showMenuPosition: "inline-right",
         onChange: (e) => onLocaleChange(e != null ? e : ""),
         inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-          import_design_system52.InputSelect,
+          import_design_system53.InputSelect,
           {
             name: "localeReturned",
             "aria-label": localeLabelValue,
@@ -7780,7 +7866,7 @@ function useContentDataResourceLocaleInfo({
 }
 
 // src/index.ts
-var import_design_system53 = require("@uniformdev/design-system");
+var import_design_system54 = require("@uniformdev/design-system");
 __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {