@uniformdev/mesh-sdk-react 19.147.1-alpha.6 → 19.147.1-alpha.8

package/dist/index.d.mts

@@ -10,7 +10,7 @@ export * from '@uniformdev/mesh-sdk';
 import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
 import { Emitter } from 'mitt';
 import { BadgeThemeProps, InputSelectProps, IconType } from '@uniformdev/design-system';
-export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
+export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell, utilityColors } from '@uniformdev/design-system';
 import * as lexical from 'lexical';
 import { SerializedEditorState, SerializedLexicalNode, Spread, DecoratorNode, NodeKey, LexicalNode, LexicalEditor, EditorState } from 'lexical';
 import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
@@ -1980,6 +1980,8 @@ type SearchAndFilterProviderProps = {
     filterMapper?: FilterMapper;
     /** sets child components giving access to useSearchAndFilter context */
     children: ReactNode;
+    /** Allow to bind dynamic inputs to the search term */
+    allowBindingSearchTerm?: boolean;
 };
 type SearchAndFilterContextProps = {
     /** the search term value */
@@ -2008,13 +2010,15 @@ type SearchAndFilterContextProps = {
     filterMapper?: FilterMapper;
     /** the total number of results */
     totalResults?: number;
+    /** Allow to bind dynamic inputs to the search term */
+    allowBindingSearchTerm?: boolean;
 };
 declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProps>;
 /**
  * @deprecated beta - Search and filter provider
  * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
  * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 /** @deprecated beta - Search and filter hook
  * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
  */
@@ -2045,6 +2049,8 @@ declare const useSearchAndFilter: () => {
     filterMapper?: FilterMapper | undefined;
     /** the total number of results */
     totalResults?: number | undefined;
+    /** Allow to bind dynamic inputs to the search term */
+    allowBindingSearchTerm?: boolean | undefined;
 };
 
 type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
@@ -2075,7 +2081,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
  * @deprecated beta - Search and filter component
  * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
  * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type FilterRowProps = {
     /** the index of the filter row */

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export * from '@uniformdev/mesh-sdk';
 import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
 import { Emitter } from 'mitt';
 import { BadgeThemeProps, InputSelectProps, IconType } from '@uniformdev/design-system';
-export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
+export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell, utilityColors } from '@uniformdev/design-system';
 import * as lexical from 'lexical';
 import { SerializedEditorState, SerializedLexicalNode, Spread, DecoratorNode, NodeKey, LexicalNode, LexicalEditor, EditorState } from 'lexical';
 import { MenuOption } from '@lexical/react/LexicalTypeaheadMenuPlugin';
@@ -1980,6 +1980,8 @@ type SearchAndFilterProviderProps = {
     filterMapper?: FilterMapper;
     /** sets child components giving access to useSearchAndFilter context */
     children: ReactNode;
+    /** Allow to bind dynamic inputs to the search term */
+    allowBindingSearchTerm?: boolean;
 };
 type SearchAndFilterContextProps = {
     /** the search term value */
@@ -2008,13 +2010,15 @@ type SearchAndFilterContextProps = {
     filterMapper?: FilterMapper;
     /** the total number of results */
     totalResults?: number;
+    /** Allow to bind dynamic inputs to the search term */
+    allowBindingSearchTerm?: boolean;
 };
 declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProps>;
 /**
  * @deprecated beta - Search and filter provider
  * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
  * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 /** @deprecated beta - Search and filter hook
  * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
  */
@@ -2045,6 +2049,8 @@ declare const useSearchAndFilter: () => {
     filterMapper?: FilterMapper | undefined;
     /** the total number of results */
     totalResults?: number | undefined;
+    /** Allow to bind dynamic inputs to the search term */
+    allowBindingSearchTerm?: boolean | undefined;
 };
 
 type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
@@ -2075,7 +2081,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
  * @deprecated beta - Search and filter component
  * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
  * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type FilterRowProps = {
     /** the index of the filter row */

package/dist/index.esm.js

@@ -5702,6 +5702,7 @@ function RequestBody() {
 // src/components/Request/RequestHeaders.tsx
 import {
   Input as Input3,
+  InputToggle,
   Table as Table2,
   TableBody as TableBody2,
   TableCellData as TableCellData2,
@@ -5783,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",
@@ -5829,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,
@@ -5920,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",
@@ -7341,7 +7349,7 @@ var NUMBER_OPERATORS = [
 ];
 var DATE_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "date"
   },
@@ -7376,7 +7384,7 @@ var DATE_OPERATORS = [
     editorType: "empty"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "date"
   },
@@ -7393,7 +7401,7 @@ var TEXTBOX_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7408,7 +7416,7 @@ var TEXTBOX_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "text"
   },
@@ -7425,7 +7433,7 @@ var USER_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7435,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"
   },
@@ -7472,7 +7480,7 @@ var SYSTEM_DATE_OPERATORS = [
     editorType: "date"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "sys-date-neq",
     editorType: "date"
   }
@@ -7501,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"
   },
@@ -7523,7 +7531,7 @@ var SYSTEM_FIELD_OPERATORS = [
     editorType: "multiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -7535,7 +7543,7 @@ var SYSTEM_FIELD_OPERATORS = [
 ];
 var PUBLISH_STATUS_FIELD_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "statusSingleChoice"
   },
