@majoo-ui/react 1.61.24 → 1.61.25-rc.1

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

@@ -1,100 +1,100 @@
-/// <reference types="react" />
-import { LabelProps } from 'recharts';
-import { CSS } from '../../config/stitches.config';
-import './styles.css';
-interface PieChartData {
-    name: string;
-    total: number;
-    color: string;
-}
-interface PieChartLegend {
-    show?: boolean;
-    showTotal?: boolean;
-    position?: 'right' | 'bottom' | 'left';
-    height?: number;
-}
-interface PieChartTooltip {
-    label?: (number: any) => string;
-    render?: () => JSX.Element;
-}
-interface PieChartLabel {
-    show?: boolean;
-    dataKey?: string;
-    position?: LabelProps['position'];
-    formatter?: (string: any) => string;
-    render?: (any: any) => JSX.Element;
-}
-interface PieChartProps {
-    /**
-     * Section title of the chart.
-     */
-    title?: string;
-    /**
-     * Subtitle of the chart.
-     */
-    subtitle?: string;
-    /**
-     * Datasets of the chart.
-     */
-    data: PieChartData[];
-    /**
-     * Additional css property.
-     */
-    css?: CSS;
-    /**
-     * Avatar url address.
-     */
-    avatarURL?: string;
-    /**
-     * Acronym text if avatar not valid.
-     */
-    avatarAcronym?: string;
-    /**
-     * Validitiy of avatar.
-     */
-    validAvatar?: boolean;
-    /**
-     * Datasets of chart legend.
-     */
-    legend?: PieChartLegend;
-    /**
-     * Responsive state.
-     */
-    isMobile?: boolean;
-    /**
-     * Customize tooltip label.
-     */
-    tooltip?: PieChartTooltip;
-    /**
-     * Label config of chart.
-     */
-    label?: PieChartLabel;
-    /**
-     * Custom outer radius size.
-     */
-    outerRadius?: number;
-    /**
-     * Custom inner radius size.
-     */
-    innerRadius?: number;
-}
-declare const PieChartComponent: {
-    ({ data, css, avatarURL, avatarAcronym, validAvatar, legend, isMobile, tooltip, title, subtitle, label, outerRadius, innerRadius, }: PieChartProps): JSX.Element;
-    defaultProps: {
-        data: never[];
-        avatarURL: undefined;
-        avatarAcronym: string;
-        validAvatar: boolean;
-        legend: {
-            show: boolean;
-            showTotal: boolean;
-            data: never[];
-            position: string;
-            height: number;
-        };
-        isMobile: boolean;
-        outerRadius: number;
-        innerRadius: number;
-    };
-};
-export default PieChartComponent;
+/// <reference types="react" />
+import { LabelProps } from 'recharts';
+import { CSS } from '../../config/stitches.config';
+import './styles.css';
+interface PieChartData {
+    name: string;
+    total: number;
+    color: string;
+}
+interface PieChartLegend {
+    show?: boolean;
+    showTotal?: boolean;
+    position?: 'right' | 'bottom' | 'left';
+    height?: number;
+}
+interface PieChartTooltip {
+    label?: (number: any) => string;
+    render?: () => JSX.Element;
+}
+interface PieChartLabel {
+    show?: boolean;
+    dataKey?: string;
+    position?: LabelProps['position'];
+    formatter?: (string: any) => string;
+    render?: (any: any) => JSX.Element;
+}
+interface PieChartProps {
+    /**
+     * Section title of the chart.
+     */
+    title?: string;
+    /**
+     * Subtitle of the chart.
+     */
+    subtitle?: string;
+    /**
+     * Datasets of the chart.
+     */
+    data: PieChartData[];
+    /**
+     * Additional css property.
+     */
+    css?: CSS;
+    /**
+     * Avatar url address.
+     */
+    avatarURL?: string;
+    /**
+     * Acronym text if avatar not valid.
+     */
+    avatarAcronym?: string;
+    /**
+     * Validitiy of avatar.
+     */
+    validAvatar?: boolean;
+    /**
+     * Datasets of chart legend.
+     */
+    legend?: PieChartLegend;
+    /**
+     * Responsive state.
+     */
+    isMobile?: boolean;
+    /**
+     * Customize tooltip label.
+     */
+    tooltip?: PieChartTooltip;
+    /**
+     * Label config of chart.
+     */
+    label?: PieChartLabel;
+    /**
+     * Custom outer radius size.
+     */
+    outerRadius?: number;
+    /**
+     * Custom inner radius size.
+     */
+    innerRadius?: number;
+}
+declare const PieChartComponent: {
+    ({ data, css, avatarURL, avatarAcronym, validAvatar, legend, isMobile, tooltip, title, subtitle, label, outerRadius, innerRadius, }: PieChartProps): JSX.Element;
+    defaultProps: {
+        data: never[];
+        avatarURL: undefined;
+        avatarAcronym: string;
+        validAvatar: boolean;
+        legend: {
+            show: boolean;
+            showTotal: boolean;
+            data: never[];
+            position: string;
+            height: number;
+        };
+        isMobile: boolean;
+        outerRadius: number;
+        innerRadius: number;
+    };
+};
+export default PieChartComponent;

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

