@uniformdev/mesh-sdk-react 19.62.0 → 19.62.1-alpha.127

package/dist/index.d.mts

@@ -5,11 +5,11 @@ import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
 import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
 import * as _uniformdev_mesh_sdk from '@uniformdev/mesh-sdk';
-import { DynamicInput, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DynamicInputs, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
+import { DynamicInputs, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
 export * from '@uniformdev/mesh-sdk';
 import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
 import { Emitter } from 'mitt';
-import { BadgeThemeProps, InputSelectProps } from '@uniformdev/design-system';
+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';
 import * as lexical from 'lexical';
 import { SerializedEditorState, SerializedLexicalNode, Spread, DecoratorNode, NodeKey, LexicalNode, LexicalEditor, EditorState } from 'lexical';
@@ -42,21 +42,7 @@ declare const SvgMoreVerticalAlt: (props: SVGProps<SVGSVGElement>) => _emotion_r
 declare const SvgPlus: (props: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare namespace index {
-  export {
-    SvgCaution as Caution,
-    SvgCheckmark as Checkmark,
-    SvgChevronDown as ChevronDown,
-    SvgClose as Close,
-    SvgDanger as Danger,
-    SvgExclamationPoint as ExclamationPoint,
-    SvgInfo as Info,
-    SvgLightbulb as Lightbulb,
-    SvgMagnifyingGlass as MagnifyingGlass,
-    SvgMaximizeAlt as MaximizeAlt,
-    SvgMinus as Minus,
-    SvgMoreVerticalAlt as MoreVerticalAlt,
-    SvgPlus as Plus,
-  };
+  export { SvgCaution as Caution, SvgCheckmark as Checkmark, SvgChevronDown as ChevronDown, SvgClose as Close, SvgDanger as Danger, SvgExclamationPoint as ExclamationPoint, SvgInfo as Info, SvgLightbulb as Lightbulb, SvgMagnifyingGlass as MagnifyingGlass, SvgMaximizeAlt as MaximizeAlt, SvgMinus as Minus, SvgMoreVerticalAlt as MoreVerticalAlt, SvgPlus as Plus };
 }
 
 /** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
@@ -399,11 +385,9 @@ declare const damSelectedItemMediaContainer: _emotion_react.SerializedStyles;
 declare const damSelectedItemInfoBtn: _emotion_react.SerializedStyles;
 declare const damSelectItemImage: _emotion_react.SerializedStyles;
 
-type MinimalDynamicInput = Omit<DynamicInput, 'source'>;
-type MinimalDynamicInputs = Record<string, MinimalDynamicInput>;
 type DataResourceDynamicInputProviderProps = {
     /** Explicitly provide dynamic input values. If not set, Mesh location will be used */
-    dynamicInputs?: MinimalDynamicInputs;
+    dynamicInputs?: DynamicInputs;
     /** Child components of the provider. Variables-using components, such as InputVariables, can be used here. */
     children: ReactNode;
 };
@@ -429,12 +413,18 @@ declare function DataResourceDynamicInputProvider(props: DataResourceDynamicInpu
  *
  * You can also combine (2) and (3) to get both explicit value typing and assertion of the location.
  */
-declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLocationValue = unknown, TLocationSetValue = TLocationValue>(expectedLocation?: TLocationType): Omit<Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLocationValue = unknown, TLocationSetValue = TLocationValue>(expectedLocation?: TLocationType): Omit<Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+    type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
+    type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+    type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -444,12 +434,18 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
 }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
     type: TLocationType;
 }>, "setValue"> & {
-    setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+    setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -458,12 +454,18 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
-    }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+    }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -510,7 +512,7 @@ type VariableNodeState = {
      * Note that this is ignored if `isFresh` is true, which is set for the result of edits or insertions
      * made after the editor has mounted (which we know are good and don't validate to prevent flicker or false errors)
      */
-    referenceIsValid: boolean | 'info';
+    referenceIsValid: boolean | 'info' | 'warning';
     /**
      * Whether the variable node has been inserted or edited during this editing session
      * Fresh nodes are always considered "valid" because they are the result of a user action
@@ -586,6 +588,10 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
      * If not passed, defaults to helpText.
      */
     tooltip?: string;
+    /**
+     If true the variable will be shown only in menus.
+     */
+    system?: boolean;
 };
 /**
  * Provides information for an undefined variable that might be referenced in data,
@@ -596,6 +602,7 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
 type KnownUndefinedVariableInfo = {
     error?: string;
     info?: string;
+    warning?: string;
     displayName?: string;
 };
 type DataVariableDefinitionWithName = {
@@ -607,9 +614,25 @@ type DataVariableDefinitionWithName = {
  */
 declare function variablesToList(variables: Record<string, MeshDataVariableDefinition> | undefined): Array<DataVariableDefinitionWithName>;
 
+type KnownUndefinedVariableInfoWithName = KnownUndefinedVariableInfo & {
+    name: string;
+    resultType: 'undefined';
+};
+type VariableEditorProps<TEditorContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = {
+    variable: string;
+    onSubmit: (values: DataVariableDefinitionWithName | KnownUndefinedVariableInfoWithName, context: TEditVariableCompletedContext) => void | Promise<void>;
+    /** Disables the tip about Mesh integrations. Intended for use when this is placed on a custom Mesh integration to edit variables. */
+    disableMeshTip?: boolean;
+    onCancel: (context: TEditVariableCancelledContext) => void;
+    context: TEditorContext | undefined;
+    disableAutoFocusOnMount?: boolean;
+    showDisplayName?: boolean;
+};
+declare function VariableEditor({ variable, onSubmit, onCancel, showDisplayName, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 type SelectVariableMenuProps<TEditorContext = undefined> = {
     /** sets the onClick menu item event. Also called if the menu adds a variable with the newly added variable. */
-    onSelectVariable: (selectedVariable: DataVariableDefinitionWithName) => void;
+    onSelectVariable: (selectedVariable: DataVariableDefinitionWithName | KnownUndefinedVariableInfoWithName) => void;
     /** Controls whether one can add variables from the menu */
     showAddVariableMenuOption?: boolean | string;
     /** Emotion styles to apply to the menu trigger icon button */
@@ -626,6 +649,8 @@ type SelectVariableMenuProps<TEditorContext = undefined> = {
     menuTooltip?: string;
     /** Filters available variables in menus and auto-completes */
     filterVariable?: (variableName: string, variableDefinition: MeshDataVariableDefinition, context: TEditorContext | undefined) => boolean;
+    /** Sets the menu to be a portal */
+    portal?: boolean;
 };
 
 type VariableSourceGroup = {
@@ -776,10 +801,23 @@ type InputVariablesProps<TEditorContext = unknown> = {
      * @deprecated this is ignored if passed, computation is now automatic
      */
     disableReset?: boolean;
+    /**
+     * By default when keyDown happens in the variables input, any active variable editor is dismissed automatically.
+     * This makes sense, until you want to put a variables input _into_ a variables editor component. In that case,
+     * disable it with this prop.
+     */
+    disableDismissEditorOnChange?: boolean;
     /** Enables mutliple lines in the input (\n in the value) */
     multiLine?: boolean;
     /** Disables the inline variable selection menu when rendering a variables input */
     disableInlineMenu?: boolean | 'by-label' | 'by-input';
+    /**
+     * Defines single place to render "Insert variable" menu buttons.
+     * Be aware that it will override "disableInlineMenu" if set.
+     *
+     * @deprecated beta
+     */
+    showMenuPosition?: 'label' | 'input' | 'inline-right';
     /**
      * Enables clicking a variable reference to edit the variable
      * Note: automatically disabled if `disabled` or `disableVariables` is set
@@ -791,10 +829,12 @@ type InputVariablesProps<TEditorContext = unknown> = {
     addOmitIfEmpty?: boolean;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string;
-    /** (optional) sets and shows the the warning message value */
+    /** (optional) sets and shows the warning message value */
     warningMessage?: string;
     /** (optional) sets and shows the the info message value */
     infoMessage?: string;
+    /** (optional) sets placeholder when there is no value */
+    placeholder?: string;
     /** (optional) sets caption text value */
     caption?: string;
     /** Disables editing the value of the input, editing variables, and adding variables */
@@ -812,6 +852,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
     editorRef?: MutableRefObject<LexicalEditor | null>;
     /** The compact style is similar to the parameters panel */
     styleVariant?: 'default' | 'compact';
+    /** Set the menu dropdown to render in a portal, this helps fix z-indexing issue */
+    renderMenuInPortal?: boolean;
 } & PasteTransformerPluginProps & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
@@ -887,17 +929,6 @@ type ParameterVariablesProps<TEditorContext = unknown> = {
  */
 declare function ParameterVariables<TEditorContext = unknown>(props: ParameterVariablesProps<TEditorContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type VariableEditorProps<TEditorContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = {
-    variable: string;
-    onSubmit: (values: DataVariableDefinitionWithName, context: TEditVariableCompletedContext) => void | Promise<void>;
-    /** Disables the tip about Mesh integrations. Intended for use when this is placed on a custom Mesh integration to edit variables. */
-    disableMeshTip?: boolean;
-    onCancel: (context: TEditVariableCancelledContext) => void;
-    context: TEditorContext | undefined;
-    disableAutoFocusOnMount?: boolean;
-};
-declare function VariableEditor({ variable, onSubmit, onCancel, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-
 type VariablesProviderProps<TEditVariableContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = React.PropsWithChildren<{
     /**
      * Signals that components in this variables context are not intended to allow mutation
@@ -917,6 +948,14 @@ type VariablesProviderProps<TEditVariableContext = unknown, TEditVariableComplet
     knownUndefinedValues?: Record<string, KnownUndefinedVariableInfo>;
     /** Function to handle mutations to the variable values (optional when readOnly is true) */
     onChange?: (newValue: Record<string, MeshDataVariableDefinition>) => void;
+    /**
+     * Called when a custom editVariableComponent signals that it wants to add a known undefined value to the variable context
+     * instead of a valid variable. This is useful when the variable editor component may be allowed to select invalid values that should produce
+     * warning or info messages when referenced, rather than being treated as an error.
+     *
+     * The caller must wire up the logic to pass back new `knownUndefinedValues` after they are modified.
+     */
+    onChangeKnownUndefinedValue?: (name: string, value: KnownUndefinedVariableInfo) => void;
     /**
      * Provide a component to handle editing a variable definition (e.g. a modal wrapper)
      * If not passed, the editor will be rendered inline, with potentially strange results.
@@ -953,7 +992,7 @@ type VariablesAction<TEditVariableContext> = {
 type VariableEditorCompleteEvent<TEditVariableCompletedContext, TEditVariableCancelledContext> = {
     canceled: false;
     /** Selected variable */
-    selectedVariable: DataVariableDefinitionWithName;
+    selectedVariable: DataVariableDefinitionWithName | KnownUndefinedVariableInfoWithName;
     /**
      * Arbitrary object that was returned by the variables editor component's onSubmit
      * Can be used to convey context data about the submit from custom editor components
@@ -966,9 +1005,10 @@ type VariableEditorCompleteEvent<TEditVariableCompletedContext, TEditVariableCan
     /**
      * Arbitrary object that was returned by the variables editor component's onCancel
      * Can be used to convey context data about the submit from custom editor components
-     * to their consumers. Always `null` using the default variables editor.
+     * to their consumers. Always `null` using the default variables editor. Can always be undefined
+     * if the editor is dismissed by the variables provider instead of user action.
      */
-    editorCancelledContext: TEditVariableCancelledContext;
+    editorCancelledContext?: TEditVariableCancelledContext;
 };
 type VariablesEvents<TEditVariableCompletedContext, TEditVariableCancelledContext> = {
     editCompleted: VariableEditorCompleteEvent<TEditVariableCompletedContext, TEditVariableCancelledContext>;
@@ -994,6 +1034,12 @@ type VariablesContext<TEditVariableContext, TEditVariableCompletedContext, TEdit
     isEditing: boolean;
     /** Add event handles (don't forget to unhook) */
     events: Emitter<VariablesEvents<TEditVariableCompletedContext, TEditVariableCancelledContext>>;
+    /**
+     * Creates an exclusive, promise-based variable editing transaction that definitely returns a result.
+     * Only one edit can occur at a time; if another edit is started, the previous one will be resolved as cancelled.
+     * Note: this is an alternative to emitting editing events with dispatch directly that can be easier to consume when a result is required.
+     */
+    editVariableTxn: (variable: string, context?: TEditVariableContext) => Promise<VariableEditorCompleteEvent<TEditVariableCompletedContext, TEditVariableCancelledContext>>;
     /** Whether the context is backed by a provider, or is just a readonly fake */
     canDispatch: boolean;
     /**
@@ -1008,7 +1054,7 @@ type VariablesContext<TEditVariableContext, TEditVariableCompletedContext, TEdit
      */
     isLoading: boolean;
 };
-declare function VariablesProvider<TEditComponentContext = never, TEditVariableCompletedContext = never, TEditVariableCancelledContext = never>({ value, onChange, editVariableComponent, readOnly, isLoading, children, knownUndefinedValues, }: VariablesProviderProps<TEditComponentContext, TEditVariableCompletedContext, TEditVariableCancelledContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function VariablesProvider<TEditComponentContext = never, TEditVariableCompletedContext = never, TEditVariableCancelledContext = never>({ value, onChange, editVariableComponent, readOnly, isLoading, children, knownUndefinedValues, onChangeKnownUndefinedValue, }: VariablesProviderProps<TEditComponentContext, TEditVariableCompletedContext, TEditVariableCancelledContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare function useVariables<TEditComponentContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown>(returnEmptyWithoutProvider?: boolean): VariablesContext<TEditComponentContext, TEditVariableCompletedContext, TEditVariableCancelledContext>;
 
 declare function useVariableEditor<TEditorContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown>(): {
@@ -1167,7 +1213,10 @@ type ObjectSearchContainerProps = {
     enableDynamicInputToResultId?: boolean;
     /** a child node that places components within the search location */
     searchFilters: ReactNode;
-    /** a child node that places components within a scrollable list location */
+    /**
+     * a child node that places components within a scrollable list location
+     * set to `null` expl
+     */
     resultList?: ReactNode;
     /** allows any child element */
     children?: ReactNode;
@@ -1190,9 +1239,10 @@ type ObjectSearchFilterProps = {
     selectLabel?: string;
     /** sets the select input options, if empty - only keyword search field will be rendered */
     selectOptions?: Array<{
-        id: string;
+        id?: string;
         name?: string;
         label: string;
+        value?: string;
     }>;
     /** sets the search input name value
      * @default 'searchText'
@@ -1229,6 +1279,8 @@ type SearchQueryProps<TExtraFilters = unknown> = {
     contentType?: string;
     /** sets the keyword search in the search context */
     keyword?: string;
+    /** sets the locale in the search context */
+    locale?: string;
 } & TExtraFilters;
 type SelectedItemProps<TExtraProps = unknown> = {
     /** sets the id value */
@@ -1299,12 +1351,16 @@ type ObjectSearchContextProps<TExtraFilters = unknown, TExtraItemProps = unknown
     list: ItemListProps<TExtraItemProps>;
     /** function that sets the list of items to state */
     onSetList: (value: ItemListProps) => void;
+    /** is multi items selection allowed or not */
+    isMulti: boolean;
 };
 type ObjectSearchProviderProps = {
     children: ReactNode;
     currentlySelectedItems?: Array<SelectedItemProps>;
+    isMulti?: boolean;
+    defaultQuery?: SearchQueryProps;
 };
-declare const ObjectSearchProvider: ({ currentlySelectedItems, children }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1313,7 +1369,7 @@ type ObjectSearchListItemProps = SelectedItemProps & {
     /** sets image parameters
      * @deprecated Please use imageUrl to make it compatible with  */
     image?: {
-        /** sets the src valuue */
+        /** sets the src value */
         src: string;
         /** sets the alt text value */
         alt: string;
@@ -1335,15 +1391,16 @@ type ObjectSearchListItemProps = SelectedItemProps & {
     children?: React$1.ReactNode;
     /** sets whether multiple entries can be added to the results list context
      * @default false
+     * @deprecated Please use isMulti property in <ObjectSearchProvider />
      */
     isMulti?: boolean;
     /** sets disabled state to the interactive element */
     disabled?: boolean;
-};
+} & React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * @description entry search list item is an opinionated UI component best used for initial retrieved results
  * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
-declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, }: ObjectSearchListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchListItem: ({ id, title, contentType, image, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
  * @example <ObjectSearchListItemLoadingSkeleton />
@@ -1395,6 +1452,8 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
      * @default 'Selected'
      */
     resultLabelText?: string;
+    /** sets and override react node replacing the whole HTML block for the result label and counter */
+    resultLabelOverride?: ReactNode;
     /** sets the on remove button click action */
     onRemoveAllSelected?: () => void;
     /** sets the remove button text
@@ -1406,9 +1465,9 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
      */
     hideRemoveButton?: boolean;
     /** allows additional buttons to be added to the result title group */
-    additionalButtons?: React.ReactNode;
+    additionalButtons?: React__default.ReactNode;
     /** allows placing child components within the result list area */
-    renderResultComponent?: (value: TRenderComponent) => React.ReactNode;
+    renderResultComponent?: (value: TRenderComponent) => React__default.ReactNode;
     /** disable or enable drag and drop functionality
      * @default false
      */
@@ -1416,7 +1475,13 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
     /** sets the draggable id value */
     multiSelectId?: string;
     /** Rendered when nothing is selected */
-    whenNothingSelected?: React.ReactNode;
+    whenNothingSelected?: React__default.ReactNode;
+    /**
+     *  Special case for re-parenting the drag and drop container in case of issues with "position: fixed" and "transform:
+     * You can read more about this here https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/reparenting.md
+     * Providing this getter assumes you have that HTML element in the document, and it will enable re-parenting.
+     */
+    getContainerForDnDReparenting?: () => HTMLElement;
 };
 /**
  * @description An opinionated result list UI component that has built in drag and drop functionality and removal of all selected items from context.
@@ -1424,7 +1489,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
  * maintain drag and drop functionality
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
  */
-declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, multiSelectId, disableDnD, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type QueryFilterSearchProps = {
     /** sets the count value */
@@ -1434,12 +1499,18 @@ type QueryFilterSearchProps = {
     /** sets the sortOrder filter value */
     sortOrder: string;
 };
-type QuertFilterSelectionOptionProps = Array<{
-    id: string;
-    name: string;
+type QueryFilterSelectionOptionProps = Array<{
+    /** @deprecated please use value instead */
+    id?: string;
+    /** @deprecated please use value or label instead */
+    name?: string;
+    /** contains id or machine values. will be used as value attribute in <option> */
+    value?: string;
+    /** Contains human-readable display name for select options.
+     *  Used as value in case value is not present <option> */
     label: string;
 }>;
-type QueryFilterProps<TSelectOptions extends QuertFilterSelectionOptionProps = QuertFilterSelectionOptionProps> = {
+type QueryFilterProps<TSelectOptions extends QueryFilterSelectionOptionProps = QueryFilterSelectionOptionProps> = {
     /** sets the query filter title
      * @default 'Configure Query'
      */
@@ -1460,10 +1531,11 @@ type QueryFilterProps<TSelectOptions extends QuertFilterSelectionOptionProps = Q
      * @default 'Count'
      */
     countLabel?: string;
-    /** sets the count value or items to show
+    /** sets the count value or items to show. As a string you can pass dynamic variables ${countFromQuery} for example
      * @default 5
+     * @deprecated please use ObjectSearchProviderProps['defaultQuery'] to pass initial count value
      */
-    countValue?: number;
+    countValue?: number | string;
     /** sets the sort label text
      * @default 'Sort'
      */
@@ -1637,11 +1709,494 @@ declare function useRequestParameter(paramName: string): {
     update: (value: string) => void;
 };
 
+/** @deprecated beta - Filter editor component names */
+type FilterEditor = 'singleChoice' | 'multiChoice' | 'dateRange' | 'date' | 'text' | 'empty' | 'number' | 'numberRange' | 'statusMultiChoice' | 'statusSingleChoice';
+/** @deprecated beta - Input option props */
+type InputOption = {
+    /** The label for the option */
+    label: string;
+    /** The value for the option */
+    value?: string | undefined;
+    /** The options for the option */
+    options?: Array<FilterOption>;
+    /** Set a disabled state on the input */
+    isDisabled?: boolean;
+    /** Set a readonly state on the input */
+    readOnly?: boolean;
+};
+/** @deprecated beta - Operator option props */
+type Operator = {
+    /** The label for the operator */
+    label: string;
+    /** The symbol for the operator */
+    value?: string;
+    /** The symbol for the operator */
+    symbol?: string;
+    /** The editor type for the operator */
+    options?: Array<InputOption>;
+    /** The editor type for the operator */
+    editorType?: FilterEditor;
+};
+/** @deprecated beta - Filter option props */
+type FilterOption = {
+    /** The label for the option */
+    label: string;
+    /** The value for the option */
+    value: string;
+    /** The options for the option */
+    options?: FilterOption[];
+    /** The operator options for the option */
+    operatorOptions?: Operator[];
+    /** The value options for the option */
+    valueOptions?: InputOption[];
+    /** Set a readonly state on the input */
+    readOnly?: boolean;
+    /** Set a disabled state on the input */
+    disabled?: boolean;
+    /** If filter operator allows it allow bind dynamic value to this filter */
+    bindable?: boolean;
+};
+/** @deprecated beta - Filter selected and query value props */
+type Filter = {
+    /** The field value selected */
+    field: string;
+    /** The operator value selected */
+    operator: string;
+    /** The value selected */
+    value: string | string[];
+};
+
+/** @deprecated beta - a list of possible operator values that sync with uniform search api */
+type OperatorValue = 'eq' | 'sys-date-eq' | 'neq' | 'sys-date-neq' | 'gt' | 'sys-date-gt' | 'gte' | 'sys-date-gte' | 'lt' | 'sys-date-lt' | 'lte' | 'sys-date-lte' | 'in' | 'nin' | 'between' | 'sys-date-between' | 'ndef' | 'def' | 'match' | 'starts';
+type OperatorValueType = {
+    value: OperatorValue;
+};
+/** @deprecated beta - a list of possible operator types */
+type OperatorType = Array<Omit<Operator, 'value'> & OperatorValueType>;
+/** @deprecated beta - uniform number operators */
+declare const NUMBER_OPERATORS: OperatorType;
+/** @deprecated beta - uniform date operators */
+declare const DATE_OPERATORS: OperatorType;
+/** @deprecated beta - uniform textbox operators */
+declare const TEXTBOX_OPERATORS: OperatorType;
+/** @deprecated beta - uniform user operators */
+declare const USER_OPERATORS: OperatorType;
+/** @deprecated beta - uniform system date operators */
+declare const SYSTEM_DATE_OPERATORS: OperatorType;
+/** @deprecated beta - uniform rich text operators */
+declare const RICHTEXT_OPERATORS: OperatorType;
+/** @deprecated beta - uniform checkbox operators */
+declare const CHECKBOX_OPERATORS: OperatorType;
+/** @deprecated beta - uniform system field operators */
+declare const SYSTEM_FIELD_OPERATORS: OperatorType;
+/** @deprecated beta - uniform publish status field operators */
+declare const PUBLISH_STATUS_FIELD_OPERATORS: OperatorType;
+
+/** @description beta - filter button type */
+type FilterButtonProps = {
+    /** text to display on the button
+     * @default "Filters"
+     */
+    text?: string;
+    /** icon to display on the button
+     * @default "filter-add"
+     */
+    icon?: IconType;
+    /** number of filters to display on the button and sets the styles on the button */
+    filterCount?: number;
+    /** sets the selected styles on the button */
+    hasSelectedValue?: boolean;
+    /** sets the data-testid attribute on the button */
+    dataTestId?: string;
+} & HTMLAttributes<HTMLButtonElement>;
+/**
+ * @deprecated beta - A filter button component used to display filter menu options
+ * @example <FilterButton text="Filters" filterCount={3} />
+ */
+declare const FilterButton: ({ text, icon, filterCount, hasSelectedValue, dataTestId, ...props }: FilterButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+/**
+ * @deprecated beta - Default filter controls for search and filter
+ * @example <FilterControls />
+ */
+declare const FilterControls: ({ children, hideSearchInput, }: {
+    /** optional param to allow you to add your own controls */
+    children?: ReactNode;
+    /** optional param to hide the search input */
+    hideSearchInput?: boolean | undefined;
+}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type FilterEditorProps = Record<FilterEditor, ComponentType<{
+    label?: string;
+    value?: string;
+    options: any;
+    onChange: (value: any) => void;
+}> | (() => ReactNode) | null>;
+type ComboboxOption = {
+    label: string;
+    value: string;
+};
+type SingleValueComboboxProps = Omit<FilterEditorCommonInputProps, 'value'> & {
+    value?: string;
+    options: ComboboxOption[];
+    onChange: (e: string) => void;
+};
+type MultiValueComboboxProps = Omit<FilterEditorCommonInputProps, 'value'> & {
+    value?: string[];
+    options: ComboboxOption[];
+    onChange: (e: string[]) => void;
+};
+type FilterEditorCommonInputProps = {
+    ariaLabel: string;
+    onChange: (e: string | string[]) => void;
+    disabled?: boolean;
+    value?: string | string[];
+    readOnly?: boolean;
+    valueTestId?: string;
+    bindable?: boolean;
+};
+/**
+ * @deprecated beta - Multie select filter component
+ * @example <FilterMultiChoiceEditor options={options} value={options.filter((option) => values.includes(option.value)} onChange={(e) => onChange(e.map((option) => option.value))} />
+ */
+declare const FilterMultiChoiceEditor: ({ value, options, disabled, readOnly, valueTestId, ...props }: MultiValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Single select filter component
+ * @example <FilterSingleChoiceEditor options={options} value={options.find((option) => values.includes(option.value)} onChange={(e) => onChange(e.value)} />
+ */
+declare const FilterSingleChoiceEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: SingleValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Status multi select filter component that renders a custom dropdown menu
+ * @example <StatusMultiEditor options={options} value={value} onChange={onChange} />
+ */
+declare const StatusMultiEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: MultiValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Status single select filter component that renders a custom dropdown menu
+ * @example <StatusSingleEditor options={options} value={value} onChange={onChange} />
+ */
+declare const StatusSingleEditor: ({ options, value, disabled, readOnly, onChange, valueTestId, }: SingleValueComboboxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Renders a text input field for filtering
+ * @example <TextEditor ariaLabel="Search" value={value} onChange={onChange} />
+ */
+declare const TextEditor: ({ onChange, ariaLabel, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Renders a number range input field for filtering
+ * @example <NumberRangeEditor ariaLabel="Number Range" value={value} onChange={onChange} />
+ */
+declare const NumberRangeEditor: ({ onChange, disabled, ariaLabel, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Renders a number input field for filtering
+ * @example <NumberEditor ariaLabel="Number" value={value} onChange={onChange} />
+ */
+declare const NumberEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Renders a date input field for filtering
+ * @example <DateEditor ariaLabel="Date" value={value} onChange={onChange} />
+ */
+declare const DateEditor: ({ onChange, ariaLabel, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/**
+ * @deprecated beta - Renders a date range input field for filtering
+ * @example <DateRangeEditor ariaLabel="Date Range" value={value} onChange={onChange} />
+ */
+declare const DateRangeEditor: ({ ariaLabel, onChange, disabled, value, readOnly, valueTestId, }: FilterEditorCommonInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type FilterEditorRendererProps = Pick<FilterOption, 'readOnly' | 'disabled' | 'bindable'> & {
+    /** The type of filter editor to render */
+    editorType: FilterEditor;
+    /** The options for the filter editor */
+    options?: Array<Operator>;
+    /** The value for the filter editor */
+    value?: string | string[] | InputOption[] | InputOption;
+    /** The onChange event for the filter editor */
+    onChange: (e: string) => void;
+    /** Sets the data-testid value */
+    valueTestId?: string;
+};
+/**
+ * @deprecated beta - Renders a filter editor component
+ * @example <FilterEditorRenderer editorType="multiChoice" options={options} value={value} onChange={onChange} />
+ */
+declare const FilterEditorRenderer: ({ editorType, ...props }: FilterEditorRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+/** @deprecated beta - A mapper for filter editor components */
+declare const filterMapper: Record<FilterEditor, ComponentType<any> | null>;
+declare const bindableFiltersMapper: {
+    multiChoice: React__default.FC<MultiValueComboboxProps>;
+    singleChoice: React__default.FC<SingleValueComboboxProps>;
+    date: React__default.FC<FilterEditorCommonInputProps & {
+        value?: string | undefined;
+        options?: {
+            label: string;
+            value: string;
+        }[] | undefined;
+    }>;
+    text: React__default.FC<FilterEditorCommonInputProps & {
+        value?: string | undefined;
+        options?: {
+            label: string;
+            value: string;
+        }[] | undefined;
+    }>;
+    number: React__default.FC<FilterEditorCommonInputProps & {
+        value?: string | undefined;
+        options?: {
+            label: string;
+            value: string;
+        }[] | undefined;
+    }>;
+    dateRange: React__default.ComponentType<any> | null;
+    empty: React__default.ComponentType<any> | null;
+    numberRange: React__default.ComponentType<any> | null;
+    statusMultiChoice: React__default.ComponentType<any> | null;
+    statusSingleChoice: React__default.ComponentType<any> | null;
+};
+
+type FilterMapper = Record<string, ComponentType<any> | null>;
+type SearchAndFilterProviderProps = {
+    /** sets the filter values */
+    filters: Filter[];
+    /** sets the filter visibility */
+    filterVisible?: boolean;
+    /** function to trigger search change event */
+    onSearchChange?: (term: string) => void;
+    /** function to trigger filter change events */
+    onChange: (filters: Filter[]) => void;
+    /** Sets default value for full text search input, useful for bindable search */
+    defaultSearchTerm?: string;
+    /** sets the reset filter values
+     * @default "[{ field: '', operator: '', value: '' }]"
+     */
+    resetFilterValues?: Filter[];
+    /** sets the list of filter options for each filter row */
+    filterOptions: FilterOption[];
+    /** the total number of results */
+    totalResults?: number;
+    /** the filter mapper function */
+    filterMapper?: FilterMapper;
+    /** sets child components giving access to useSearchAndFilter context */
+    children: ReactNode;
+};
+type SearchAndFilterContextProps = {
+    /** the search term value */
+    searchTerm: string;
+    /** sets the search term value */
+    setSearchTerm: (term: string) => void;
+    /** current filter visibility */
+    filterVisibility?: boolean;
+    /** sets the filter visibility */
+    setFilterVisibility: (visible: boolean) => void;
+    /** sets the initial filters */
+    filters: Filter[];
+    /** function to update the current filters */
+    setFilters: (updatedFilters: Filter[]) => void;
+    /** function that adds a blank set of filter options */
+    handleAddFilter: () => void;
+    /** function to reset all filter values and search term */
+    handleResetFilters: () => void;
+    /** function that deletes a row and it's values visually and from state */
+    handleDeleteFilter: (index: number) => void;
+    /** sets the initial list of filter options */
+    filterOptions: FilterOption[];
+    /** a valid list of valid filter options */
+    validFilterQuery: Filter[] | undefined;
+    /** a component list to map filter options */
+    filterMapper?: FilterMapper;
+    /** the total number of results */
+    totalResults?: number;
+};
+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;
+/** @deprecated beta - Search and filter hook
+ * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
+ */
+declare const useSearchAndFilter: () => {
+    /** the search term value */
+    searchTerm: string;
+    /** sets the search term value */
+    setSearchTerm: (term: string) => void;
+    /** current filter visibility */
+    filterVisibility?: boolean | undefined;
+    /** sets the filter visibility */
+    setFilterVisibility: (visible: boolean) => void;
+    /** sets the initial filters */
+    filters: Filter[];
+    /** function to update the current filters */
+    setFilters: (updatedFilters: Filter[]) => void;
+    /** function that adds a blank set of filter options */
+    handleAddFilter: () => void;
+    /** function to reset all filter values and search term */
+    handleResetFilters: () => void;
+    /** function that deletes a row and it's values visually and from state */
+    handleDeleteFilter: (index: number) => void;
+    /** sets the initial list of filter options */
+    filterOptions: FilterOption[];
+    /** a valid list of valid filter options */
+    validFilterQuery: Filter[] | undefined;
+    /** a component list to map filter options */
+    filterMapper?: FilterMapper | undefined;
+    /** the total number of results */
+    totalResults?: number | undefined;
+};
+
+type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
+    /** The filter controls to be displayed
+     * @default '<FilterControls />'
+     */
+    filterControls?: React$1.ReactNode;
+    /** sets the filter mode */
+    filterVisible?: boolean;
+    /** The view switch controls to be displayed */
+    viewSwitchControls?: React$1.ReactNode;
+    /** The number of total results */
+    totalResults?: number;
+    /** The results container view
+     * @default '<SearchAndFilterResultContainer />'
+     */
+    resultsContainerView?: React$1.ReactNode;
+    /** sets the reset filter values */
+    resetFilterValues?: Filter[];
+    /** The filter mapper function */
+    filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
+    /** Component to render inside filters container right below main Filters widget
+     *  that should contain additional controls like filters
+     *  which do not fit main structure or sorting */
+    additionalFiltersContainer?: React$1.ReactNode;
+};
+/**
+ * @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;
+
+type FilterRowProps = {
+    /** the index of the filter row */
+    index: number;
+    /** the list of filter options for each filter row */
+    paramOptions: FilterOption[];
+    /** function to trigger filter change events */
+    onParamChange: (e: string) => void;
+    /** the list of operator options for each filter row */
+    operatorOptions: Operator[];
+    /** function to trigger operator change events */
+    onOperatorChange: (e: string) => void;
+    /** function to trigger value change events */
+    onValueChange: (e: string) => void;
+    /** the list of value options for each filter row */
+    valueOptions: InputOption[];
+};
+/** @deprecated beta - A filter item component used to display filter options */
+declare const FilterItem: ({ index, paramOptions, operatorOptions, valueOptions, onParamChange, onOperatorChange, onValueChange, }: FilterRowProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type FilterItemsProps = {
+    /** The text for the add button */
+    addButtonText?: string;
+    additionalFiltersContainer: SearchAndFilterProps['additionalFiltersContainer'];
+};
+/** @deprecated beta - A filter items component used to display filter options */
+declare const FilterItems: ({ addButtonText, additionalFiltersContainer, }: FilterItemsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type SearchAndFilterOptionsContainerProps = {
+    /** The button row to be displayed at the bottom of the container */
+    buttonRow?: React__default.ReactNode;
+    /** The children of the container */
+    children: React__default.ReactNode;
+    additionalFiltersContainer?: SearchAndFilterProps['additionalFiltersContainer'];
+};
+/**
+ * @deprecated beta - A container component for search and filter options
+ * @example <SearchAndFilterOptionsContainer buttonRow={<button>Button</button>}>Children</SearchAndFilterOptionsContainer>
+ * */
+declare const SearchAndFilterOptionsContainer: ({ buttonRow, additionalFiltersContainer, children, }: SearchAndFilterOptionsContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+type FiltersProps = {
+    /** The id of the filter menu */
+    id: string;
+    /** The text for the filter title */
+    filterTitle?: string;
+    /** The controls to be displayed at the bottom of the filter menu */
+    menuControls?: React__default.ReactNode;
+    /** The children of the filter menu */
+    children: React__default.ReactNode;
+    /** Sets the data-test-id attribute for the filter menu */
+    dataTestId?: string;
+    /** The text for the reset button
+     * @default 'reset'
+     */
+    resetButtonText?: string;
+    additionalFiltersContainer?: SearchAndFilterProps['additionalFiltersContainer'];
+};
+/**
+ * @deprecated beta - A filter menu component used to display filter options
+ * @example <FilterMenu id="search-and-filter-options">Children</FilterMenu>
+ * */
+declare const FilterMenu: ({ id, filterTitle, menuControls, additionalFiltersContainer, children, dataTestId, resetButtonText, }: FiltersProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type SearchAndFilterResultContainerProps = {
+    /** The label for the clear button
+     * @default 'Clear'
+     */
+    clearButtonLabel?: string;
+    /** The text for the button */
+    buttonText?: string;
+    /** The title for the callout */
+    calloutTitle?: string;
+    /** The text for the callout */
+    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, 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'> & {
+    /** sets the max width of input wrapper
+     * @default '712px'
+     */
+    maxWidth?: string;
+};
+declare const SearchOnlyFilter: ({ onSearchChange, maxWidth }: SearchOnlyProviderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+type SortItemsProps = {
+    /** The label for the sort by field
+     * @default 'Sort by'
+     */
+    sortByLabel?: string;
+    /** The label for the locale returned field
+     * @default 'Enabled locale'
+     */
+    localeLabel?: string;
+    /** sets the list of sort options */
+    sortOptions: FilterOption[];
+    /** the default sort by value */
+    sortByValue?: string;
+    /** function to trigger sort change events */
+    onSortChange: (sort: string) => void;
+    /** sets the list of locale options */
+    localeOptions?: InputOption[];
+    /** function to trigger locale change events */
+    onLocaleChange?: (locale: string) => void;
+    /** sets the default locale option value */
+    localeValue?: string;
+    /**
+     * Optionally disable the binding for sorting inputs.
+     * Mostly used to disable binding for Single/Multiple data resources
+     */
+    disableSortBinding?: boolean;
+};
+/**
+  Copy of Design System <SortItems > component with ability to bind variables to inputs.
+ */
+declare const SortItems: ({ sortByLabel, localeLabel, sortOptions, sortByValue, onSortChange, localeValue, localeOptions, onLocaleChange, disableSortBinding, }: SortItemsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 /** Converts connected data map into VariablesProvider-format variables */
 declare function useConnectedDataAsVariables(connectedData: Record<string, unknown> | undefined): Record<string, MeshDataVariableDefinition>;
 
 /** Converts dynamic inputs into VariablesProvider-format variables */
-declare function useDynamicInputsAsVariables(dynamicInputs: MinimalDynamicInputs): Record<string, MeshDataVariableDefinition>;
+declare function useDynamicInputsAsVariables(dynamicInputs: DynamicInputs): Record<string, MeshDataVariableDefinition>;
 
 /**
  * Provides convenient access to the current Uniform Mesh SDK instance via React hook.
@@ -1658,4 +2213,34 @@ declare function useUniformMeshSdk(): _uniformdev_mesh_sdk.UniformMeshSDK;
  */
 declare function createLocationValidator<TSetValue>(setValue: SetLocationValueDispatch<TSetValue>, validate: (newValue: TSetValue, currentResult: SetValueOptions | undefined) => SetValueOptions): SetLocationValueDispatch<TSetValue>;
 
-export { $createVariableNode, $isVariableNode, BaseRequestData, Brand, ControlledValuePlugin, DISCONNECT_VARIABLE_COMMAND, DamItem, DamSelectedItem, DamSelectedItemProps, DataRefreshButton, DataRefreshButtonProps, DataResourceDynamicInputProvider, DataResourceDynamicInputProviderProps, DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, DataResourceVariablesListProps, DataSourceEditor, DataSourceEditorProps, DataTypeEditor, DataTypeEditorProps, DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, DisconnectVariableCommandArguments, DispatchResult, EDIT_VARIABLE_COMMAND, EditVariableCommandArguments, EntrySearch, EntrySearchContentType, EntrySearchProps, EntrySearchQueryOptions, EntrySearchResult, EntrySearchRowProps, EntrySearchSelectedItemProps, GetProductOptions, GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, InputVariables, InputVariablesProps, InsertVariableCommandArguments, ItemListProps, KnownUndefinedVariableInfo, LinkButton, MeshApp, MeshAppProps, MeshDataVariableDefinition, MinimalDynamicInput, MinimalDynamicInputs, NoResultsProps, OPEN_INSERT_VARIABLE_COMMAND, ObjectSearchContainer, ObjectSearchContainerProps, ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, ObjectSearchFilterContainerProps, ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, ObjectSearchListItemProps, ObjectSearchProvider, ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, ObjectSearchResultItemButtonProps, ObjectSearchResultItemProps, ObjectSearchResultList, ObjectSearchResultListProps, ParamTypeDynamicDataProvider, ParamTypeDynamicDataProviderProps, ParameterConnectOptions, ParameterConnectionIndicator, ParameterConnectionIndicatorProps, ParameterOrSingleVariable, ParameterOrSingleVariableProps, ParameterVariables, ParameterVariablesProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, QueryFilterProps, QueryFilterSearchProps, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SearchQueryProps, SelectedItemProps, SelectionField, SelectionFieldValue, SerializedVariableNode, SetLocationValueDispatch, SetLocationValueFunction, TextVariableRenderer, UseVariablesMenu, UseVariablesMenuInput, VariableEditor, VariableEditorCompleteEvent, VariableEditorProps, VariableNode, VariableNodeState, VariableSourceGroup, VariablesAction, VariablesContext, VariablesEvents, VariablesList, VariablesPlugin, VariablesPluginProps, VariablesProvider, VariablesProviderProps, badgeIcon, convertConnectedDataToVariable, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, hasReferencedVariables, prettifyBindExpression, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
+type ContentDataResourceLocaleInfoResult = {
+    /**
+     * Effective locale for data resource. It can be one of two types:
+     * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
+     * - variable reference - locale stored in mesh data type/resource as a variable reference (e.g. '${locale}')
+     */
+    effectiveLocale: string;
+    /** Bound locale value. It can be one of two types:
+     * - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
+     * - empty string - if locale was not set
+     */
+    boundLocale: string | undefined;
+};
+type ContentDataResourceLocaleInfoProps = {
+    /** Current stored locale in mesh data type/resource.
+     * It can be one of tree types:
+     *  - undefined - no locale stored in mesh data type/resource yet or it is not localized
+     *  - raw locale string - locale stored in mesh data type/resource (e.g. 'en-US')
+     *  - variable reference - locale stored in mesh data type/resource as a variable reference (e.g. '${locale}')
+     *
+     *  If locale is empty, fallback to dynamic locale value if it is available.
+     */
+    locale: string | undefined;
+    /** Map of dynamic inputs for current composition. Should be passed down from DataResource metadata */
+    dynamicInputs: DynamicInputs;
+    /** In case of empty locale value, this method is called to bind dynamic locale (sets locale to '${locale}') */
+    setLocale?: (locale: string) => void;
+};
+declare function useContentDataResourceLocaleInfo({ locale, setLocale, dynamicInputs, }: ContentDataResourceLocaleInfoProps): ContentDataResourceLocaleInfoResult;
+
+export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, CHECKBOX_OPERATORS, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DATE_OPERATORS, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DateEditor, DateRangeEditor, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, type FilterEditorCommonInputProps, type FilterEditorProps, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterRowProps, FilterSingleChoiceEditor, type FiltersProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, type InputOption, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, type KnownUndefinedVariableInfoWithName, LinkButton, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, NUMBER_OPERATORS, type NoResultsProps, NumberEditor, NumberRangeEditor, OPEN_INSERT_VARIABLE_COMMAND, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, RICHTEXT_OPERATORS, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, SortItems, type SortItemsProps, StatusMultiEditor, StatusSingleEditor, TEXTBOX_OPERATORS, TextEditor, TextVariableRenderer, USER_OPERATORS, type UseVariablesMenu, type UseVariablesMenuInput, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, bindableFiltersMapper, convertConnectedDataToVariable, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, filterMapper, hasReferencedVariables, prettifyBindExpression, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useSearchAndFilter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };