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

package/dist/index.js

@@ -75,6 +75,7 @@ __export(src_exports, {
   LinkButton: () => LinkButton,
   LoadingIndicator: () => import_design_system53.LoadingIndicator,
   LoadingOverlay: () => import_design_system53.LoadingOverlay,
+  MULTI_SELECT_OPERATORS: () => MULTI_SELECT_OPERATORS,
   Menu: () => import_design_system53.Menu,
   MenuItem: () => import_design_system53.MenuItem,
   MeshApp: () => MeshApp,
@@ -129,6 +130,7 @@ __export(src_exports, {
   RequestUrl: () => RequestUrl,
   RequestUrlInput: () => RequestUrlInput,
   ResolvableLoadingValue: () => ResolvableLoadingValue,
+  SELECT_OPERATORS: () => SELECT_OPERATORS,
   SYSTEM_DATE_OPERATORS: () => SYSTEM_DATE_OPERATORS,
   SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
   ScrollableList: () => import_design_system53.ScrollableList,
@@ -244,6 +246,7 @@ __export(src_exports, {
   useVariableEditor: () => useVariableEditor,
   useVariables: () => useVariables,
   useVariablesMenu: () => useVariablesMenu,
+  utilityColors: () => import_design_system53.utilityColors,
   variableDefaultTextValue: () => variableDefaultTextValue,
   variablePrefix: () => variablePrefix,
   variableSuffix: () => variableSuffix,
@@ -4410,6 +4413,7 @@ var input = import_react42.css`
 var inputCompact = import_react42.css`
   border: 1px solid var(--white);
   padding-block: var(--spacing-sm);
+  min-height: 39px;
   font-size: var(--fs-sm);
 `;
 var inputDisabled = import_react42.css`
@@ -4419,14 +4423,14 @@ var inputDisabled = import_react42.css`
 var placeholderCaption = import_react42.css`
   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 = import_react42.css`
-  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
@@ -5065,6 +5069,7 @@ function InputVariables(props) {
             align: "center",
             gap: "xs",
             css: import_react51.css`
+          position: relative;
           & > div:first-child {
             flex-grow: 1;
           }
@@ -5195,7 +5200,8 @@ function ParameterConnectionIndicator({
   value,
   menuOptions,
   disabled,
-  menuTooltip = "Insert variable"
+  menuTooltip = "Insert variable",
+  overrideMenuButtonParentMargin
 }) {
   const hasVariablesInValue = (0, import_react53.useMemo)(() => {
     let result = false;
@@ -5216,13 +5222,21 @@ function ParameterConnectionIndicator({
         placement: "bottom-start",
         withoutPortal: true,
         menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          "button",
+          "div",
           {
-            title: menuTooltip,
-            "aria-pressed": hasVariablesInValue,
-            css: [menuBtn, variableBindButton],
-            type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_CgUsbC2.CgUsbC, { size: "1.4rem" })
+            css: overrideMenuButtonParentMargin ? {
+              marginBottom: overrideMenuButtonParentMargin
+            } : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              "button",
+              {
+                title: menuTooltip,
+                "aria-pressed": hasVariablesInValue,
+                css: [menuBtn, variableBindButton],
+                type: "button",
+                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_CgUsbC2.CgUsbC, { size: "1.4rem" })
+              }
+            )
           }
         ),
         menuLabel: menuTooltip,
@@ -5946,8 +5960,11 @@ function RequestHeaders({
             }
           ) : null }),
           addOmitIfEmpty ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system28.TableCellData, { width: "50%", children: header.key ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            import_design_system28.Input,
+            import_design_system28.InputToggle,
             {
+              label: "Omit if empty",
+              showLabel: false,
+              name: "omitIfEmpty",
               type: "checkbox",
               checked: header.omitIfEmpty,
               "data-testid": "header-omitifempty",
@@ -6074,8 +6091,11 @@ function RequestParameters({
             }
           ) : null }),
           addOmitIfEmpty ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system30.TableCellData, { width: "50%", children: parameter.key ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-            import_design_system30.Input,
+            import_design_system30.InputToggle,
             {
+              label: "Omit if empty",
+              showLabel: false,
+              name: "omitIfEmpty",
               type: "checkbox",
               checked: parameter.omitIfEmpty,
               "data-testid": "parameter-omitifempty",
@@ -7488,7 +7508,7 @@ var NUMBER_OPERATORS = [
 ];
 var DATE_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "date"
   },
@@ -7523,7 +7543,7 @@ var DATE_OPERATORS = [
     editorType: "empty"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "date"
   },
@@ -7535,7 +7555,12 @@ var DATE_OPERATORS = [
 ];
 var TEXTBOX_OPERATORS = [
   {
-    label: "is...",
+    label: "contains...",
+    value: "match",
+    editorType: "text"
+  },
+  {
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7544,18 +7569,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"
   },
@@ -7567,13 +7587,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"
   },
   {
@@ -7582,14 +7602,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"
   },
@@ -7619,22 +7639,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",
@@ -7648,19 +7668,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"
   },
@@ -7670,7 +7690,7 @@ var SYSTEM_FIELD_OPERATORS = [
     editorType: "multiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -7682,7 +7702,7 @@ var SYSTEM_FIELD_OPERATORS = [
 ];
 var PUBLISH_STATUS_FIELD_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "statusSingleChoice"
   },
@@ -7692,7 +7712,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
     editorType: "statusMultiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "statusSingleChoice"
   },
@@ -7702,6 +7722,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
 var import_design_system42 = require("@uniformdev/design-system");
@@ -8364,7 +8458,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMinDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-low"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -8377,7 +8472,8 @@ var DateRangeEditor = ({
           onChange: (e) => setMaxDateValue(e.currentTarget.value),
           "aria-invalid": !error ? false : true,
           disabled,
-          readOnly
+          readOnly,
+          "data-testid": "value-high"
         }
       )
     ] }),