@@ -1 +1 @@
-export { default as PieChart } from './PieChart';
+export { default as PieChart } from './PieChart';

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

@@ -1,17 +1,17 @@
-import React from 'react';
-interface ProgressListData {
-    progress: number;
-    title?: string | (() => HTMLElement | React.ReactElement | JSX.Element);
-    icon?: React.ReactElement | undefined;
-    render?: () => JSX.Element | JSX.Element;
-}
-interface ProgressIndicatorProps {
-    direction?: 'horizontal' | 'vertical';
-    progress: number;
-    progressError?: number;
-    progressList: ProgressListData[];
-    width?: number;
-    gap?: number;
-}
-export default function ProgressIndicator(props: ProgressIndicatorProps): JSX.Element;
-export {};
+import React from 'react';
+interface ProgressListData {
+    progress: number;
+    title?: string | (() => HTMLElement | React.ReactElement | JSX.Element);
+    icon?: React.ReactElement | undefined;
+    render?: () => JSX.Element | JSX.Element;
+}
+interface ProgressIndicatorProps {
+    direction?: 'horizontal' | 'vertical';
+    progress: number;
+    progressError?: number;
+    progressList: ProgressListData[];
+    width?: number;
+    gap?: number;
+}
+export default function ProgressIndicator(props: ProgressIndicatorProps): JSX.Element;
+export {};

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

@@ -1 +1 @@
-export { default as ProgressIndicator } from './ProgressIndicator';
+export { default as ProgressIndicator } from './ProgressIndicator';

package/{components → src/components}/scrollSync/ScrollSync.d.ts

