@majoo-ui/react 1.61.11-rc.2 → 1.61.11-rc.4

package/{components → src/components}/pageDialog/PageDialog.d.ts

@@ -1,8 +1,13 @@
 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 { FocusScopeProps } from '@radix-ui/react-focus-scope';
 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)";
@@ -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;
@@ -188,7 +193,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 +289,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 +385,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;
@@ -405,7 +410,7 @@ interface PageDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
     withPortal?: boolean;
 }
 export declare const PageDialog: {
-    (props: PageDialogProps): JSX.Element;
+    (props: PageDialogProps): import("react/jsx-runtime").JSX.Element;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
         sm: "(min-width: 359px)";
         md: "(min-width: 767px)";
@@ -495,7 +500,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -591,7 +596,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -687,7 +692,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;
@@ -783,7 +788,7 @@ export declare const PageDialog: {
             };
             height: {
                 readonly [$$PropertyValue]: "width";
-            }; /** set PageDialog zIndex, default is set to 1400 */
+            };
         };
         subtleColor: (value: string) => {
             color: string;

package/{components → src/components}/pieChart/PieChart.d.ts

@@ -79,7 +79,7 @@ interface PieChartProps {
     innerRadius?: number;
 }
 declare const PieChartComponent: {
-    ({ data, css, avatarURL, avatarAcronym, validAvatar, legend, isMobile, tooltip, title, subtitle, label, outerRadius, innerRadius, }: PieChartProps): JSX.Element;
+    ({ data, css, avatarURL, avatarAcronym, validAvatar, legend, isMobile, tooltip, title, subtitle, label, outerRadius, innerRadius, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         data: never[];
         avatarURL: undefined;

package/{components → src/components}/progressIndicator/ProgressIndicator.d.ts

@@ -13,5 +13,5 @@ interface ProgressIndicatorProps {
     width?: number;
     gap?: number;
 }
-export default function ProgressIndicator(props: ProgressIndicatorProps): JSX.Element;
+export default function ProgressIndicator(props: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/{components → src/components}/skeleton/Skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSS } from '../../config/stitches.config';
 import 'react-loading-skeleton/dist/skeleton.css';
 interface SkeletonProps {
@@ -8,7 +7,7 @@ interface SkeletonProps {
     width?: string | number;
     patternCount?: number;
 }
-declare function Skeleton(props: SkeletonProps): JSX.Element;
+declare function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Skeleton {
     var defaultProps: {
         variant: string;

package/{components → src/components}/stepWizard/index.d.ts

@@ -35,7 +35,7 @@ interface IStepWizardProps {
     isLazyMount?: boolean;
 }
 declare const StepWizard: {
-    (props: IStepWizardProps): JSX.Element;
+    (props: IStepWizardProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         isLazyMount: boolean;
     };

package/{components → src/components}/table/Table.d.ts

@@ -202,7 +202,6 @@ 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)";
@@ -688,102 +687,6 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
         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;
-}, 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 TableCell: import("@stitches/react/types/styled-component").StyledComponent<"td", {
     subCell?: boolean | "true" | undefined;
     headerSubCell?: boolean | "true" | undefined;
@@ -1441,7 +1344,7 @@ export interface TableProps {
      */
     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, draggable, onDragEnd, isExpandableTree, subRows, }: 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): import("react/jsx-runtime").JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>

package/{components → src/components}/tableOfContent/index.d.ts

@@ -42,7 +42,7 @@ interface ScrollSpyProps {
     useBoxMethod?: boolean;
 }
 declare const TableOfContentPage: {
-    (props: ScrollSpyProps): JSX.Element;
+    (props: ScrollSpyProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         scrollThrottle: number;
         offsetTop: number;

package/{components → src/components}/tagList/TagList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SelectedItem {
     id: string | number;
     name: string;
@@ -17,5 +16,5 @@ interface TagListProps {
      */
     counterLabel?: string;
 }
-declare function TagList({ selectedItems, onRemoveItem, counterLabel }: TagListProps): JSX.Element;
+declare function TagList({ selectedItems, onRemoveItem, counterLabel }: TagListProps): import("react/jsx-runtime").JSX.Element;
 export default TagList;

package/{config → src/config}/stitches.config.d.ts

@@ -618,17 +618,7 @@ 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/src/foundations/indices/Indices.d.ts

@@ -0,0 +1 @@
+export default function Spaces(): import("react/jsx-runtime").JSX.Element;

package/src/foundations/radii/Radii.d.ts

@@ -0,0 +1 @@
+export default function Spaces(): import("react/jsx-runtime").JSX.Element;

package/src/foundations/space/Space.d.ts

@@ -0,0 +1 @@
+export default function Space(): import("react/jsx-runtime").JSX.Element;

package/{foundations → src/foundations}/typography/Typography.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Table: import("@stitches/react/types/styled-component").StyledComponent<"table", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -388,5 +387,5 @@ interface DatasetType {
     value: string;
 }
 export declare function getDatasets(params: any): DatasetType[];
-export default function Typography(): JSX.Element;
+export default function Typography(): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/mapPicker/InputMapPicker.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { InputMapPickerProps } from './types';
-declare function InputMapPicker(props: InputMapPickerProps): JSX.Element;
-export default InputMapPicker;

package/foundations/indices/Indices.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Spaces(): JSX.Element;

package/foundations/radii/Radii.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Spaces(): JSX.Element;

package/foundations/space/Space.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Space(): JSX.Element;