@uniformdev/mesh-sdk-react 19.147.0 → 19.147.1-alpha.10

package/dist/index.esm.js

@@ -4205,6 +4205,7 @@ var input = css21`
 var inputCompact = css21`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
+  min-height: 39px;
   font-size: var(--fs-sm);
 `;
 var inputDisabled = css21`
@@ -4214,14 +4215,14 @@ var inputDisabled = css21`
 var placeholderCaption = css21`
   position: absolute;
   color: var(--gray-400);
-  inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
+  inset: 12px var(--spacing-base) 12px var(--spacing-sm);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none;
 `;
 var placeholderCompact = css21`
-  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
+  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);
 `;
 
 // src/components/Variables/styles/ParameterVariables.styles.ts
@@ -4872,6 +4873,7 @@ function InputVariables(props) {
             align: "center",
             gap: "xs",
             css: css24`
+          position: relative;
           & > div:first-child {
             flex-grow: 1;
           }
@@ -5002,7 +5004,8 @@ function ParameterConnectionIndicator({
   value,
   menuOptions,
   disabled,
-  menuTooltip = "Insert variable"
+  menuTooltip = "Insert variable",
+  overrideMenuButtonParentMargin
 }) {
   const hasVariablesInValue = useMemo11(() => {
     let result = false;
@@ -5023,13 +5026,21 @@ function ParameterConnectionIndicator({
         placement: "bottom-start",
         withoutPortal: true,
         menuTrigger: /* @__PURE__ */ jsx41(
-          "button",
+          "div",
           {
-            title: menuTooltip,
-            "aria-pressed": hasVariablesInValue,
-            css: [menuBtn, variableBindButton],
-            type: "button",
-            children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
+            css: overrideMenuButtonParentMargin ? {
+              marginBottom: overrideMenuButtonParentMargin
+            } : void 0,
+            children: /* @__PURE__ */ jsx41(
+              "button",
+              {
+                title: menuTooltip,
+                "aria-pressed": hasVariablesInValue,
+                css: [menuBtn, variableBindButton],
+                type: "button",
+                children: /* @__PURE__ */ jsx41(CgUsbC2, { size: "1.4rem" })
+              }
+            )
           }
         ),
         menuLabel: menuTooltip,
@@ -5691,6 +5702,7 @@ function RequestBody() {
 // src/components/Request/RequestHeaders.tsx
 import {
   Input as Input3,
+  InputToggle,
   Table as Table2,
   TableBody as TableBody2,
   TableCellData as TableCellData2,
@@ -5772,8 +5784,11 @@ function RequestHeaders({
             }
           ) : null }),
           addOmitIfEmpty ? /* @__PURE__ */ jsx50(TableCellData2, { width: "50%", children: header.key ? /* @__PURE__ */ jsx50(
-            Input3,
+            InputToggle,
             {
+              label: "Omit if empty",
+              showLabel: false,
+              name: "omitIfEmpty",
               type: "checkbox",
               checked: header.omitIfEmpty,
               "data-testid": "header-omitifempty",
@@ -5818,6 +5833,7 @@ function RequestMethodSelect(props) {
 // src/components/Request/RequestParameters.tsx
 import {
   Input as Input4,
+  InputToggle as InputToggle2,
   Table as Table3,
   TableBody as TableBody3,
   TableCellData as TableCellData3,
@@ -5909,8 +5925,11 @@ function RequestParameters({
             }
           ) : null }),
           addOmitIfEmpty ? /* @__PURE__ */ jsx52(TableCellData3, { width: "50%", children: parameter.key ? /* @__PURE__ */ jsx52(
-            Input4,
+            InputToggle2,
             {
+              label: "Omit if empty",
+              showLabel: false,
+              name: "omitIfEmpty",
               type: "checkbox",
               checked: parameter.omitIfEmpty,
               "data-testid": "parameter-omitifempty",
@@ -7330,7 +7349,7 @@ var NUMBER_OPERATORS = [
 ];
 var DATE_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "date"
   },
@@ -7365,7 +7384,7 @@ var DATE_OPERATORS = [
     editorType: "empty"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "date"
   },
@@ -7377,7 +7396,12 @@ var DATE_OPERATORS = [
 ];
 var TEXTBOX_OPERATORS = [
   {
-    label: "is...",
+    label: "contains...",
+    value: "match",
+    editorType: "text"
+  },
+  {
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7386,18 +7410,13 @@ var TEXTBOX_OPERATORS = [
     value: "ndef",
     editorType: "empty"
   },
-  {
-    label: "contains...",
-    value: "match",
-    editorType: "text"
-  },
   {
     label: "starts with...",
     value: "starts",
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "text"
   },
@@ -7409,13 +7428,13 @@ var TEXTBOX_OPERATORS = [
 ];
 var USER_OPERATORS = [
   {
-    label: "is...",
-    value: "eq",
+    label: "contains...",
+    value: "match",
     editorType: "text"
   },
   {
-    label: "contains...",
-    value: "match",
+    label: "is",
+    value: "eq",
     editorType: "text"
   },
   {
@@ -7424,14 +7443,14 @@ var USER_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "text"
   }
 ];
 var SYSTEM_DATE_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "sys-date-eq",
     editorType: "date"
   },
@@ -7461,22 +7480,22 @@ var SYSTEM_DATE_OPERATORS = [
     editorType: "date"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "sys-date-neq",
     editorType: "date"
   }
 ];
 var RICHTEXT_OPERATORS = [
-  {
-    label: "is empty",
-    value: "ndef",
-    editorType: "empty"
-  },
   {
     label: "contains...",
     value: "match",
     editorType: "text"
   },
+  {
+    label: "is empty",
+    value: "ndef",
+    editorType: "empty"
+  },
   {
     label: "starts with...",
     value: "starts",
@@ -7490,19 +7509,19 @@ var RICHTEXT_OPERATORS = [
 ];
 var CHECKBOX_OPERATORS = [
   {
-    label: "is checked...",
+    label: "is checked",
     value: "def",
     editorType: "empty"
   },
   {
-    label: "is not checked...",
+    label: "is not checked",
     value: "ndef",
     editorType: "empty"
   }
 ];
 var SYSTEM_FIELD_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "singleChoice"
   },
@@ -7512,7 +7531,7 @@ var SYSTEM_FIELD_OPERATORS = [
     editorType: "multiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -7524,7 +7543,7 @@ var SYSTEM_FIELD_OPERATORS = [
 ];
 var PUBLISH_STATUS_FIELD_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "statusSingleChoice"
   },
@@ -7534,7 +7553,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
     editorType: "statusMultiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "statusSingleChoice"
   },
@@ -7544,6 +7563,80 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
     editorType: "statusMultiChoice"
   }
 ];
+var SELECT_OPERATORS = [
+  {
+    label: "is",
+    value: "eq",
+    editorType: "singleChoice"
+  },
+  {
+    label: "is any of...",
+    value: "in",
+    editorType: "multiChoice"
+  },
+  {
+    label: "is empty",
+    value: "ndef",
+    editorType: "empty"
+  },
+  {
+    label: "contains...",
+    value: "match",
+    editorType: "text"
+  },
+  {
+    label: "starts with...",
+    value: "starts",
+    editorType: "text"
+  },
+  {
+    label: "is not",
+    value: "neq",
+    editorType: "singleChoice"
+  },
+  {
+    label: "is none of...",
+    value: "nin",
+    editorType: "multiChoice"
+  },
+  {
+    label: "is not empty",
+    value: "def",
+    editorType: "empty"
+  }
+];
+var MULTI_SELECT_OPERATORS = [
+  {
+    label: "is",
+    value: "eq",
+    editorType: "singleChoice"
+  },
+  {
+    label: "is any of...",
+    value: "in",
+    editorType: "multiChoice"
+  },
+  {
+    label: "is empty",
+    value: "ndef",
+    editorType: "empty"
+  },
+  {
+    label: "is not",
+    value: "neq",
+    editorType: "singleChoice"
+  },
+  {
+    label: "is none of...",
+    value: "nin",
+    editorType: "multiChoice"
+  },
+  {
+    label: "is not empty",
+    value: "def",
+    editorType: "empty"
+  }
+];
 
 // src/components/SearchAndFilter/FilterButton.tsx
 import { Counter as Counter2, Icon as Icon6 } from "@uniformdev/design-system";
@@ -8214,7 +8307,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMinDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-low"
         }
       ),
       /* @__PURE__ */ jsx70(
@@ -8227,7 +8321,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMaxDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-high"
         }
       )
     ] }),
@@ -8342,7 +8437,8 @@ var SearchAndFilterContext = createContext6({
   filterOptions: [],
   validFilterQuery: [],
   filterMapper: {},
-  totalResults: 0
+  totalResults: 0,
+  allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
   filters,
@@ -8354,7 +8450,8 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
-  children
+  children,
+  allowBindingSearchTerm
 }) => {
   const [searchTerm, setSearchTerm] = useState20(defaultSearchTerm);
   const deferredSearchTerm = useDeferredValue2(searchTerm);
@@ -8419,7 +8516,8 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
-        filterMapper: filterMapper2
+        filterMapper: filterMapper2,
+        allowBindingSearchTerm
       },
       children: /* @__PURE__ */ jsx71(VerticalRhythm5, { children })
     }
@@ -8436,7 +8534,14 @@ var FilterControls = ({
   children,
   hideSearchInput
 }) => {
-  const { setFilterVisibility, filterVisibility, setSearchTerm, validFilterQuery, searchTerm } = useSearchAndFilter();
+  const {
+    setFilterVisibility,
+    filterVisibility,
+    setSearchTerm,
+    validFilterQuery,
+    searchTerm,
+    allowBindingSearchTerm
+  } = useSearchAndFilter();
   const editorRef = useRef16(null);
   const hasVariableInSearchTerm = hasReferencedVariables(searchTerm);
   const [idToResetInputVariables, setIdToResetInputVariables] = useState21("data-resource-search-term-input");
@@ -8478,6 +8583,7 @@ var FilterControls = ({
           editorRef,
           value: localeSearchTerm,
           onChange: (value) => setLocaleSearchTerm(value != null ? value : ""),
+          disableVariables: !allowBindingSearchTerm,
           inputWhenNoVariables: /* @__PURE__ */ jsx72(
             InputKeywordSearch2,
             {
@@ -8807,7 +8913,7 @@ var SearchAndFilterResultContainer = ({
   onHandleClear,
   hideClearButton
 }) => {
-  const { searchTerm, setSearchTerm, totalResults, filters, handleResetFilters } = useSearchAndFilter();
+  const { searchTerm, totalResults, filters, handleResetFilters, setSearchTerm } = useSearchAndFilter();
   const automateCalloutTitle = () => {
     if (searchTerm && !filters.length) {
       return "No search results found";
@@ -8820,6 +8926,14 @@ var SearchAndFilterResultContainer = ({
   if (totalResults && totalResults > 0) {
     return null;
   }
+  const handleClearSearch = () => {
+    setSearchTerm("");
+    if (onHandleClear) {
+      onHandleClear();
+    } else {
+      handleResetFilters();
+    }
+  };
   return /* @__PURE__ */ jsxs47(Fragment16, { children: [
     /* @__PURE__ */ jsxs47(HorizontalRhythm9, { children: [
       /* @__PURE__ */ jsxs47("span", { children: [
@@ -8827,11 +8941,11 @@ var SearchAndFilterResultContainer = ({
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx75(Button6, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ jsx75(Button6, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
     totalResults === 0 ? /* @__PURE__ */ jsxs47(Callout6, { title: calloutTitle != null ? calloutTitle : automateCalloutTitle(), type: "note", children: [
       calloutText ? /* @__PURE__ */ jsx75(Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ jsx75(Button6, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
+      hideClearButton ? null : /* @__PURE__ */ jsx75(Button6, { buttonType: "tertiaryOutline", size: "xs", onClick: handleClearSearch, children: buttonText != null ? buttonText : "Clear search" })
     ] }) : null
   ] });
 };
@@ -8851,6 +8965,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  allowBindingSearchTerm = false,
   resetFilterValues = []
 }) => {
   return /* @__PURE__ */ jsx76(
@@ -8865,6 +8980,7 @@ var SearchAndFilter = ({
       totalResults,
       resetFilterValues,
       filterMapper: filterMapper2,
+      allowBindingSearchTerm,
       children: /* @__PURE__ */ jsxs48(VerticalRhythm7, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ jsxs48("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ jsx76(
@@ -9328,7 +9444,7 @@ import {
   InputComboBox as InputComboBox4,
   InputKeywordSearch as InputKeywordSearch4,
   InputSelect as InputSelect9,
-  InputToggle,
+  InputToggle as InputToggle3,
   Label,
   LoadingIndicator as LoadingIndicator5,
   LoadingOverlay as LoadingOverlay2,
@@ -9352,7 +9468,8 @@ import {
   ScrollableListItem,
   Switch,
   Textarea,
-  Theme as Theme3
+  Theme as Theme3,
+  utilityColors
 } from "@uniformdev/design-system";
 export * from "@uniformdev/mesh-sdk";
 export {
@@ -9394,12 +9511,13 @@ export {
   InputComboBox4 as InputComboBox,
   InputKeywordSearch4 as InputKeywordSearch,
   InputSelect9 as InputSelect,
-  InputToggle,
+  InputToggle3 as InputToggle,
   InputVariables,
   Label,
   LinkButton,
   LoadingIndicator5 as LoadingIndicator,
   LoadingOverlay2 as LoadingOverlay,
+  MULTI_SELECT_OPERATORS,
   Menu4 as Menu,
   MenuItem3 as MenuItem,
   MeshApp,
@@ -9454,6 +9572,7 @@ export {
   RequestUrl,
   RequestUrlInput,
   ResolvableLoadingValue,
+  SELECT_OPERATORS,
   SYSTEM_DATE_OPERATORS,
   SYSTEM_FIELD_OPERATORS,
   ScrollableList2 as ScrollableList,
@@ -9569,6 +9688,7 @@ export {
   useVariableEditor,
   useVariables,
   useVariablesMenu,
+  utilityColors,
   variableDefaultTextValue,
   variablePrefix,
   variableSuffix,