@@ -1,45 +1,45 @@
-import React, { FC } from 'react';
-import { ScrollConfig } from './ScrollSyncNode';
-export interface ScrollSyncProps {
-    children: React.ReactNode;
-    /**syncing enable control */
-    disabled?: boolean;
-    /** In case we want scroll to be proportionally applied regardless of the width and/or height*/
-    proportional?: boolean;
-}
-/**
- * node should be scrollable
- */
-declare type Node = (EventTarget & HTMLElement) | null;
-/**
- * node should be scrollable
- */
-interface SyncableElement {
-    node: Node;
-    scroll: ScrollConfig;
-}
-interface ScrollingSyncerContextValues {
-    /**
-     * register node to be synced with other scrolled nodes
-     */
-    registerNode: (node: SyncableElement, groups: string[]) => void;
-    /**
-     * unregister node to stop syncing with other scrolled nodes
-     */
-    unregisterNode: (node: SyncableElement, group: string[]) => void;
-    /**
-     * scroll handler for each node.onScroll
-     */
-    onScroll: (e: React.UIEvent<HTMLElement>, groups: string[]) => void;
-}
-/**
- * ScrollingSyncerContext is the context to be handling scrolled nodes
- */
-export declare const ScrollingSyncerContext: React.Context<ScrollingSyncerContextValues>;
-/**
- * ScrollSync component is a context based component,
- * that wrappes children to be .Provided with context utils and eventsHandlers
- * @param props ScrollSyncProps
- */
-export declare const ScrollSync: FC<ScrollSyncProps>;
-export default ScrollSync;
+import React, { FC } from 'react';
+import { ScrollConfig } from './ScrollSyncNode';
+export interface ScrollSyncProps {
+    children: React.ReactNode;
+    /**syncing enable control */
+    disabled?: boolean;
+    /** In case we want scroll to be proportionally applied regardless of the width and/or height*/
+    proportional?: boolean;
+}
+/**
+ * node should be scrollable
+ */
+type Node = (EventTarget & HTMLElement) | null;
+/**
+ * node should be scrollable
+ */
+interface SyncableElement {
+    node: Node;
+    scroll: ScrollConfig;
+}
+interface ScrollingSyncerContextValues {
+    /**
+     * register node to be synced with other scrolled nodes
+     */
+    registerNode: (node: SyncableElement, groups: string[]) => void;
+    /**
+     * unregister node to stop syncing with other scrolled nodes
+     */
+    unregisterNode: (node: SyncableElement, group: string[]) => void;
+    /**
+     * scroll handler for each node.onScroll
+     */
+    onScroll: (e: React.UIEvent<HTMLElement>, groups: string[]) => void;
+}
+/**
+ * ScrollingSyncerContext is the context to be handling scrolled nodes
+ */
+export declare const ScrollingSyncerContext: React.Context<ScrollingSyncerContextValues>;
+/**
+ * ScrollSync component is a context based component,
+ * that wrappes children to be .Provided with context utils and eventsHandlers
+ * @param props ScrollSyncProps
+ */
+export declare const ScrollSync: FC<ScrollSyncProps>;
+export default ScrollSync;

package/{components → src/components}/scrollSync/ScrollSyncNode.d.ts

@@ -1,32 +1,32 @@
-import React from 'react';
-/**
- * ScrollSyncNode Component
- *
- * Wrap your content in it to keep its scroll position in sync with other panes
- */
-export declare type ScrollConfig = 'all' | 'vertical-only' | 'horizontal-only';
-export declare type LockAxis = 'X' | 'Y' | 'XY' | null;
-interface ScrollSyncNodeProps {
-    /**
-     * Children
-     */
-    children: React.ReactElement;
-    /**
-     * Groups to make the children attached to
-     */
-    group?: string | string[];
-    /**
-     * If the scrolling is enabled or not
-     */
-    scroll?: ScrollConfig;
-    /**
-     * Prevent scroll on current node if axis is locked
-     */
-    selfLockAxis?: LockAxis;
-    /**
-     * Callback for scroll handling
-     */
-    onScroll?: (e: React.UIEvent<HTMLElement>) => void;
-}
-export declare const ScrollSyncNode: React.ForwardRefExoticComponent<ScrollSyncNodeProps & React.RefAttributes<EventTarget & HTMLElement>>;
-export default ScrollSyncNode;
+import React from 'react';
+/**
+ * ScrollSyncNode Component
+ *
+ * Wrap your content in it to keep its scroll position in sync with other panes
+ */
+export type ScrollConfig = 'all' | 'vertical-only' | 'horizontal-only';
+export type LockAxis = 'X' | 'Y' | 'XY' | null;
+interface ScrollSyncNodeProps {
+    /**
+     * Children
+     */
+    children: React.ReactElement;
+    /**
+     * Groups to make the children attached to
+     */
+    group?: string | string[];
+    /**
+     * If the scrolling is enabled or not
+     */
+    scroll?: ScrollConfig;
+    /**
+     * Prevent scroll on current node if axis is locked
+     */
+    selfLockAxis?: LockAxis;
+    /**
+     * Callback for scroll handling
+     */
+    onScroll?: (e: React.UIEvent<HTMLElement>) => void;
+}
+export declare const ScrollSyncNode: React.ForwardRefExoticComponent<ScrollSyncNodeProps & React.RefAttributes<EventTarget & HTMLElement>>;
+export default ScrollSyncNode;

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

