@majoo-ui/react 1.60.38 → 1.60.40

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/datePicker/components/CalendarTimePicker.d.ts

@@ -4,6 +4,7 @@ interface CalendarProps {
     disabled?: boolean;
     language?: string;
     onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
+    isSingle?: boolean;
 }
-declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue }: CalendarProps) => JSX.Element;
+declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle }: CalendarProps) => JSX.Element;
 export default CalendarTimePicker;

package/components/devicePreview/DevicePreview.d.ts

@@ -131,9 +131,6 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
     my: (value: {
         readonly [Stitches.$$ScaleValue]: "space";
     }) => {
-        /**
-         * alt prop when url image not found or invalid
-         */
         marginTop: {
             readonly [Stitches.$$ScaleValue]: "space";
         };

package/components/modalDialog/ModalDialog.d.ts

@@ -68,7 +68,7 @@ export declare const ModalDialogFooter: import("@stitches/react/types/styled-com
     }) => {
         marginLeft: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         marginRight: {
             readonly [$$ScaleValue]: "space";
         };
@@ -164,7 +164,7 @@ export declare const ModalDialogTitle: import("@stitches/react/types/styled-comp
     }) => {
         marginLeft: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         marginRight: {
             readonly [$$ScaleValue]: "space";
         };
@@ -260,7 +260,7 @@ export declare const ModalDialogContent: import("@stitches/react/types/styled-co
     }) => {
         marginLeft: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         marginRight: {
             readonly [$$ScaleValue]: "space";
         };
@@ -356,7 +356,7 @@ export declare const ModalDialogTrigger: import("@stitches/react/types/styled-co
     }) => {
         marginLeft: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         marginRight: {
             readonly [$$ScaleValue]: "space";
         };
@@ -499,7 +499,7 @@ declare const ModalDialog: {
         }) => {
             marginLeft: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
             marginRight: {
                 readonly [$$ScaleValue]: "space";
             };
@@ -595,7 +595,7 @@ declare const ModalDialog: {
         }) => {
             marginLeft: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
             marginRight: {
                 readonly [$$ScaleValue]: "space";
             };
@@ -691,7 +691,7 @@ declare const ModalDialog: {
         }) => {
             marginLeft: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
             marginRight: {
                 readonly [$$ScaleValue]: "space";
             };
@@ -787,7 +787,7 @@ declare const ModalDialog: {
         }) => {
             marginLeft: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
             marginRight: {
                 readonly [$$ScaleValue]: "space";
             };

package/components/pageDialog/PageDialog.d.ts

@@ -92,7 +92,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -188,7 +188,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -284,7 +284,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -380,7 +380,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
         };
         height: {
             readonly [$$PropertyValue]: "width";
-        }; /** set PageDialog zIndex, default is set to 1400 */
+        };
     };
     subtleColor: (value: string) => {
         color: string;
@@ -495,7 +495,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -591,7 +591,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -687,7 +687,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -783,7 +783,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;

package/components/table/Table.d.ts

@@ -1285,10 +1285,24 @@ export interface TableProps {
      * Additional id which is not clickable and has no context menu
      */
     additionalExceptionIds?: string[];
+    /**
+     * Additional props for set manual expanded row column
+     * Example:<br/>
+     * {
+     *   '8192389219289': true,
+     *   '2130912039281': true,
+     *   '2130912039382': true
+     * }
+     */
+    expanded?: object;
     /**
      * Callback fired when the expanded rows are updated.
      */
-    onExpand?: (expanded: object) => void;
+    onExpandedChange?: (expanded: object) => void;
+    /**
+     * Additional props for autoResetExpanded
+     */
+    autoResetExpanded?: boolean;
     /**
      * Additional id table for unique identifier each table <br />
      * if id exist, column in the header can be customize to show in table <br />
@@ -1308,12 +1322,8 @@ export interface TableProps {
      * Add additional table header component
      */
     additionalHeader?: React.ReactNode;
-    /**
-     * Additional props for autoResetExpanded
-     */
-    autoResetExpanded?: boolean;
 }
-export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalPage, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps: emptyDataProps, isLoading, css, headerCss, hideHeader, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, decoration, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, hidePagination, searchQuery, additionalExceptionIds, onExpand, id, onColumnChange, virtualized, withoutLimit, additionalHeader, outerContainerCss, autoResetExpanded, }: TableProps): JSX.Element;
+export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalPage, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps: emptyDataProps, isLoading, css, headerCss, hideHeader, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, decoration, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, hidePagination, searchQuery, additionalExceptionIds, expanded: controlledExpanded, onExpandedChange, id, onColumnChange, virtualized, withoutLimit, additionalHeader, outerContainerCss, autoResetExpanded, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>