@uniformdev/mesh-sdk-react 20.77.2-alpha.3.sha-e9420d8e77 → 20.78.1-alpha.20.sha-fc102eb30c

package/dist/index.d.mts

@@ -912,14 +912,10 @@ declare function DataTypeEditor({ onChange, children, editVariableComponent }: D
 
 /**
  * Status of the delegation session as seen from the React provider.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 type DelegationStatus = 'idle' | 'acquiring' | 'active' | 'disabled' | 'error';
 /**
  * Value provided by DelegationProvider via React context.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 interface DelegationContextValue {
     status: DelegationStatus;
@@ -931,12 +927,8 @@ interface DelegationContextValue {
      */
     reacquire: () => Promise<void>;
 }
-/** @deprecated This beta identity delegation API may change with breaking changes. */
 declare const DelegationContext: React$1.Context<DelegationContextValue | null>;
 
-/**
- * @deprecated This beta identity delegation API may change with breaking changes.
- */
 interface DelegationGateProps {
     children: React__default.ReactNode;
     /** Shown while delegation is starting. Omit to use the default loading UI. */
@@ -954,8 +946,6 @@ interface DelegationGateProps {
  *
  * Sensible defaults use the design system (loading overlay, callouts). Pass `loadingComponent`,
  * `disabledComponent`, or `errorComponent` to customize; pass `null` to render nothing for that state.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function DelegationGate({ children, loadingComponent, disabledComponent, errorComponent, }: DelegationGateProps): _emotion_react_jsx_runtime.JSX.Element | null;
 
@@ -963,15 +953,10 @@ declare function DelegationGate({ children, loadingComponent, disabledComponent,
  * Thrown by `reacquire()` when `sdk.getSessionToken()` returns `undefined`,
  * meaning identity delegation is not enabled for this integration.
  * Distinct from transient errors so callers can avoid showing an error state.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare class DelegationDisabledError extends Error {
     constructor();
 }
-/**
- * @deprecated This beta identity delegation API may change with breaking changes.
- */
 interface DelegationProviderProps {
     /** `UniformMeshSDK` instance obtained from `useUniformMeshSdk()`. */
     sdk: UniformMeshSDK;
@@ -1018,8 +1003,6 @@ interface DelegationProviderProps {
  * Mid-session expiry (visible tab, BFF returns `delegation_expired`) is recovered via
  * `reacquire()` — typically through `useDelegationFetch`, which awaits re-exchange and
  * retries the failed request once.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function DelegationProvider({ sdk, onSessionToken, checkActive, revalidateOnFocus, revalidateAfterMs, children, }: DelegationProviderProps): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1655,6 +1638,8 @@ type FilterOptionLeftHandComponentProps = {
 type FilterOption = {
     /** The label for the option */
     label: string;
+    /** Secondary context shown under the label in the filter menu */
+    secondaryLabel?: string;
     /** The value for the option */
     value: string;
     /** The operator options for the option */
@@ -1665,6 +1650,13 @@ type FilterOption = {
     readOnly?: boolean;
     /** Set a disabled state on the input */
     disabled?: boolean;
+    /**
+     * Marks a criteria that may only appear once across the whole filter set (e.g. content/composition
+     * type, workflow). Consumers that build filters interactively (e.g. the modern filter bar) use this
+     * to disable the criteria in "add"/"change" menus while it is already occupied by another row,
+     * deriving occupancy from their live working rows rather than the applied filters.
+     */
+    singleUse?: boolean;
     /**
      * Controls whether the filter's right-hand-side allows bound dynamic tokens.
      *
@@ -1692,7 +1684,13 @@ type FilterOptionGroup = {
     /** The options for the option */
     options?: FilterOption[];
 };
-/** Filter selected and query value props */
+/**
+ * Filter selected and query value props.
+ *
+ * @deprecated Frozen for legacy SearchAndFilter UI compatibility. New dashboard
+ * code should use the Filter type from the views API; this mesh export is not a
+ * published replacement and will not gain new fields.
+ */
 type Filter = {
     /** The field value selected */
     field: string;
@@ -2137,7 +2135,7 @@ type SearchAndFilterResultContainerProps = {
     hideClearButton?: boolean;
 };
 /** Search and filter results container */
-declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const SearchAndFilterResultContainer: ({ buttonText, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
 type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {
@@ -2182,8 +2180,6 @@ declare const SortItems: ({ sortByLabel, localeLabel, sortOptions, sortByValue,
 
 /**
  * Options for {@link createDelegationFetch}.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 interface CreateDelegationFetchOptions {
     /**
@@ -2201,16 +2197,12 @@ interface CreateDelegationFetchOptions {
 }
 /**
  * Default expiry check: 401 whose JSON body has `code === DELEGATION_EXPIRED_CODE`.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function isDelegationExpiredResponse(response: Response): Promise<boolean>;
 /**
  * `fetch` wrapper that injects the Mesh CSRF header, and on a BFF
  * `delegation_expired` 401 calls `reacquire()` once then retries.
  * A second expiry after reacquire is returned as-is.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function createDelegationFetch(options: CreateDelegationFetchOptions): typeof fetch;
 
@@ -2220,8 +2212,6 @@ declare function useConnectedDataAsVariables(connectedData: Record<string, unkno
 /**
  * Delegation session state (`status`, `error`, awaitable `reacquire`).
  * Requires `DelegationProvider`. Prefer {@link useDelegationFetch} for BFF calls.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function useDelegation(): DelegationContextValue;
 
@@ -2229,8 +2219,6 @@ declare function useDelegation(): DelegationContextValue;
  * `fetch` for BFF calls: injects the Mesh CSRF header, and on `delegation_expired`
  * 401 reacquires via {@link useDelegation} then retries once.
  * Requires `DelegationProvider`. See {@link createDelegationFetch}.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function useDelegationFetch(options?: Omit<CreateDelegationFetchOptions, 'reacquire'>): typeof fetch;
 

package/dist/index.d.ts

@@ -912,14 +912,10 @@ declare function DataTypeEditor({ onChange, children, editVariableComponent }: D
 
 /**
  * Status of the delegation session as seen from the React provider.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 type DelegationStatus = 'idle' | 'acquiring' | 'active' | 'disabled' | 'error';
 /**
  * Value provided by DelegationProvider via React context.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 interface DelegationContextValue {
     status: DelegationStatus;
@@ -931,12 +927,8 @@ interface DelegationContextValue {
      */
     reacquire: () => Promise<void>;
 }
-/** @deprecated This beta identity delegation API may change with breaking changes. */
 declare const DelegationContext: React$1.Context<DelegationContextValue | null>;
 
-/**
- * @deprecated This beta identity delegation API may change with breaking changes.
- */
 interface DelegationGateProps {
     children: React__default.ReactNode;
     /** Shown while delegation is starting. Omit to use the default loading UI. */
@@ -954,8 +946,6 @@ interface DelegationGateProps {
  *
  * Sensible defaults use the design system (loading overlay, callouts). Pass `loadingComponent`,
  * `disabledComponent`, or `errorComponent` to customize; pass `null` to render nothing for that state.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function DelegationGate({ children, loadingComponent, disabledComponent, errorComponent, }: DelegationGateProps): _emotion_react_jsx_runtime.JSX.Element | null;
 
@@ -963,15 +953,10 @@ declare function DelegationGate({ children, loadingComponent, disabledComponent,
  * Thrown by `reacquire()` when `sdk.getSessionToken()` returns `undefined`,
  * meaning identity delegation is not enabled for this integration.
  * Distinct from transient errors so callers can avoid showing an error state.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare class DelegationDisabledError extends Error {
     constructor();
 }
-/**
- * @deprecated This beta identity delegation API may change with breaking changes.
- */
 interface DelegationProviderProps {
     /** `UniformMeshSDK` instance obtained from `useUniformMeshSdk()`. */
     sdk: UniformMeshSDK;
@@ -1018,8 +1003,6 @@ interface DelegationProviderProps {
  * Mid-session expiry (visible tab, BFF returns `delegation_expired`) is recovered via
  * `reacquire()` — typically through `useDelegationFetch`, which awaits re-exchange and
  * retries the failed request once.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function DelegationProvider({ sdk, onSessionToken, checkActive, revalidateOnFocus, revalidateAfterMs, children, }: DelegationProviderProps): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1655,6 +1638,8 @@ type FilterOptionLeftHandComponentProps = {
 type FilterOption = {
     /** The label for the option */
     label: string;
+    /** Secondary context shown under the label in the filter menu */
+    secondaryLabel?: string;
     /** The value for the option */
     value: string;
     /** The operator options for the option */
@@ -1665,6 +1650,13 @@ type FilterOption = {
     readOnly?: boolean;
     /** Set a disabled state on the input */
     disabled?: boolean;
+    /**
+     * Marks a criteria that may only appear once across the whole filter set (e.g. content/composition
+     * type, workflow). Consumers that build filters interactively (e.g. the modern filter bar) use this
+     * to disable the criteria in "add"/"change" menus while it is already occupied by another row,
+     * deriving occupancy from their live working rows rather than the applied filters.
+     */
+    singleUse?: boolean;
     /**
      * Controls whether the filter's right-hand-side allows bound dynamic tokens.
      *
@@ -1692,7 +1684,13 @@ type FilterOptionGroup = {
     /** The options for the option */
     options?: FilterOption[];
 };
-/** Filter selected and query value props */
+/**
+ * Filter selected and query value props.
+ *
+ * @deprecated Frozen for legacy SearchAndFilter UI compatibility. New dashboard
+ * code should use the Filter type from the views API; this mesh export is not a
+ * published replacement and will not gain new fields.
+ */
 type Filter = {
     /** The field value selected */
     field: string;
@@ -2137,7 +2135,7 @@ type SearchAndFilterResultContainerProps = {
     hideClearButton?: boolean;
 };
 /** Search and filter results container */
-declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const SearchAndFilterResultContainer: ({ buttonText, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
 type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {
@@ -2182,8 +2180,6 @@ declare const SortItems: ({ sortByLabel, localeLabel, sortOptions, sortByValue,
 
 /**
  * Options for {@link createDelegationFetch}.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 interface CreateDelegationFetchOptions {
     /**
@@ -2201,16 +2197,12 @@ interface CreateDelegationFetchOptions {
 }
 /**
  * Default expiry check: 401 whose JSON body has `code === DELEGATION_EXPIRED_CODE`.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function isDelegationExpiredResponse(response: Response): Promise<boolean>;
 /**
  * `fetch` wrapper that injects the Mesh CSRF header, and on a BFF
  * `delegation_expired` 401 calls `reacquire()` once then retries.
  * A second expiry after reacquire is returned as-is.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function createDelegationFetch(options: CreateDelegationFetchOptions): typeof fetch;
 
@@ -2220,8 +2212,6 @@ declare function useConnectedDataAsVariables(connectedData: Record<string, unkno
 /**
  * Delegation session state (`status`, `error`, awaitable `reacquire`).
  * Requires `DelegationProvider`. Prefer {@link useDelegationFetch} for BFF calls.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function useDelegation(): DelegationContextValue;
 
@@ -2229,8 +2219,6 @@ declare function useDelegation(): DelegationContextValue;
  * `fetch` for BFF calls: injects the Mesh CSRF header, and on `delegation_expired`
  * 401 reacquires via {@link useDelegation} then retries once.
  * Requires `DelegationProvider`. See {@link createDelegationFetch}.
- *
- * @deprecated This beta identity delegation API may change with breaking changes.
  */
 declare function useDelegationFetch(options?: Omit<CreateDelegationFetchOptions, 'reacquire'>): typeof fetch;
 

package/dist/index.esm.js

@@ -6426,6 +6426,10 @@ var ConditionalInputRow = css22`
 var ConditionalInputRowEmpty = css22`
   flex-wrap: nowrap;
 `;
+var FilterOptionSecondaryLabel = css22`
+  color: var(--gray-600);
+  font-size: var(--fs-xs);
+`;
 var SearchInput = css22`
   && {
     max-height: 40px;
@@ -7101,6 +7105,10 @@ var FilterItem = ({
             var _a2;
             onFilterOptionChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          formatOptionLabel: (option, { context }) => /* @__PURE__ */ jsxs34("div", { children: [
+            /* @__PURE__ */ jsx77("div", { children: option.label }),
+            context === "menu" && "secondaryLabel" in option && option.secondaryLabel ? /* @__PURE__ */ jsx77("div", { css: FilterOptionSecondaryLabel, children: option.secondaryLabel }) : null
+          ] }),
           isOptionDisabled: (option) => {
             var _a2;
             return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
@@ -7430,11 +7438,10 @@ var FilterItems = ({
 import { VerticalRhythm as VerticalRhythm7 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-import { Button as Button5, Callout as Callout5, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
+import { Button as Button5, Callout as Callout5, Paragraph } from "@uniformdev/design-system";
 import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterResultContainer = ({
   buttonText,
-  clearButtonLabel = "clear",
   calloutTitle,
   calloutText,
   onHandleClear,
@@ -7482,29 +7489,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ jsxs37(Fragment15, { children: [
-    /* @__PURE__ */ jsxs37(HorizontalRhythm9, { children: [
-      /* @__PURE__ */ jsxs37("span", { children: [
-        totalResults,
-        " results ",
-        searchTerm ? `for "${searchTerm}"` : null
-      ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx80(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
-    ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ jsx80(
-        Button5,
-        {
-          buttonType: "tertiaryOutline",
-          size: "xs",
-          onClick: handleClearSearch,
-          "data-testid": "clear-search",
-          children: clearButtonText
-        }
-      )
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsx80(Fragment15, { children: totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
+    calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
+    hideClearButton ? null : /* @__PURE__ */ jsx80(
+      Button5,
+      {
+        buttonType: "tertiaryOutline",
+        size: "xs",
+        onClick: handleClearSearch,
+        "data-testid": "clear-search",
+        children: clearButtonText
+      }
+    )
+  ] }) : null });
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx

package/dist/index.js

@@ -6503,6 +6503,10 @@ var ConditionalInputRow = import_react70.css`
 var ConditionalInputRowEmpty = import_react70.css`
   flex-wrap: nowrap;
 `;
+var FilterOptionSecondaryLabel = import_react70.css`
+  color: var(--gray-600);
+  font-size: var(--fs-xs);
+`;
 var SearchInput = import_react70.css`
   && {
     max-height: 40px;
@@ -7164,6 +7168,10 @@ var FilterItem = ({
             var _a2;
             onFilterOptionChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          formatOptionLabel: (option, { context }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: option.label }),
+            context === "menu" && "secondaryLabel" in option && option.secondaryLabel ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { css: FilterOptionSecondaryLabel, children: option.secondaryLabel }) : null
+          ] }),
           isOptionDisabled: (option) => {
             var _a2;
             return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
@@ -7497,7 +7505,6 @@ var import_design_system49 = require("@uniformdev/design-system");
 var import_jsx_runtime79 = require("@emotion/react/jsx-runtime");
 var SearchAndFilterResultContainer = ({
   buttonText,
-  clearButtonLabel = "clear",
   calloutTitle,
   calloutText,
   onHandleClear,
@@ -7545,29 +7552,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { 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_system49.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
-    ] }),
-    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_system49.Button,
-        {
-          buttonType: "tertiaryOutline",
-          size: "xs",
-          onClick: handleClearSearch,
-          "data-testid": "clear-search",
-          children: clearButtonText
-        }
-      )
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: 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_system49.Button,
+      {
+        buttonType: "tertiaryOutline",
+        size: "xs",
+        onClick: handleClearSearch,
+        "data-testid": "clear-search",
+        children: clearButtonText
+      }
+    )
+  ] }) : null });
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx

package/dist/index.mjs

@@ -6426,6 +6426,10 @@ var ConditionalInputRow = css22`
 var ConditionalInputRowEmpty = css22`
   flex-wrap: nowrap;
 `;
+var FilterOptionSecondaryLabel = css22`
+  color: var(--gray-600);
+  font-size: var(--fs-xs);
+`;
 var SearchInput = css22`
   && {
     max-height: 40px;
@@ -7101,6 +7105,10 @@ var FilterItem = ({
             var _a2;
             onFilterOptionChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
           },
+          formatOptionLabel: (option, { context }) => /* @__PURE__ */ jsxs34("div", { children: [
+            /* @__PURE__ */ jsx77("div", { children: option.label }),
+            context === "menu" && "secondaryLabel" in option && option.secondaryLabel ? /* @__PURE__ */ jsx77("div", { css: FilterOptionSecondaryLabel, children: option.secondaryLabel }) : null
+          ] }),
           isOptionDisabled: (option) => {
             var _a2;
             return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
@@ -7430,11 +7438,10 @@ var FilterItems = ({
 import { VerticalRhythm as VerticalRhythm7 } from "@uniformdev/design-system";
 
 // src/components/SearchAndFilter/SearchAndFilterResultContainer.tsx
-import { Button as Button5, Callout as Callout5, HorizontalRhythm as HorizontalRhythm9, Paragraph } from "@uniformdev/design-system";
+import { Button as Button5, Callout as Callout5, Paragraph } from "@uniformdev/design-system";
 import { Fragment as Fragment15, jsx as jsx80, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var SearchAndFilterResultContainer = ({
   buttonText,
-  clearButtonLabel = "clear",
   calloutTitle,
   calloutText,
   onHandleClear,
@@ -7482,29 +7489,19 @@ var SearchAndFilterResultContainer = ({
       handleResetFilters();
     }
   };
-  return /* @__PURE__ */ jsxs37(Fragment15, { children: [
-    /* @__PURE__ */ jsxs37(HorizontalRhythm9, { children: [
-      /* @__PURE__ */ jsxs37("span", { children: [
-        totalResults,
-        " results ",
-        searchTerm ? `for "${searchTerm}"` : null
-      ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx80(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
-    ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
-      calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ jsx80(
-        Button5,
-        {
-          buttonType: "tertiaryOutline",
-          size: "xs",
-          onClick: handleClearSearch,
-          "data-testid": "clear-search",
-          children: clearButtonText
-        }
-      )
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsx80(Fragment15, { children: totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout5, { title: automateCalloutTitle, type: "note", children: [
+    calloutText ? /* @__PURE__ */ jsx80(Paragraph, { children: calloutText }) : null,
+    hideClearButton ? null : /* @__PURE__ */ jsx80(
+      Button5,
+      {
+        buttonType: "tertiaryOutline",
+        size: "xs",
+        onClick: handleClearSearch,
+        "data-testid": "clear-search",
+        children: clearButtonText
+      }
+    )
+  ] }) : null });
 };
 
 // src/components/SearchAndFilter/SearchAndFilter.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.77.2-alpha.3.sha-e9420d8e77",
+  "version": "20.78.1-alpha.20.sha-fc102eb30c",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,10 +50,10 @@
     "@lexical/selection": "0.49.0",
     "@lexical/utils": "0.49.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
-    "@uniformdev/canvas": "20.77.2-alpha.3.sha-e9420d8e77",
-    "@uniformdev/design-system": "20.77.2-alpha.3.sha-e9420d8e77",
-    "@uniformdev/mesh-sdk": "20.77.2-alpha.3.sha-e9420d8e77",
-    "@uniformdev/richtext": "20.77.2-alpha.3.sha-e9420d8e77",
+    "@uniformdev/canvas": "20.78.1-alpha.20.sha-fc102eb30c",
+    "@uniformdev/design-system": "20.78.1-alpha.20.sha-fc102eb30c",
+    "@uniformdev/mesh-sdk": "20.78.1-alpha.20.sha-fc102eb30c",
+    "@uniformdev/richtext": "20.78.1-alpha.20.sha-fc102eb30c",
     "dequal": "^2.0.3",
     "lexical": "0.49.0",
     "mitt": "3.0.1",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e9420d8e77e7b9b0c5ea14bfe38f1f16a9a236ee"
+  "gitHead": "fc102eb30cbba6ce908bee39207c6a41f34f3962"
 }