@@ -1,2 +1,2 @@
-export { default as ScrollSync } from './ScrollSync';
-export { default as ScrollSyncNode } from './ScrollSyncNode';
+export { default as ScrollSync } from './ScrollSync';
+export { default as ScrollSyncNode } from './ScrollSyncNode';

package/{components → src/components}/scrollSync/utils.d.ts

@@ -1,3 +1,3 @@
-import { LockAxis } from "./ScrollSyncNode";
-export declare const toArray: (groups: string | string[]) => string[];
-export declare const getMovingAxis: (e: WheelEvent) => LockAxis;
+import { LockAxis } from "./ScrollSyncNode";
+export declare const toArray: (groups: string | string[]) => string[];
+export declare const getMovingAxis: (e: WheelEvent) => LockAxis;

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

@@ -1,2 +1,2 @@
-export * from './Separator';
-export { default as Separator } from './Separator';
+export * from './Separator';
+export { default as Separator } from './Separator';

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { CSS } from '../../config/stitches.config';
-import 'react-loading-skeleton/dist/skeleton.css';
-interface SkeletonProps {
-    css?: CSS;
-    variant?: 'group' | 'single';
-    color?: 'primary' | 'secondary';
-    width?: string | number;
-    patternCount?: number;
-}
-declare function Skeleton(props: SkeletonProps): JSX.Element;
-declare namespace Skeleton {
-    var defaultProps: {
-        variant: string;
-        color: string;
-        width: string;
-    };
-}
-export default Skeleton;
+/// <reference types="react" />
+import { CSS } from '../../config/stitches.config';
+import 'react-loading-skeleton/dist/skeleton.css';
+interface SkeletonProps {
+    css?: CSS;
+    variant?: 'group' | 'single';
+    color?: 'primary' | 'secondary';
+    width?: string | number;
+    patternCount?: number;
+}
+declare function Skeleton(props: SkeletonProps): JSX.Element;
+declare namespace Skeleton {
+    var defaultProps: {
+        variant: string;
+        color: string;
+        width: string;
+    };
+}
+export default Skeleton;

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

@@ -1 +1 @@
-export { default as Skeleton } from './Skeleton';
+export { default as Skeleton } from './Skeleton';

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

@@ -1,45 +1,45 @@
-import * as React from 'react';
-import type * as Stitches from '@stitches/react';
-declare type DataContents = {
-    title: string;
-    withTolltip?: boolean;
-    tooltipsContents?: string;
-    hidden: boolean;
-};
-declare type Transitions = {
-    enterRight?: string;
-    enterLeft?: string;
-    exitRight?: string;
-    exitLeft?: string;
-    intro?: string;
-};
-interface IStepWizardProps {
-    initialStep: number;
-    navContents: Array<DataContents>;
-    isMobile?: boolean;
-    cssNav?: Stitches.CSS;
-    children: React.ReactNode;
-    transitions?: Transitions;
-    onStepChange?: (stepChange: {
-        prevStep: number;
-        activeStep: number;
-    }) => void;
-    setSw: () => void;
-    scrollTop?: boolean;
-    forbidClickNav: boolean;
-    hide?: boolean;
-    onChangeVisibility?: (isHide: boolean) => void;
-    onNavClicked?: () => void;
-    hideCheckedIcon?: boolean;
-    appendContent?: JSX.Element;
-    isLazyMount?: boolean;
-}
-declare const StepWizard: {
-    (props: IStepWizardProps): JSX.Element;
-    defaultProps: {
-        isLazyMount: boolean;
-    };
-};
-export default StepWizard;
-export { StepWizardContext } from './StepWizard';
-export { StepWizard };
+import * as React from 'react';
+import type * as Stitches from '@stitches/react';
+type DataContents = {
+    title: string;
+    withTolltip?: boolean;
+    tooltipsContents?: string;
+    hidden: boolean;
+};
+type Transitions = {
+    enterRight?: string;
+    enterLeft?: string;
+    exitRight?: string;
+    exitLeft?: string;
+    intro?: string;
+};
+interface IStepWizardProps {
+    initialStep: number;
+    navContents: Array<DataContents>;
+    isMobile?: boolean;
+    cssNav?: Stitches.CSS;
+    children: React.ReactNode;
+    transitions?: Transitions;
+    onStepChange?: (stepChange: {
+        prevStep: number;
+        activeStep: number;
+    }) => void;
+    setSw: () => void;
+    scrollTop?: boolean;
+    forbidClickNav: boolean;
+    hide?: boolean;
+    onChangeVisibility?: (isHide: boolean) => void;
+    onNavClicked?: () => void;
+    hideCheckedIcon?: boolean;
+    appendContent?: JSX.Element;
+    isLazyMount?: boolean;
+}
+declare const StepWizard: {
+    (props: IStepWizardProps): JSX.Element;
+    defaultProps: {
+        isLazyMount: boolean;
+    };
+};
+export default StepWizard;
+export { StepWizardContext } from './StepWizard';
+export { StepWizard };

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