@@ -7545,7 +7553,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
     editorType: "statusMultiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "statusSingleChoice"
   },
@@ -7557,7 +7565,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
 ];
 var SELECT_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "singleChoice"
   },
@@ -7582,7 +7590,7 @@ var SELECT_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -8397,7 +8405,8 @@ var SearchAndFilterContext = createContext6({
   filterOptions: [],
   validFilterQuery: [],
   filterMapper: {},
-  totalResults: 0
+  totalResults: 0,
+  allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
   filters,
@@ -8409,7 +8418,8 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
-  children
+  children,
+  allowBindingSearchTerm
 }) => {
   const [searchTerm, setSearchTerm] = useState20(defaultSearchTerm);
   const deferredSearchTerm = useDeferredValue2(searchTerm);
@@ -8474,7 +8484,8 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
-        filterMapper: filterMapper2
+        filterMapper: filterMapper2,
+        allowBindingSearchTerm
       },
       children: /* @__PURE__ */ jsx71(VerticalRhythm5, { children })
     }
@@ -8491,7 +8502,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");
@@ -8533,6 +8551,7 @@ var FilterControls = ({
           editorRef,
           value: localeSearchTerm,
           onChange: (value) => setLocaleSearchTerm(value != null ? value : ""),
+          disableVariables: !allowBindingSearchTerm,
           inputWhenNoVariables: /* @__PURE__ */ jsx72(
             InputKeywordSearch2,
             {
@@ -8914,6 +8933,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  allowBindingSearchTerm = false,
   resetFilterValues = []
 }) => {
   return /* @__PURE__ */ jsx76(
@@ -8928,6 +8948,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(
@@ -9391,7 +9412,7 @@ import {
   InputComboBox as InputComboBox4,
   InputKeywordSearch as InputKeywordSearch4,
   InputSelect as InputSelect9,
-  InputToggle,
+  InputToggle as InputToggle3,
   Label,
   LoadingIndicator as LoadingIndicator5,
   LoadingOverlay as LoadingOverlay2,
@@ -9415,7 +9436,8 @@ import {
   ScrollableListItem,
   Switch,
   Textarea,
-  Theme as Theme3
+  Theme as Theme3,
+  utilityColors
 } from "@uniformdev/design-system";
 export * from "@uniformdev/mesh-sdk";
 export {
@@ -9457,7 +9479,7 @@ export {
   InputComboBox4 as InputComboBox,
   InputKeywordSearch4 as InputKeywordSearch,
   InputSelect9 as InputSelect,
-  InputToggle,
+  InputToggle3 as InputToggle,
   InputVariables,
   Label,
   LinkButton,
@@ -9633,6 +9655,7 @@ export {
   useVariableEditor,
   useVariables,
   useVariablesMenu,
+  utilityColors,
   variableDefaultTextValue,
   variablePrefix,
   variableSuffix,

package/dist/index.js

@@ -245,6 +245,7 @@ __export(src_exports, {
   useVariableEditor: () => useVariableEditor,
   useVariables: () => useVariables,
   useVariablesMenu: () => useVariablesMenu,
+  utilityColors: () => import_design_system53.utilityColors,
   variableDefaultTextValue: () => variableDefaultTextValue,
   variablePrefix: () => variablePrefix,
   variableSuffix: () => variableSuffix,
@@ -5958,8 +5959,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",
@@ -6086,8 +6090,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",
@@ -7500,7 +7507,7 @@ var NUMBER_OPERATORS = [
 ];
 var DATE_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "date"
   },
@@ -7535,7 +7542,7 @@ var DATE_OPERATORS = [
     editorType: "empty"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "date"
   },
@@ -7552,7 +7559,7 @@ var TEXTBOX_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7567,7 +7574,7 @@ var TEXTBOX_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "text"
   },
@@ -7584,7 +7591,7 @@ var USER_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7594,14 +7601,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"
   },
@@ -7631,7 +7638,7 @@ var SYSTEM_DATE_OPERATORS = [
     editorType: "date"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "sys-date-neq",
     editorType: "date"
   }
@@ -7660,19 +7667,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"
   },
@@ -7682,7 +7689,7 @@ var SYSTEM_FIELD_OPERATORS = [
     editorType: "multiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -7694,7 +7701,7 @@ var SYSTEM_FIELD_OPERATORS = [
 ];
 var PUBLISH_STATUS_FIELD_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "statusSingleChoice"
   },
@@ -7704,7 +7711,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
     editorType: "statusMultiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "statusSingleChoice"
   },
@@ -7716,7 +7723,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
 ];
 var SELECT_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "singleChoice"
   },
@@ -7741,7 +7748,7 @@ var SELECT_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -8548,7 +8555,8 @@ var SearchAndFilterContext = (0, import_react78.createContext)({
   filterOptions: [],
   validFilterQuery: [],
   filterMapper: {},
-  totalResults: 0
+  totalResults: 0,
+  allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
   filters,
@@ -8560,7 +8568,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);
@@ -8625,7 +8634,8 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
-        filterMapper: filterMapper2
+        filterMapper: filterMapper2,
+        allowBindingSearchTerm
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_design_system44.VerticalRhythm, { children })
     }
@@ -8642,7 +8652,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");
@@ -8684,6 +8701,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,
             {
@@ -9065,6 +9083,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  allowBindingSearchTerm = false,
   resetFilterValues = []
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -9079,6 +9098,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)(
@@ -9750,6 +9770,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   useVariableEditor,
   useVariables,
   useVariablesMenu,
+  utilityColors,
   variableDefaultTextValue,
   variablePrefix,
   variableSuffix,

package/dist/index.mjs

@@ -5702,6 +5702,7 @@ function RequestBody() {
 // src/components/Request/RequestHeaders.tsx
 import {
   Input as Input3,
+  InputToggle,
   Table as Table2,
   TableBody as TableBody2,
   TableCellData as TableCellData2,
@@ -5783,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",
@@ -5829,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,
@@ -5920,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",
@@ -7341,7 +7349,7 @@ var NUMBER_OPERATORS = [
 ];
 var DATE_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "date"
   },
@@ -7376,7 +7384,7 @@ var DATE_OPERATORS = [
     editorType: "empty"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "date"
   },
@@ -7393,7 +7401,7 @@ var TEXTBOX_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7408,7 +7416,7 @@ var TEXTBOX_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "text"
   },
@@ -7425,7 +7433,7 @@ var USER_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "text"
   },
@@ -7435,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"
   },
@@ -7472,7 +7480,7 @@ var SYSTEM_DATE_OPERATORS = [
     editorType: "date"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "sys-date-neq",
     editorType: "date"
   }
@@ -7501,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"
   },
