@majoo-ui/react 1.61.12-rc.2 → 1.61.12-rc.20

package/{src/components → components}/form/components/InputSignature/InputSignature.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CSS } from '@stitches/react';
 interface InputSignatureProps {
     onChange?: (value: string) => void;
@@ -7,5 +8,5 @@ interface InputSignatureProps {
     css?: CSS;
     isMobile?: boolean;
 }
-export declare function InputSignature({ title, onChange, defaultValue, disabled, css, isMobile, }: InputSignatureProps): import("react/jsx-runtime").JSX.Element;
+export declare function InputSignature({ title, onChange, defaultValue, disabled, css, isMobile, }: InputSignatureProps): JSX.Element;
 export default InputSignature;

package/{src/components → components}/loadingBar/LoadingBar.d.ts

@@ -38,7 +38,7 @@ interface LoadingBarProps {
      */
     size?: 'sm' | 'md';
 }
-declare function LoadingBar(props: LoadingBarProps): import("react/jsx-runtime").JSX.Element;
+declare function LoadingBar(props: LoadingBarProps): JSX.Element;
 declare namespace LoadingBar {
     var defaultProps: {
         showProgressOnly: boolean;

package/components/mapPicker/InputMapPicker.d.ts

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

package/{src/components → components}/mapPicker/MapPicker.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { MapPickerProps } from './types';
 import 'leaflet/dist/leaflet.css';
 import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css';
 import 'leaflet-defaulticon-compatibility';
-declare function MapPicker(props: MapPickerProps): import("react/jsx-runtime").JSX.Element;
+declare function MapPicker(props: MapPickerProps): JSX.Element;
 declare namespace MapPicker {
     var defaultProps: {
         showBanner: boolean;

package/{src/components → components}/modalDialog/ModalDialog.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { FocusScopeProps } from '@radix-ui/react-focus-scope';
+import { Dialog } from '../../';
 import type { DialogContentProps } from '..';
-import { Dialog } from '../dialog';
 export declare const ModalDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -397,9 +396,9 @@ interface ModalDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
      */
     width?: string | number;
     /** Set default behavior when opening dialog with form. Usually used with prevent default*/
-    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    onOpenAutoFocus?: (event: Event) => void;
     /** Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.*/
-    onPointerDownOutside?: (e: any) => void;
+    onPointerDownOutside?: (event: Event) => void;
     /**
      * If true, the close icon button is hidden
      */
@@ -432,7 +431,7 @@ interface ModalDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
  * @component
  */
 declare const ModalDialog: {
-    (props: ModalDialogProps): import("react/jsx-runtime").JSX.Element;
+    (props: ModalDialogProps): JSX.Element;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
         sm: "(min-width: 359px)";
         md: "(min-width: 767px)";

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

@@ -1,13 +1,7 @@
 import React from 'react';
-import { Dialog } from '../dialog';
-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;
-}>;
+import { Dialog } from '../../';
+import { PointerDownOutsideEvent, FocusOutsideEvent } from '@radix-ui/react-dismissable-layer';
+import type { DialogContentProps } from '..';
 export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -399,8 +393,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;
     /**
@@ -410,7 +404,7 @@ interface PageDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
     withPortal?: boolean;
 }
 export declare const PageDialog: {
-    (props: PageDialogProps): import("react/jsx-runtime").JSX.Element;
+    (props: PageDialogProps): JSX.Element;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
         sm: "(min-width: 359px)";
         md: "(min-width: 767px)";

package/{src/components → 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): import("react/jsx-runtime").JSX.Element;
+    ({ data, css, avatarURL, avatarAcronym, validAvatar, legend, isMobile, tooltip, title, subtitle, label, outerRadius, innerRadius, }: PieChartProps): JSX.Element;
     defaultProps: {
         data: never[];
         avatarURL: undefined;

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

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

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

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

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

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

package/{src/components → 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): import("react/jsx-runtime").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/{src/components → components}/tableOfContent/index.d.ts

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

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

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

package/{src/config → 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/foundations/indices/Indices.d.ts

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

package/foundations/radii/Radii.d.ts

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

package/foundations/space/Space.d.ts

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

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

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