@@ -8492,7 +8588,8 @@ var SearchAndFilterContext = (0, import_react78.createContext)({
   filterOptions: [],
   validFilterQuery: [],
   filterMapper: {},
-  totalResults: 0
+  totalResults: 0,
+  allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
   filters,
@@ -8504,7 +8601,8 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
-  children
+  children,
+  allowBindingSearchTerm
 }) => {
   const [searchTerm, setSearchTerm] = (0, import_react78.useState)(defaultSearchTerm);
   const deferredSearchTerm = (0, import_react78.useDeferredValue)(searchTerm);
@@ -8569,7 +8667,8 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
-        filterMapper: filterMapper2
+        filterMapper: filterMapper2,
+        allowBindingSearchTerm
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_design_system44.VerticalRhythm, { children })
     }
@@ -8586,7 +8685,14 @@ var FilterControls = ({
   children,
   hideSearchInput
 }) => {
-  const { setFilterVisibility, filterVisibility, setSearchTerm, validFilterQuery, searchTerm } = useSearchAndFilter();
+  const {
+    setFilterVisibility,
+    filterVisibility,
+    setSearchTerm,
+    validFilterQuery,
+    searchTerm,
+    allowBindingSearchTerm
+  } = useSearchAndFilter();
   const editorRef = (0, import_react79.useRef)(null);
   const hasVariableInSearchTerm = hasReferencedVariables(searchTerm);
   const [idToResetInputVariables, setIdToResetInputVariables] = (0, import_react79.useState)("data-resource-search-term-input");
@@ -8628,6 +8734,7 @@ var FilterControls = ({
           editorRef,
           value: localeSearchTerm,
           onChange: (value) => setLocaleSearchTerm(value != null ? value : ""),
+          disableVariables: !allowBindingSearchTerm,
           inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             import_design_system45.InputKeywordSearch,
             {
@@ -8957,7 +9064,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";
@@ -8970,6 +9077,14 @@ var SearchAndFilterResultContainer = ({
   if (totalResults && totalResults > 0) {
     return null;
   }
+  const handleClearSearch = () => {
+    setSearchTerm("");
+    if (onHandleClear) {
+      onHandleClear();
+    } else {
+      handleResetFilters();
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_design_system48.HorizontalRhythm, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { children: [
@@ -8977,11 +9092,11 @@ var SearchAndFilterResultContainer = ({
         " results ",
         searchTerm ? `for "${searchTerm}"` : null
       ] }),
-      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system48.Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
+      !searchTerm || hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system48.Button, { buttonType: "ghostDestructive", size: "zero", onClick: handleClearSearch, children: clearButtonLabel })
     ] }),
     totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_design_system48.Callout, { title: calloutTitle != null ? calloutTitle : automateCalloutTitle(), type: "note", children: [
       calloutText ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system48.Paragraph, { children: calloutText }) : null,
-      hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system48.Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
+      hideClearButton ? null : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_design_system48.Button, { buttonType: "tertiaryOutline", size: "xs", onClick: handleClearSearch, children: buttonText != null ? buttonText : "Clear search" })
     ] }) : null
   ] });
 };
@@ -9001,6 +9116,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  allowBindingSearchTerm = false,
   resetFilterValues = []
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -9015,6 +9131,7 @@ var SearchAndFilter = ({
       totalResults,
       resetFilterValues,
       filterMapper: filterMapper2,
+      allowBindingSearchTerm,
       children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_design_system49.VerticalRhythm, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -9516,6 +9633,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   LinkButton,
   LoadingIndicator,
   LoadingOverlay,
+  MULTI_SELECT_OPERATORS,
   Menu,
   MenuItem,
   MeshApp,
@@ -9570,6 +9688,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   RequestUrl,
   RequestUrlInput,
   ResolvableLoadingValue,
+  SELECT_OPERATORS,
   SYSTEM_DATE_OPERATORS,
   SYSTEM_FIELD_OPERATORS,
   ScrollableList,
@@ -9685,6 +9804,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   useVariableEditor,
   useVariables,
   useVariablesMenu,
+  utilityColors,
   variableDefaultTextValue,
   variablePrefix,
   variableSuffix,