@muraldevkit/ui-toolkit 4.44.1 → 4.45.1-dev-bdtT.1

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

@@ -4,6 +4,7 @@ export * from './legacy-select/MrlLegacySelectMenu';
 export * from './text-input/MrlTextInput';
 export * from './text-input/MrlEditableTextInput';
 export * from './label/MrlLabel';
+export * from './label/MrlLabelWithDescription';
 export * from './textarea/MrlTextarea';
 export * from './textarea/MrlEditableTextarea';
 export * from './fieldset/MrlFieldset';

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { CreatableProps } from 'react-select/creatable';
+import { GroupBase } from 'react-select';
+import { DefaultOption, SelectKind } from '../types';
+export interface MrlMultiCreatableSelectProps<Option, IsMulti extends boolean = true, 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 MrlMultiCreatableSelect component.
+     *
+     * Available subcomponents:
+     * - container, <data-qa-prefix>-container
+     * - value-container, <data-qa-prefix>-value-container
+     */
+    ['data-qa']?: string;
+    showClearIndicatorIcon?: boolean;
+}
+export declare const MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlMultiCreatableSelect";
+export declare const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
+/**
+ * MrlMultiCreatableSelect 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 MrlMultiCreatableSelect<T extends DefaultOption, IsMulti extends boolean = true, Group extends GroupBase<T> = GroupBase<T>>(props: MrlMultiCreatableSelectProps<T, IsMulti, Group>): JSX.Element;

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

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

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

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { ClearIndicatorProps } from 'react-select';
+import { ClearIndicatorProps, GroupBase } 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;
+export declare function MrlSelectClearIndicator<T, IsMulti extends boolean = false, Group extends GroupBase<T> = GroupBase<T>>(props: ClearIndicatorProps<T, IsMulti, Group>): JSX.Element;

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

@@ -1,5 +1,6 @@
 export * from './MrlSelect';
 export * from './MrlMultiSelect';
 export * from './MrlCreatableSelect';
+export * from './MrlMultiCreatableSelect';
 export * from './components';
 export * from './utils';

package/dist/components/popover/MrlPopover/MrlPopover.d.ts

@@ -7,7 +7,6 @@ type RenderPropFn = ({ closeMenu }: {
 export interface MrlPopoverProps {
     /**
      * Set initial state of menu
-     *
      * @default { actionType: null, isOpen: false }
      */
     actionState?: ActionState;
@@ -35,7 +34,6 @@ export interface MrlPopoverProps {
     disableClickOutside?: boolean;
     /**
      * Disable flipping of the popover when it goes off the screen
-     *
      * @default false
      */
     disableFlipping?: boolean;
@@ -62,7 +60,6 @@ export interface MrlPopoverProps {
      * Horizontal and vertical alignment of the menu relative to the trigger element
      *
      * This does not impact submenus
-     *
      * @default 'bottom'
      */
     position?: MenuPosition;
@@ -87,13 +84,11 @@ export interface MrlPopoverProps {
     triggerRef?: React.RefObject<HTMLElement>;
     /**
      * If the menu should be rendered with the inverse theme
-     *
      * @default 'primary'
      */
     kind?: 'primary' | 'inverse';
     /**
      * If the menu should have a pointer element
-     *
      * @default false
      */
     point?: boolean;
@@ -114,7 +109,6 @@ export interface MrlPopoverProps {
     onOpen?: () => void;
     /**
      * Callback to be called when the menu is closed
-     *
      * @param type - type of close event
      */
     onClose?: (type?: string) => void;
@@ -127,7 +121,6 @@ export interface MrlPopoverProps {
  * MrlPopover
  *
  * Renders a popover component with position and alignment relative to a trigger element
- *
  * @param {MrlPopoverProps} props - The props for the MrlPopover component
  * @returns {Element} - rendered MrlPopover component
  */

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: {