@uniformdev/mesh-sdk-react 20.30.1 → 20.31.1-alpha.7

package/dist/index.esm.js

@@ -4232,7 +4232,6 @@ var ObjectSearchContainer = ({
       role: "list",
       css: css16`
         > div {
-          transition: max-height var(--duration-slow) var(--timing-ease-out);
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
       `,
@@ -7004,15 +7003,36 @@ var SearchAndFilterResultContainer = ({
   hideClearButton
 }) => {
   const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
-  const automateCalloutTitle = () => {
-    if (searchTerm && !filters.length) {
-      return "No search results found";
+  const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
+  const getTextValue = ({
+    defaultPropText,
+    searchText,
+    filterText,
+    fallbackText
+  }) => {
+    if (defaultPropText) {
+      return defaultPropText;
+    }
+    if (searchTerm && emptyFilters) {
+      return searchText;
     }
-    if (filters.length && !searchTerm) {
-      return "No results match the selected filters";
+    if (!emptyFilters && !searchTerm) {
+      return filterText;
     }
-    return "No matching results found";
+    return fallbackText;
   };
+  const clearButtonText = getTextValue({
+    defaultPropText: buttonText,
+    searchText: "Clear search",
+    filterText: "Clear filters",
+    fallbackText: "Clear results"
+  });
+  const automateCalloutTitle = getTextValue({
+    defaultPropText: calloutTitle,
+    searchText: "No search results found",
+    filterText: "No results match the selected filters",
+    fallbackText: "No matching results found"
+  });
   if (totalResults && totalResults > 0) {
     return null;
   }
@@ -7033,7 +7053,7 @@ var SearchAndFilterResultContainer = ({
       ] }),
       !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx78(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout4, { title: calloutTitle != null ? calloutTitle : automateCalloutTitle(), type: "note", children: [
+    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout4, { title: automateCalloutTitle, type: "note", children: [
       calloutText ? /* @__PURE__ */ jsx78(Paragraph, { children: calloutText }) : null,
       hideClearButton ? null : /* @__PURE__ */ jsx78(
         Button5,
@@ -7042,7 +7062,7 @@ var SearchAndFilterResultContainer = ({
           size: "xs",
           onClick: handleClearSearch,
           "data-testid": "clear-search",
-          children: buttonText != null ? buttonText : "Clear search"
+          children: clearButtonText
         }
       )
     ] }) : null

package/dist/index.js

@@ -4323,7 +4323,6 @@ var ObjectSearchContainer = ({
       role: "list",
       css: import_react45.css`
         > div {
-          transition: max-height var(--duration-slow) var(--timing-ease-out);
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
       `,
@@ -7069,15 +7068,36 @@ var SearchAndFilterResultContainer = ({
   hideClearButton
 }) => {
   const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
-  const automateCalloutTitle = () => {
-    if (searchTerm && !filters.length) {
-      return "No search results found";
+  const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
+  const getTextValue = ({
+    defaultPropText,
+    searchText,
+    filterText,
+    fallbackText
+  }) => {
+    if (defaultPropText) {
+      return defaultPropText;
+    }
+    if (searchTerm && emptyFilters) {
+      return searchText;
     }
-    if (filters.length && !searchTerm) {
-      return "No results match the selected filters";
+    if (!emptyFilters && !searchTerm) {
+      return filterText;
     }
-    return "No matching results found";
+    return fallbackText;
   };
+  const clearButtonText = getTextValue({
+    defaultPropText: buttonText,
+    searchText: "Clear search",
+    filterText: "Clear filters",
+    fallbackText: "Clear results"
+  });
+  const automateCalloutTitle = getTextValue({
+    defaultPropText: calloutTitle,
+    searchText: "No search results found",
+    filterText: "No results match the selected filters",
+    fallbackText: "No matching results found"
+  });
   if (totalResults && totalResults > 0) {
     return null;
   }
@@ -7098,7 +7118,7 @@ var SearchAndFilterResultContainer = ({
       ] }),
       !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system48.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system48.Callout, { title: calloutTitle != null ? calloutTitle : automateCalloutTitle(), type: "note", children: [
+    totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_design_system48.Callout, { title: automateCalloutTitle, type: "note", children: [
       calloutText ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system48.Paragraph, { children: calloutText }) : null,
       hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         import_design_system48.Button,
@@ -7107,7 +7127,7 @@ var SearchAndFilterResultContainer = ({
           size: "xs",
           onClick: handleClearSearch,
           "data-testid": "clear-search",
-          children: buttonText != null ? buttonText : "Clear search"
+          children: clearButtonText
         }
       )
     ] }) : null

package/dist/index.mjs

@@ -4232,7 +4232,6 @@ var ObjectSearchContainer = ({
       role: "list",
       css: css16`
         > div {
-          transition: max-height var(--duration-slow) var(--timing-ease-out);
           max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
         }
       `,
@@ -7004,15 +7003,36 @@ var SearchAndFilterResultContainer = ({
   hideClearButton
 }) => {
   const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
-  const automateCalloutTitle = () => {
-    if (searchTerm && !filters.length) {
-      return "No search results found";
+  const emptyFilters = filters.length === 0 || filters.every((filter) => !filter.value);
+  const getTextValue = ({
+    defaultPropText,
+    searchText,
+    filterText,
+    fallbackText
+  }) => {
+    if (defaultPropText) {
+      return defaultPropText;
+    }
+    if (searchTerm && emptyFilters) {
+      return searchText;
     }
-    if (filters.length && !searchTerm) {
-      return "No results match the selected filters";
+    if (!emptyFilters && !searchTerm) {
+      return filterText;
     }
-    return "No matching results found";
+    return fallbackText;
   };
+  const clearButtonText = getTextValue({
+    defaultPropText: buttonText,
+    searchText: "Clear search",
+    filterText: "Clear filters",
+    fallbackText: "Clear results"
+  });
+  const automateCalloutTitle = getTextValue({
+    defaultPropText: calloutTitle,
+    searchText: "No search results found",
+    filterText: "No results match the selected filters",
+    fallbackText: "No matching results found"
+  });
   if (totalResults && totalResults > 0) {
     return null;
   }
@@ -7033,7 +7053,7 @@ var SearchAndFilterResultContainer = ({
       ] }),
       !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx78(Button5, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
-    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout4, { title: calloutTitle != null ? calloutTitle : automateCalloutTitle(), type: "note", children: [
+    totalResults === 0 ? /* @__PURE__ */ jsxs37(Callout4, { title: automateCalloutTitle, type: "note", children: [
       calloutText ? /* @__PURE__ */ jsx78(Paragraph, { children: calloutText }) : null,
       hideClearButton ? null : /* @__PURE__ */ jsx78(
         Button5,
@@ -7042,7 +7062,7 @@ var SearchAndFilterResultContainer = ({
           size: "xs",
           onClick: handleClearSearch,
           "data-testid": "clear-search",
-          children: buttonText != null ? buttonText : "Clear search"
+          children: clearButtonText
         }
       )
     ] }) : null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.30.1",
+  "version": "20.31.1-alpha.7+9d96376c09",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,10 +50,10 @@
     "@lexical/selection": "0.25.0",
     "@lexical/utils": "0.25.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.30.1",
-    "@uniformdev/design-system": "20.30.1",
-    "@uniformdev/mesh-sdk": "20.30.1",
-    "@uniformdev/richtext": "20.30.1",
+    "@uniformdev/canvas": "20.31.1-alpha.7+9d96376c09",
+    "@uniformdev/design-system": "20.31.1-alpha.7+9d96376c09",
+    "@uniformdev/mesh-sdk": "20.31.1-alpha.7+9d96376c09",
+    "@uniformdev/richtext": "20.31.1-alpha.7+9d96376c09",
     "dequal": "^2.0.3",
     "lexical": "0.25.0",
     "mitt": "3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8f255b1cff89486c0aca67be6c6409c68766276c"
+  "gitHead": "9d96376c09c3471f9ed1810db163c825314f9146"
 }