@muraldevkit/ui-toolkit 4.29.0 → 4.31.0

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { CreatableProps } from 'react-select/creatable';
+import { GroupBase } from 'react-select';
+import { SelectKind } from '../types';
+export interface MrlCreatableSelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends CreatableProps<Option, IsMulti, Group> {
+    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 MrlCreatableSelect component.
+     *
+     * Available subcomponents:
+     * - container, <data-qa-prefix>-container
+     * - value-container, <data-qa-prefix>-value-container
+     */
+    ['data-qa']?: string;
+    showClearIndicatorIcon?: boolean;
+}
+export declare const CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlCreatableSelect";
+export declare const CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
+/**
+ * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
+ *
+ * @param props - the component props
+ * @returns the select component
+ */
+export declare function MrlCreatableSelect<T>(props: MrlCreatableSelectProps<T>): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ClearIndicatorProps } from 'react-select';
+/**
+ * MrlSelectClearIndicator component
+ *
+ * @param props the react-select clear indicator props
+ * @returns the select clear indicator
+ */
+export declare function MrlSelectClearIndicator<T>(props: ClearIndicatorProps<T>): JSX.Element;

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

@@ -4,3 +4,4 @@ export * from './MrlSelectMultiValueRemove';
 export * from './MrlSelectMultiValue';
 export * from './MrlSelectContainer';
 export * from './MrlSelectValueContainer';
+export * from './MrlSelectClearIndicator';

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

@@ -1,2 +1,4 @@
 export * from './MrlSelect';
 export * from './MrlMultiSelect';
+export * from './components';
+export * from './utils';

package/dist/components/form/select/utils/closeMenuOnScroll.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Evaluates the scroll event target with a given class name to prevent closing the select menu when
+ * it renders inside a scrollable container.
+ * if the scroll event target contains the provided class, the function return `false` to keep the menu open.
+ * In most scenarios, `className` will be the class name of the select menu list.
+ *
+ * @param  className - The class name to check against the target element's class list.
+ * @returns An event handler function that takes an event as an argument
+ */
+export declare function closeMenuOnScroll(className: string): (e: Event) => boolean;

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

@@ -0,0 +1 @@
+export * from './closeMenuOnScroll';

package/dist/components/svg/config.d.ts

@@ -80,7 +80,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "stop" | "play";
+        state: "play" | "stop";
     };
     argTypes: {
         delay: {