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

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.

package/components/pageDialog/PageDialog.d.ts

@@ -398,6 +398,10 @@ interface PageDialogProps extends IDialog, DialogContentProps {
     onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
     onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
     onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+    /**
+     * If true, the close button is disabled
+     */
+    disabledCloseButton?: boolean;
 }
 /**
  * PageDialog 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.

package/components/table/Table.d.ts

@@ -1201,8 +1201,12 @@ export interface TableProps {
      * Additional style to customize one of the rows based on the specified condition
      */
     customRowsStyle?: (e: any) => CustomRowsStyle[];
+    /**
+     * Override isMobile condition
+     */
+    isMobileLayout?: boolean;
 }
-export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, }: TableProps): JSX.Element;
+export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>