@muraldevkit/ui-toolkit 4.27.0 → 4.28.0

package/dist/components/form/select/MrlMultiSelect/MrlMultiSelect.d.ts

@@ -4,6 +4,14 @@ import { DefaultOption } from '../types';
 export interface MrlMultiSelectProps<T, IsMulti extends boolean = false, Group extends GroupBase<T> = GroupBase<T>> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {
     hasError?: boolean;
     isReadOnly?: boolean;
+    /**
+     * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlMultiSelect component.
+     *
+     * Available subcomponents:
+     * - container, <data-qa-prefix>-container
+     * - value-container, <data-qa-prefix>-value-container
+     */
+    ['data-qa']?: string;
 }
 export declare const MULTI_SELECT_CLASS_NAME_PREFIX = "MrlMultiSelect";
 export declare const MULTI_SELECT_MENU_LIST_CLASS_NAME: string;

package/dist/components/form/select/MrlSelect/MrlSelect.d.ts

@@ -5,6 +5,14 @@ export interface MrlSelectProps<Option, IsMulti extends boolean = false, Group e
     hasError?: boolean;
     isReadOnly?: boolean;
     kind?: SelectKind;
+    /**
+     * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlSelect component.
+     *
+     * Available subcomponents:
+     * - container, <data-qa-prefix>-container
+     * - value-container, <data-qa-prefix>-value-container
+     */
+    ['data-qa']?: string;
 }
 export declare const SELECT_CLASS_NAME_PREFIX = "MrlSelect";
 export declare const SELECT_MENU_LIST_CLASS_NAME: string;

package/dist/components/form/select/components/MrlSelectContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { GroupBase, ContainerProps } from 'react-select';
+/**
+ * MrlSelectContainer component
+ *
+ * @param props - the react-select container props
+ * @returns a select container
+ */
+export declare function MrlSelectContainer<T, IsMulti extends boolean = false, Group extends GroupBase<T> = GroupBase<T>>(props: ContainerProps<T, IsMulti, Group>): JSX.Element;

package/dist/components/form/select/components/MrlSelectValueContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { GroupBase, ValueContainerProps } from 'react-select';
+/**
+ * MrlSelectValueContainer component
+ *
+ * @param props - the react-select value container props
+ * @returns a value container component
+ */
+export declare function MrlSelectValueContainer<T, IsMulti extends boolean = false, Group extends GroupBase<T> = GroupBase<T>>(props: ValueContainerProps<T, IsMulti, Group>): JSX.Element;

package/dist/components/form/select/components/index.d.ts

@@ -2,3 +2,5 @@ export * from './MrlSelectDropdownIndicator';
 export * from './MrlSelectOption';
 export * from './MrlSelectMultiValueRemove';
 export * from './MrlSelectMultiValue';
+export * from './MrlSelectContainer';
+export * from './MrlSelectValueContainer';