@majoo-ui/react 1.61.11-rc.3 → 1.61.11-rc.5

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

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

package/src/components/mapPicker/InputMapPicker.d.ts

@@ -0,0 +1,3 @@
+import { InputMapPickerProps } from './types';
+declare function InputMapPicker(props: InputMapPickerProps): import("react/jsx-runtime").JSX.Element;
+export default InputMapPicker;

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

@@ -1,9 +1,8 @@
-/// <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): JSX.Element;
+declare function MapPicker(props: MapPickerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace MapPicker {
     var defaultProps: {
         showBanner: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Dialog } from '../../';
-import { FocusScopeProps } from '@radix-ui/react-dialog';
+import type { FocusScopeProps } from '@radix-ui/react-focus-scope';
 import type { DialogContentProps } from '..';
 export declare const ModalDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: "(min-width: 359px)";
@@ -432,7 +432,7 @@ interface ModalDialogProps extends Omit<IDialog, 'children'>, DialogContentProps
  * @component
  */
 declare const ModalDialog: {
-    (props: ModalDialogProps): JSX.Element;
+    (props: ModalDialogProps): import("react/jsx-runtime").JSX.Element;
     Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
         sm: "(min-width: 359px)";
         md: "(min-width: 767px)";

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

@@ -1441,7 +1441,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/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/accordion/Accordion.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { AccordionSingleProps, AccordionMultipleProps, PrimitiveDivProps, AccordionItemProps, AccordionContentProps, AccordionTriggerProps } from '@radix-ui/react-accordion';
-import { PrimitiveButtonProps } from '@radix-ui/react-popover';
-import { BaseRadixNoCss, BaseRadixProps } from '../../type/base.types';
-declare type AccordionPrimitiveProps = Omit<AccordionSingleProps, keyof Omit<PrimitiveDivProps, 'defaultValue'>> | Omit<AccordionMultipleProps, keyof Omit<PrimitiveDivProps, 'defaultValue'>>;
-declare type AccordionProps = {
-    /**
-     * Determines whether one or multiple items can be opened at the same time.
-     */
-    type: string;
-    children: React.ReactNode;
-} & AccordionPrimitiveProps & BaseRadixProps;
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-declare type AccordionTriggerPrimitiveProps = Omit<AccordionTriggerProps, keyof PrimitiveButtonProps>;
-interface AccordionTriggersProps extends AccordionTriggerPrimitiveProps, BaseRadixProps {
-    /**
-     * If the value is 'false' then it will hide the arrow icon.
-     */
-    hasContent?: boolean;
-    /**
-     * Specify the arrow position.
-     */
-    arrowPosition?: 'right' | 'left';
-    /**
-     * Specify the arrow icon color.
-     */
-    arrowColor?: string;
-    /**
-     * Custom the arrow component.
-     */
-    customArrow?: React.ReactNode;
-    children: React.ReactNode;
-}
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggersProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const AccordionItem: React.FC<Omit<AccordionItemProps, keyof PrimitiveDivProps> & BaseRadixNoCss>;
-export declare const AccordionContent: React.FC<Omit<AccordionContentProps, keyof PrimitiveDivProps> & BaseRadixNoCss>;
-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;