@muraldevkit/ui-toolkit 4.27.0 → 4.29.0-dev-Qa0Y.1

package/dist/components/button/MrlIconButton/MrlIconButton.d.ts

@@ -3,7 +3,6 @@ import { MrlButtonKind, MrlButtonSize, MrlGhostIconButtonSize, ToggleAria } from
 import { AttrsObject, MrlComponentProps } from '../../../utils';
 import { MrlTooltipAnchor, MrlTooltipPosition, MrlTooltipVariant } from '../../tooltip/constants';
 import { MrlButtonState, ToggleStyle } from '../../';
-import { MrlDeviceClient } from '../../../contexts';
 import './MrlIconButton.scss';
 export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'button'> {
     /**
@@ -22,7 +21,6 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Re
      * Allows developers the ability to disable built in event listeners so they can manage user
      * interactions from the application.
      */
-    client?: MrlDeviceClient;
     disableEvents?: boolean;
     /** Whether to disable the tooltip hover action that keeps it open */
     disableTooltipHover?: boolean;

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';

package/dist/components/modal/MrlModal/MrlModal.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { MrlComponentProps } from '../../../utils';
 import { ModalSize, ModalState } from '../constants';
-import { MrlDeviceClient } from '../../../contexts/MrlDeviceProvider';
 import './MrlModal.global.scss';
 interface ModalProps extends MrlComponentProps {
     /**
@@ -16,7 +15,6 @@ interface ModalProps extends MrlComponentProps {
      * Modal Wrapper Class
      */
     className?: string;
-    client?: MrlDeviceClient;
     /**
      * !!!!! WARNING: do not use this prop without an explicit requirement from the design team !!!!!
      *
@@ -45,8 +43,6 @@ interface ModalProps extends MrlComponentProps {
 /**
  * Modal Component.
  *
- * This component has support for native devices through the `client` prop.
- *
  * @param {object} props - Modal props
  * @param {ModalSize} props.size - The size of the modal container. Defaults to 'defaults.size'
  * @param {ModalState} props.state - Current state of the modal. Defaults to 'close'

package/dist/components/modal/constants.d.ts

@@ -1,4 +1,3 @@
-import { MrlDeviceClient } from '../../contexts';
 import { AttrsObject } from '../../utils';
 export declare const allowedValues: {
     sizes: readonly ["small", "medium", "large"];
@@ -8,7 +7,6 @@ export type ModalSize = (typeof allowedValues.sizes)[number];
 export type ModalState = (typeof allowedValues.states)[number];
 export interface ModalDefaults {
     attrs: AttrsObject;
-    client: MrlDeviceClient;
     size: ModalSize;
     state: ModalState;
 }

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

@@ -2,5 +2,4 @@ export * from './MrlModal';
 export * from './MrlModalContent';
 export * from './MrlModalFooter';
 export * from './MrlModalHeader';
-export * from './MrlModalHeaderNative';
 export * from './constants';

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

package/dist/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts

@@ -34,7 +34,6 @@ export interface MrlToolbarButtonProps {
      */
     toolbarButtonProps?: {
         badge?: MrlIconButtonProps['badge'];
-        client?: MrlIconButtonProps['client'];
         disableEvents?: MrlIconButtonProps['disableEvents'];
         kind?: MrlIconButtonProps['kind'];
         loading?: MrlIconButtonProps['loading'];

package/dist/contexts/index.d.ts

@@ -1,2 +1 @@
-export * from './MrlDeviceProvider';
 export * from './MrlTabContext';

package/dist/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export * from './useVirtualKeyboard';
 export * from './useCoordinate';
 export * from './useBreakpoint';
 export * from './useElementDimensions';