@uniformdev/design-system 19.138.1-alpha.4 → 19.139.0

package/dist/esm/index.js

@@ -20344,6 +20344,11 @@ var TEXTBOX_OPERATORS = [
     value: "match",
     editorType: "text"
   },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
   {
     label: "is not...",
     value: "neq",
@@ -20366,6 +20371,11 @@ var USER_OPERATORS = [
     value: "match",
     editorType: "text"
   },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
   {
     label: "is not...",
     value: "neq",
@@ -20420,6 +20430,11 @@ var RICHTEXT_OPERATORS = [
     value: "match",
     editorType: "text"
   },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
   {
     label: "is not empty",
     value: "def",
@@ -21620,6 +21635,9 @@ var FilterItems = ({
       if (["eq", "neq", "lt", "gt"].includes(value) && Array.isArray(next[index].value)) {
         next[index].value = next[index].value[0];
       }
+      if (filters[index].operator === "ndef" || filters[index].operator === "def") {
+        next[index].value = "";
+      }
       if (["between"].includes(value) && Array.isArray(next[index].value) === false) {
         next[index].value = [next[index].value, ""];
       }
@@ -21692,7 +21710,8 @@ var SearchAndFilterResultContainer = ({
   clearButtonLabel = "clear",
   calloutTitle: calloutTitle2,
   calloutText,
-  onHandleClear
+  onHandleClear,
+  hideClearButton
 }) => {
   const { searchTerm, setSearchTerm, totalResults, setFilters, filters } = useSearchAndFilter();
   const automateCalloutTitle = () => {
@@ -21727,11 +21746,11 @@ var SearchAndFilterResultContainer = ({
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm ? null : /* @__PURE__ */ jsx125(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx125(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
     ] }),
     totalResults === 0 ? /* @__PURE__ */ jsxs85(Callout, { title: calloutTitle2 != null ? calloutTitle2 : automateCalloutTitle(), type: "note", children: [
       calloutText ? /* @__PURE__ */ jsx125(Paragraph, { children: calloutText }) : null,
-      /* @__PURE__ */ jsx125(Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
+      hideClearButton ? null : /* @__PURE__ */ jsx125(Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
     ] }) : null
   ] });
 };

package/dist/index.d.mts

@@ -23066,7 +23066,7 @@ type Filter = {
 };
 
 /** @deprecated beta - a list of possible operator values that sync with uniform search api */
-type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
+type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match' | 'starts';
 type OperatorValueType = {
     value: OperatorValue;
 };
@@ -23412,9 +23412,11 @@ type SearchAndFilterResultContainerProps = {
     calloutText?: string;
     /** The function to handle the clear button */
     onHandleClear?: () => void;
+    /** Sets whether to show or hide both clear search buttons */
+    hideClearButton?: boolean;
 };
 /** @deprecated beta - Search and filter results container */
-declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, }: SearchAndFilterResultContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
 type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {

package/dist/index.d.ts

@@ -23066,7 +23066,7 @@ type Filter = {
 };
 
 /** @deprecated beta - a list of possible operator values that sync with uniform search api */
-type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match';
+type OperatorValue = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'in' | 'nin' | 'between' | 'ndef' | 'def' | 'match' | 'starts';
 type OperatorValueType = {
     value: OperatorValue;
 };
@@ -23412,9 +23412,11 @@ type SearchAndFilterResultContainerProps = {
     calloutText?: string;
     /** The function to handle the clear button */
     onHandleClear?: () => void;
+    /** Sets whether to show or hide both clear search buttons */
+    hideClearButton?: boolean;
 };
 /** @deprecated beta - Search and filter results container */
-declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, }: SearchAndFilterResultContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const SearchAndFilterResultContainer: ({ buttonText, clearButtonLabel, calloutTitle, calloutText, onHandleClear, hideClearButton, }: SearchAndFilterResultContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 declare const SearchOnlyContext: React$1.Context<Pick<SearchAndFilterContextProps, "searchTerm" | "setSearchTerm">>;
 type SearchOnlyProviderProps = Pick<SearchAndFilterProviderProps, 'onSearchChange'> & {

package/dist/index.js

@@ -22189,6 +22189,11 @@ var TEXTBOX_OPERATORS = [
     value: "match",
     editorType: "text"
   },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
   {
     label: "is not...",
     value: "neq",
@@ -22211,6 +22216,11 @@ var USER_OPERATORS = [
     value: "match",
     editorType: "text"
   },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
   {
     label: "is not...",
     value: "neq",
@@ -22265,6 +22275,11 @@ var RICHTEXT_OPERATORS = [
     value: "match",
     editorType: "text"
   },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
   {
     label: "is not empty",
     value: "def",
@@ -23470,6 +23485,9 @@ var FilterItems = ({
       if (["eq", "neq", "lt", "gt"].includes(value) && Array.isArray(next[index].value)) {
         next[index].value = next[index].value[0];
       }
+      if (filters[index].operator === "ndef" || filters[index].operator === "def") {
+        next[index].value = "";
+      }
       if (["between"].includes(value) && Array.isArray(next[index].value) === false) {
         next[index].value = [next[index].value, ""];
       }
@@ -23546,7 +23564,8 @@ var SearchAndFilterResultContainer = ({
   clearButtonLabel = "clear",
   calloutTitle: calloutTitle2,
   calloutText,
-  onHandleClear
+  onHandleClear,
+  hideClearButton
 }) => {
   const { searchTerm, setSearchTerm, totalResults, setFilters, filters } = useSearchAndFilter();
   const automateCalloutTitle = () => {
@@ -23581,11 +23600,11 @@ var SearchAndFilterResultContainer = ({
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm ? null : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
     ] }),
     totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Callout, { title: calloutTitle2 != null ? calloutTitle2 : automateCalloutTitle(), type: "note", children: [
       calloutText ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Paragraph, { children: calloutText }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
+      hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
     ] }) : null
   ] });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.138.1-alpha.4+7b94dbe2d8",
+  "version": "19.139.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.40",
     "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.138.1-alpha.4+7b94dbe2d8",
-    "@uniformdev/richtext": "^19.138.1-alpha.4+7b94dbe2d8",
+    "@uniformdev/canvas": "^19.139.0",
+    "@uniformdev/richtext": "^19.139.0",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7b94dbe2d80617b83ecd5f317666e75907a1e532"
+  "gitHead": "86f2f88868e7f17acf970e1cbf7612650761e961"
 }