@@ -7523,7 +7531,7 @@ var SYSTEM_FIELD_OPERATORS = [
     editorType: "multiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -7535,7 +7543,7 @@ var SYSTEM_FIELD_OPERATORS = [
 ];
 var PUBLISH_STATUS_FIELD_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "statusSingleChoice"
   },
@@ -7545,7 +7553,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
     editorType: "statusMultiChoice"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "statusSingleChoice"
   },
@@ -7557,7 +7565,7 @@ var PUBLISH_STATUS_FIELD_OPERATORS = [
 ];
 var SELECT_OPERATORS = [
   {
-    label: "is...",
+    label: "is",
     value: "eq",
     editorType: "singleChoice"
   },
@@ -7582,7 +7590,7 @@ var SELECT_OPERATORS = [
     editorType: "text"
   },
   {
-    label: "is not...",
+    label: "is not",
     value: "neq",
     editorType: "singleChoice"
   },
@@ -8397,7 +8405,8 @@ var SearchAndFilterContext = createContext6({
   filterOptions: [],
   validFilterQuery: [],
   filterMapper: {},
-  totalResults: 0
+  totalResults: 0,
+  allowBindingSearchTerm: false
 });
 var SearchAndFilterProvider = ({
   filters,
@@ -8409,7 +8418,8 @@ var SearchAndFilterProvider = ({
   resetFilterValues = [{ field: "", operator: "", value: "" }],
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
-  children
+  children,
+  allowBindingSearchTerm
 }) => {
   const [searchTerm, setSearchTerm] = useState20(defaultSearchTerm);
   const deferredSearchTerm = useDeferredValue2(searchTerm);
@@ -8474,7 +8484,8 @@ var SearchAndFilterProvider = ({
         filterOptions,
         validFilterQuery,
         totalResults,
-        filterMapper: filterMapper2
+        filterMapper: filterMapper2,
+        allowBindingSearchTerm
       },
       children: /* @__PURE__ */ jsx71(VerticalRhythm5, { children })
     }
@@ -8491,7 +8502,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");
@@ -8533,6 +8551,7 @@ var FilterControls = ({
           editorRef,
           value: localeSearchTerm,
           onChange: (value) => setLocaleSearchTerm(value != null ? value : ""),
+          disableVariables: !allowBindingSearchTerm,
           inputWhenNoVariables: /* @__PURE__ */ jsx72(
             InputKeywordSearch2,
             {
@@ -8914,6 +8933,7 @@ var SearchAndFilter = ({
   defaultSearchTerm,
   onSearchChange,
   totalResults,
+  allowBindingSearchTerm = false,
   resetFilterValues = []
 }) => {
   return /* @__PURE__ */ jsx76(
@@ -8928,6 +8948,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(
@@ -9391,7 +9412,7 @@ import {
   InputComboBox as InputComboBox4,
   InputKeywordSearch as InputKeywordSearch4,
   InputSelect as InputSelect9,
-  InputToggle,
+  InputToggle as InputToggle3,
   Label,
   LoadingIndicator as LoadingIndicator5,
   LoadingOverlay as LoadingOverlay2,
@@ -9415,7 +9436,8 @@ import {
   ScrollableListItem,
   Switch,
   Textarea,
-  Theme as Theme3
+  Theme as Theme3,
+  utilityColors
 } from "@uniformdev/design-system";
 export * from "@uniformdev/mesh-sdk";
 export {
@@ -9457,7 +9479,7 @@ export {
   InputComboBox4 as InputComboBox,
   InputKeywordSearch4 as InputKeywordSearch,
   InputSelect9 as InputSelect,
-  InputToggle,
+  InputToggle3 as InputToggle,
   InputVariables,
   Label,
   LinkButton,
@@ -9633,6 +9655,7 @@ export {
   useVariableEditor,
   useVariables,
   useVariablesMenu,
+  utilityColors,
   variableDefaultTextValue,
   variablePrefix,
   variableSuffix,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.147.1-alpha.6+b883293105",
+  "version": "19.147.1-alpha.8+41ac704d63",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,9 +50,9 @@
     "@lexical/selection": "^0.12.0",
     "@lexical/utils": "^0.12.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.2.1/react-icons-all-files-5.2.1.tgz",
-    "@uniformdev/canvas": "19.147.1-alpha.6+b883293105",
-    "@uniformdev/design-system": "19.147.1-alpha.6+b883293105",
-    "@uniformdev/mesh-sdk": "19.147.1-alpha.6+b883293105",
+    "@uniformdev/canvas": "19.147.1-alpha.8+41ac704d63",
+    "@uniformdev/design-system": "19.147.1-alpha.8+41ac704d63",
+    "@uniformdev/mesh-sdk": "19.147.1-alpha.8+41ac704d63",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b883293105d84f5b52f2d947957dac638c12c6f6"
+  "gitHead": "41ac704d631a859a44d06e3d9fa370b2a7e041f1"
 }