@uniformdev/mesh-sdk-react 20.78.0 → 20.78.1-alpha.20.sha-fc102eb30c

package/dist/index.d.mts

@@ -1638,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 */
@@ -1648,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.
      *
@@ -1675,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;
@@ -2120,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'> & {

package/dist/index.d.ts

@@ -1638,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 */
@@ -1648,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.
      *
@@ -1675,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;
@@ -2120,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'> & {

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.78.0",
+  "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.78.0",
-    "@uniformdev/design-system": "20.78.0",
-    "@uniformdev/mesh-sdk": "20.78.0",
-    "@uniformdev/richtext": "20.78.0",
+    "@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": "22d94ee916bde5e32c96995da69cfe479f87a9c9"
+  "gitHead": "fc102eb30cbba6ce908bee39207c6a41f34f3962"
 }