@majoo-ui/react 1.52.2-rc.1 → 1.52.2

package/README.md

@@ -1,7 +1,7 @@
-React
-
-This library was generated with [Nx](https://nx.dev).
-
-Running unit tests
-
-Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
+React
+
+This library was generated with [Nx](https://nx.dev).
+
+Running unit tests
+
+Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).

package/components/devicePreview/DevicePreview.d.ts

@@ -7,6 +7,10 @@ declare const EnumTypeDevice: {
     readonly desktop: "desktop";
 };
 declare type EnumTypeDevice = typeof EnumTypeDevice[keyof typeof EnumTypeDevice];
+interface ContentMessage {
+    sender?: string;
+    message: string;
+}
 interface Props {
     /**
      * set size of frame device.
@@ -38,6 +42,15 @@ interface Props {
      * @default false
      */
     withComponent?: boolean;
+    /**
+     * option device preview variant
+     * @default 'default'
+     */
+    variant: 'sms' | 'whatsapp' | 'email' | 'notification' | 'default';
+    /**
+     * Message content if variant is `'sms' | 'whatsapp' | 'email' | 'notification'`
+     **/
+    content?: ContentMessage;
 }
 export declare const ImageDevicePreview: import("@stitches/react/types/styled-component").StyledComponent<"img", {}, {
     sm: "(min-width: 359px)";

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -691,11 +691,15 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      * If true, the input will become invalid state.
      */
     isInvalid?: boolean;
+    /**
+     * If true, the tooltip will shown when the component hovered
+     */
+    showTooltip?: boolean;
     /**
      * Deprecated in v1.46.7. Use 'hideArrowIcon' instead.
      */
     noOptionIcon?: boolean;
     css?: CSS;
 }
-export declare function InputSelect({ option, onChange, value, placeholder, searchPlaceholder, embedSearch, size, disabled, search, iconColor, hideArrowicon, showLeadingIcon, placement, disabledOptions, textSelector, valueSelector, readOnly, isInvalid, noOptionIcon, fetchData, onSearch, isLoading, css, ...props }: InputSelectProps): JSX.Element;
+export declare function InputSelect({ option, onChange, value, placeholder, searchPlaceholder, embedSearch, size, disabled, search, iconColor, hideArrowicon, showLeadingIcon, placement, disabledOptions, textSelector, valueSelector, readOnly, isInvalid, noOptionIcon, fetchData, onSearch, isLoading, showTooltip, css, ...props }: InputSelectProps): JSX.Element;
 export default InputSelect;

package/components/modalDialog/ModalDialog.d.ts

@@ -402,6 +402,10 @@ interface ModalDialogProps extends IDialog, DialogContentProps {
      * If true, the close icon button is hidden
      */
     hideCloseButton?: boolean;
+    /**
+     * If true, the close icon button is disabled
+     */
+    disabledCloseButton?: boolean;
 }
 /**
  * ModalDialog are used to focus and display content that contains one specific task that requires interaction from the user and is separate from the main page.