@majoo-ui/react 1.61.0 → 1.61.1-6.rc-6

package/components/pageDialog/PageDialog.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { Dialog } from '../../';
-import { FocusScopeProps } from '@radix-ui/react-dialog';
-import { PointerDownOutsideEvent, FocusOutsideEvent } from '@radix-ui/react-dismissable-layer';
 import type { DialogContentProps } from '..';
+declare type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+declare type FocusOutsideEvent = CustomEvent<{
+    originalEvent: FocusEvent;
+}>;
 export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -28,6 +32,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -92,7 +97,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;
@@ -124,6 +129,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -188,7 +194,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;
@@ -220,6 +226,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -284,7 +291,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;
@@ -316,6 +323,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -380,7 +388,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;
@@ -394,8 +402,8 @@ interface PageDialogProps extends Omit<IDialog, 'children'>, 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?: FocusScopeProps['onMountAutoFocus'];
-    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+    onOpenAutoFocus?: (event: Event) => void;
+    onCloseAutoFocus?: (event: Event) => void;
     onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
     onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
     /**
@@ -431,6 +439,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -495,7 +504,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -527,6 +536,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -591,7 +601,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -623,6 +633,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -687,7 +698,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -719,6 +730,7 @@ export declare const PageDialog: {
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: {
             readonly [$$ScaleValue]: "space";
@@ -783,7 +795,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

@@ -26,6 +26,7 @@ export declare const TableContent: import("@stitches/react/types/styled-componen
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -125,6 +126,7 @@ export declare const TableHead: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -202,6 +204,7 @@ export declare const TableHeaderCellContainer: import("@stitches/react/types/sty
     isMobile?: boolean | "true" | undefined;
     isToggleable?: boolean | "true" | undefined;
     isToggled?: boolean | "true" | undefined;
+    darkTheme?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -227,6 +230,7 @@ export declare const TableHeaderCellContainer: import("@stitches/react/types/sty
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -325,6 +329,7 @@ export declare const TableHeadCellContent: import("@stitches/react/types/styled-
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -422,6 +427,7 @@ export declare const TableHeadCellContent: import("@stitches/react/types/styled-
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -518,6 +524,7 @@ export declare const TableBody: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -616,6 +623,104 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    m: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    subtleColor: (value: string) => {
+        color: string;
+        backgroundColor: string;
+    };
+}>>;
+export declare const Cell: import("@stitches/react/types/styled-component").StyledComponent<"td", {}, {
+    sm: "(min-width: 359px)";
+    md: "(min-width: 767px)";
+    lg: "(min-width: 1023px)";
+    xl: "(min-width: 1199px)";
+    '2xl': "(min-width: 1399px)";
+    '3xl': "(min-width: 1600px)";
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: "(min-width: 359px)";
+    md: "(min-width: 767px)";
+    lg: "(min-width: 1023px)";
+    xl: "(min-width: 1199px)";
+    '2xl': "(min-width: 1399px)";
+    '3xl': "(min-width: 1600px)";
+}, {
+    colors: unknown;
+    space: unknown;
+    shadows: unknown;
+    fontSizes: unknown;
+    fonts: unknown;
+    lineHeights: unknown;
+    letterSpacings: unknown;
+    radii: unknown;
+    sizes: unknown;
+    zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -715,6 +820,7 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -811,6 +917,7 @@ export declare const TableFoot: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -907,6 +1014,7 @@ export declare const TableFootRow: import("@stitches/react/types/styled-componen
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -1003,6 +1111,7 @@ export declare const TableFootCell: import("@stitches/react/types/styled-compone
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -1326,8 +1435,25 @@ export interface TableProps {
      * Additional props for autoResetExpanded
      */
     autoResetExpanded?: boolean;
+    /**
+     * Additional props for draggable row
+     */
+    draggable?: boolean;
+    /**
+     * callback of new record for draggable row
+     */
+    onDragEnd?: (records: any[]) => void;
+    /**
+     * expand table without limit, please use pagination component
+     */
+    isExpandableTree?: boolean;
+    /**
+     * key for subRows
+     *
+     */
+    subRows?: string;
 }
-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 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, draggable, onDragEnd, isExpandableTree, subRows, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>

package/config/stitches.config.d.ts

@@ -20,6 +20,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: Stitches.ScaleValue<'space'>) => {
         margin: {
@@ -110,6 +111,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: Stitches.ScaleValue<'space'>) => {
         margin: {
@@ -184,6 +186,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: Stitches.ScaleValue<'space'>) => {
         margin: {
@@ -280,6 +283,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: Stitches.ScaleValue<'space'>) => {
             margin: {
@@ -353,6 +357,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: Stitches.ScaleValue<'space'>) => {
         margin: {
@@ -426,6 +431,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     }, import("@stitches/react/types/config").DefaultThemeMap, {
         m: (value: Stitches.ScaleValue<'space'>) => {
             margin: {
@@ -498,6 +504,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii: {};
     sizes: {};
     zIndices: {};
+    toastPosition: {};
 }, createTheme: <Argument0 extends string | ({
     colors?: {} | undefined;
     space?: {} | undefined;
@@ -509,6 +516,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii?: {} | undefined;
     sizes?: {} | undefined;
     zIndices?: {} | undefined;
+    toastPosition?: {} | undefined;
 } & {
     [x: string]: {
         [x: string]: string | number | boolean;
@@ -525,6 +533,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     radii?: {} | undefined;
     sizes?: {} | undefined;
     zIndices?: {} | undefined;
+    toastPosition?: {} | undefined;
 } & {
     [x: string]: {
         [x: string]: string | number | boolean;
@@ -554,6 +563,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         radii: unknown;
         sizes: unknown;
         zIndices: unknown;
+        toastPosition: unknown;
     };
     themeMap: import("@stitches/react/types/config").DefaultThemeMap;
     utils: {
@@ -618,7 +628,17 @@ export declare const darkTheme: string & {
 } & import("@stitches/react/types/stitches").ThemeTokens<{
     colors: {
         bgWhite: string;
+        bgGray: string;
         bgDark: string;
+        textPrimary: string;
+        textSecondary: string;
+        bgHeader: string;
+        btnPrimary: string;
+        btnSecondary: string;
+        primary50: string;
+        primary100: string;
+        iconPrimary: string;
+        bgBorder: string;
     };
 }, "">;
 export declare const colors: any;

package/foundations/typography/Typography.d.ts

@@ -24,6 +24,7 @@ export declare const Table: import("@stitches/react/types/styled-component").Sty
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -120,6 +121,7 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -216,6 +218,7 @@ export declare const TableHead: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";
@@ -312,6 +315,7 @@ export declare const TableData: import("@stitches/react/types/styled-component")
     radii: unknown;
     sizes: unknown;
     zIndices: unknown;
+    toastPosition: unknown;
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     m: (value: {
         readonly [$$ScaleValue]: "space";