@@ -1,39 +1,39 @@
-import React from 'react';
-import { CSS } from '../../config/stitches.config';
-import { EmptyDataProps, RowGroup, Decoration } from './Table';
-import { TableInstance } from 'react-table';
-interface CustomRowsStyle {
-    predicate: boolean;
-    css?: CSS;
-    hideRowMenuColumn?: boolean;
-}
-interface IRowVirtualizer {
-    virtualItems: {
-        start: number;
-        end: number;
-    }[];
-    totalSize: number;
-}
-interface MobileTableProps {
-    instance: TableInstance<object>;
-    totalData: number;
-    isInfiniteScroll: boolean;
-    footer: JSX.Element;
-    infiniteScrollWrapper: (children: JSX.Element) => JSX.Element;
-    isLoading: boolean;
-    customEmptyDataProps: EmptyDataProps;
-    rowGroup?: RowGroup;
-    hiddenColumns?: string[];
-    css?: CSS;
-    customRowsStyle?: (e: any) => CustomRowsStyle[];
-    cellAlign?: 'top' | 'center' | 'bottom';
-    renderContextMenu: () => JSX.Element;
-    handleRowClick: (row: object, index: number) => void;
-    additionalExceptionIds: string[];
-    hideHeader?: boolean;
-    decoration?: Decoration;
-    rowVirtualizer: IRowVirtualizer;
-    virtualized?: boolean;
-}
-declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;
-export default MobileTable;
+import React from 'react';
+import { CSS } from '../../config/stitches.config';
+import { EmptyDataProps, RowGroup, Decoration } from './Table';
+import { TableInstance } from 'react-table';
+interface CustomRowsStyle {
+    predicate: boolean;
+    css?: CSS;
+    hideRowMenuColumn?: boolean;
+}
+interface IRowVirtualizer {
+    virtualItems: {
+        start: number;
+        end: number;
+    }[];
+    totalSize: number;
+}
+interface MobileTableProps {
+    instance: TableInstance<object>;
+    totalData: number;
+    isInfiniteScroll: boolean;
+    footer: JSX.Element;
+    infiniteScrollWrapper: (children: JSX.Element) => JSX.Element;
+    isLoading: boolean;
+    customEmptyDataProps: EmptyDataProps;
+    rowGroup?: RowGroup;
+    hiddenColumns?: string[];
+    css?: CSS;
+    customRowsStyle?: (e: any) => CustomRowsStyle[];
+    cellAlign?: 'top' | 'center' | 'bottom';
+    renderContextMenu: () => JSX.Element;
+    handleRowClick: (row: object, index: number) => void;
+    additionalExceptionIds: string[];
+    hideHeader?: boolean;
+    decoration?: Decoration;
+    rowVirtualizer: IRowVirtualizer;
+    virtualized?: boolean;
+}
+declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;
+export default MobileTable;

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

@@ -1,3 +1,3 @@
-export * from './Table';
-export * from './components';
-export { default as MobileTable } from './MobileTable';
+export * from './Table';
+export * from './components';
+export { default as MobileTable } from './MobileTable';