@majoo-ui/react 1.48.0 → 1.48.3

package/components/datePicker/components/DateNumber.d.ts

@@ -2,6 +2,7 @@ import type * as Stitches from '@stitches/react';
 declare const DateNumber: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "end" | "start" | "default" | "neutral" | "disabled" | "selected" | "road" | undefined;
     size?: "large" | "small" | undefined;
+    isSunday?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";

package/components/datePicker/state/reducer.d.ts

@@ -12,3 +12,4 @@ export declare const advancePickerOptions: {
     value: string;
 }[];
 export declare function pickerReducer(state: any, action: any): any;
+export declare function advancePickerDate(type: any): Date[];

package/components/mapPicker/InputMapPicker.d.ts

@@ -6,10 +6,6 @@ declare namespace InputMapPicker {
         modalTitle: string;
         buttonLabel: string;
         placeholder: string;
-        value: {
-            lat: number;
-            lng: number;
-        };
     };
 }
 export default InputMapPicker;

package/components/modalDialog/ModalDialog.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Dialog } from '../../';
+import { FocusScopeProps } from '@radix-ui/react-dialog';
 import type { DialogContentProps } from '..';
 export declare const ModalDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
@@ -392,30 +393,34 @@ interface ModalDialogProps extends IDialog, DialogContentProps {
     /** Force to mobile view or desktop view, if undefined ModalDialog will be responsive according to current screen size */
     isMobile?: boolean | undefined;
     /**
-    * @deprecated Use size or css props css={{width: width css property}} instead. This will be deleted in the future to limit unnecessary props.
-    */
+     * @deprecated Use size or css props css={{width: width css property}} instead. This will be deleted in the future to limit unnecessary props.
+     */
     width?: string | number;
     /** Set default behavior when opening dialog with form. Usually used with prevent default*/
-    onOpenAutoFocus?(): void;
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    /**
+     * If true, the close icon button is hidden
+     */
+    hideCloseButton?: 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.
-* https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
-* @param size - default fullsize
-* @param layer - z-index default 1400
-* @param isMobile - force mobile/desktop view, default is responsive
-* @param onOpenAutoFocus - set default open behaviour
-*
-* @example
-* // Uncontrolled Example
-*  <ModalDialog>
-*    <ModalDialogTrigger>Button Trigger</ModalDialogTrigger>
-*    <ModalDialogTitle>Title</ModalDialogTitle>
-*    <ModalDialogContent>Content</ModalDialogContent>
-*    <ModalDialogFooter>Footer</ModalDialogFooter>
-*  </ModalDialog>
-* @component
-*/
+ * 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.
+ * https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
+ * @param size - default fullsize
+ * @param layer - z-index default 1400
+ * @param isMobile - force mobile/desktop view, default is responsive
+ * @param onOpenAutoFocus - set default open behaviour
+ *
+ * @example
+ * // Uncontrolled Example
+ *  <ModalDialog>
+ *    <ModalDialogTrigger>Button Trigger</ModalDialogTrigger>
+ *    <ModalDialogTitle>Title</ModalDialogTitle>
+ *    <ModalDialogContent>Content</ModalDialogContent>
+ *    <ModalDialogFooter>Footer</ModalDialogFooter>
+ *  </ModalDialog>
+ * @component
+ */
 declare const ModalDialog: {
     (props: ModalDialogProps): JSX.Element;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {

package/components/pageDialog/PageDialog.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Dialog } from '../../';
+import { FocusScopeProps } from '@radix-ui/react-dialog';
 import type { DialogContentProps } from '..';
 export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
@@ -392,26 +393,26 @@ interface PageDialogProps extends IDialog, DialogContentProps {
     /** Force to mobile view or desktop view, if undefined PageDialog will be responsive according to current screen size */
     isMobile?: boolean | undefined;
     /** Set default behavior when opening dialog with form. Usually used with prevent default*/
-    onOpenAutoFocus?(): void;
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
 }
 /**
-* 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.
-* https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
-* @param size - default fullsize
-* @param layer - z-index default 1400
-* @param isMobile - force mobile/desktop view, default is responsive
-* @param onOpenAutoFocus - set default open behaviour
-*
-* @example
-* // Uncontrolled Example
-*  <PageDialog>
-*    <PageDialogTrigger>Button Trigger</PageDialogTrigger>
-*    <PageDialogTitle>Title</PageDialogTitle>
-*    <PageDialogContent>Content</PageDialogContent>
-*    <PageDialogFooter>Footer</PageDialogFooter>
-*  </PageDialog>
-* @component
-*/
+ * 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.
+ * https://react-majoo-ui.mangkujagat.com/?path=/story/core-components-pagedialog--default
+ * @param size - default fullsize
+ * @param layer - z-index default 1400
+ * @param isMobile - force mobile/desktop view, default is responsive
+ * @param onOpenAutoFocus - set default open behaviour
+ *
+ * @example
+ * // Uncontrolled Example
+ *  <PageDialog>
+ *    <PageDialogTrigger>Button Trigger</PageDialogTrigger>
+ *    <PageDialogTitle>Title</PageDialogTitle>
+ *    <PageDialogContent>Content</PageDialogContent>
+ *    <PageDialogFooter>Footer</PageDialogFooter>
+ *  </PageDialog>
+ * @component
+ */
 export declare const PageDialog: {
     (props: PageDialogProps): JSX.Element;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {

package/components/table/MobileTable.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import { CSS } from '../../config/stitches.config';
 import { RowGroup } from './Table';
 import { TableInstance } from 'react-table';
+interface CustomRowsStyle {
+    predicate: boolean;
+    css: CSS;
+}
 interface MobileTableProps {
     instance: TableInstance<object>;
     totalData: number;
@@ -13,6 +17,7 @@ interface MobileTableProps {
     rowGroup?: RowGroup;
     hiddenColumns?: string[];
     css?: CSS;
+    customRowsStyle?: (e: any) => CustomRowsStyle[];
 }
 declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;
 export default MobileTable;

package/components/table/Table.d.ts

@@ -888,6 +888,10 @@ export interface RowGroup {
     groupKey: string;
     headerRender?: (row: Row<object>) => React.ReactNode;
 }
+interface CustomRowsStyle {
+    predicate: boolean;
+    css: CSS;
+}
 export interface TableProps {
     /**
      * The data array that you want to display on the table.
@@ -988,8 +992,12 @@ export interface TableProps {
      * The order of column id
      */
     columnOrder?: string[];
+    /**
+     * Additional style to customize one of the rows based on the specified condition
+     */
+    customRowsStyle?: (e: any) => CustomRowsStyle[];
 }
-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, }: 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, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>