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

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

@@ -1,57 +1,57 @@
-import { MutableRefObject, ReactNode } from 'react';
-interface ScrollSpyProps {
-    /**
-     * Each direct child Element should contain an id.
-     */
-    children: ReactNode;
-    /**
-     * ref to your navigation container containing items with data-to-scrollspy-id attributes.
-     */
-    navContainerRef?: MutableRefObject<HTMLDivElement | null>;
-    /**
-     * If you want to spy only on a particular scrollable container (Element) then pass its ref to this prop.
-     */
-    parentScrollContainerRef?: MutableRefObject<HTMLDivElement | null>;
-    /**
-     * In milliseconds to throttle the onscroll event. Lower the number, better the response time, higher the performance cost.
-     */
-    scrollThrottle?: number;
-    /**
-     * Executes this function whenever you scroll to a new ScrollSpy child Element, callback returns the id of that Element as well.
-     */
-    onUpdateCallback?: (id: string) => void;
-    /**
-     * Spy will be fired when it has been scrolled offsetTop beyond 50% to the top of the containing element.
-     */
-    offsetTop?: number;
-    /**
-     * Spy will be fired when it has been scrolled offsetBottom beyond 50% to the bottom of the containing element.
-     */
-    offsetBottom?: number;
-    /**
-     * To customize the string after data-.
-     */
-    useDataAttribute?: string;
-    /**
-     * To customize the class added when the Element in view.
-     */
-    activeClass?: string;
-    /**
-     * Set to false if you want your spy to be active only if more than50% of that div is in the viewport.
-     */
-    useBoxMethod?: boolean;
-}
-declare const TableOfContentPage: {
-    (props: ScrollSpyProps): JSX.Element;
-    defaultProps: {
-        scrollThrottle: number;
-        offsetTop: number;
-        offsetBottom: number;
-        useDataAttribute: string;
-        activeClass: string;
-        useBoxMethod: boolean;
-    };
-};
-export { default as TableOfContent } from './TableOfContent';
-export * from './TableOfContent';
-export { TableOfContentPage };
+import { MutableRefObject, ReactNode } from 'react';
+interface ScrollSpyProps {
+    /**
+     * Each direct child Element should contain an id.
+     */
+    children: ReactNode;
+    /**
+     * ref to your navigation container containing items with data-to-scrollspy-id attributes.
+     */
+    navContainerRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * If you want to spy only on a particular scrollable container (Element) then pass its ref to this prop.
+     */
+    parentScrollContainerRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * In milliseconds to throttle the onscroll event. Lower the number, better the response time, higher the performance cost.
+     */
+    scrollThrottle?: number;
+    /**
+     * Executes this function whenever you scroll to a new ScrollSpy child Element, callback returns the id of that Element as well.
+     */
+    onUpdateCallback?: (id: string) => void;
+    /**
+     * Spy will be fired when it has been scrolled offsetTop beyond 50% to the top of the containing element.
+     */
+    offsetTop?: number;
+    /**
+     * Spy will be fired when it has been scrolled offsetBottom beyond 50% to the bottom of the containing element.
+     */
+    offsetBottom?: number;
+    /**
+     * To customize the string after data-.
+     */
+    useDataAttribute?: string;
+    /**
+     * To customize the class added when the Element in view.
+     */
+    activeClass?: string;
+    /**
+     * Set to false if you want your spy to be active only if more than50% of that div is in the viewport.
+     */
+    useBoxMethod?: boolean;
+}
+declare const TableOfContentPage: {
+    (props: ScrollSpyProps): JSX.Element;
+    defaultProps: {
+        scrollThrottle: number;
+        offsetTop: number;
+        offsetBottom: number;
+        useDataAttribute: string;
+        activeClass: string;
+        useBoxMethod: boolean;
+    };
+};
+export { default as TableOfContent } from './TableOfContent';
+export * from './TableOfContent';
+export { TableOfContentPage };

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

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-export interface SelectedItem {
-    id: string | number;
-    name: string;
-}
-interface TagListProps {
-    /**
-     * List of selected item.
-     */
-    selectedItems: SelectedItem[];
-    /**
-     * onRemoveItem event handler.
-     */
-    onRemoveItem?: (SelectedItem: any) => void;
-    /**
-     * Custom counter label.
-     */
-    counterLabel?: string;
-}
-declare function TagList({ selectedItems, onRemoveItem, counterLabel }: TagListProps): JSX.Element;
-export default TagList;
+/// <reference types="react" />
+export interface SelectedItem {
+    id: string | number;
+    name: string;
+}
+interface TagListProps {
+    /**
+     * List of selected item.
+     */
+    selectedItems: SelectedItem[];
+    /**
+     * onRemoveItem event handler.
+     */
+    onRemoveItem?: (SelectedItem: any) => void;
+    /**
+     * Custom counter label.
+     */
+    counterLabel?: string;
+}
+declare function TagList({ selectedItems, onRemoveItem, counterLabel }: TagListProps): JSX.Element;
+export default TagList;

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

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

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

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

package/{components → src/components}/upload/utils/canvasPreview.d.ts

@@ -1,2 +1,2 @@
-import { PixelCrop } from 'react-image-crop';
-export declare function canvasPreview(image: HTMLImageElement, canvas: HTMLCanvasElement, crop: PixelCrop, scale: number | undefined, rotate: number | undefined, ratio: any): Promise<void>;
+import { PixelCrop } from 'react-image-crop';
+export declare function canvasPreview(image: HTMLImageElement, canvas: HTMLCanvasElement, crop: PixelCrop, scale: number | undefined, rotate: number | undefined, ratio: any): Promise<void>;

package/{components → src/components}/upload/utils/imgPreview.d.ts

@@ -1,2 +1,2 @@
-import { PixelCrop } from 'react-image-crop';
-export declare function imgPreview(image: HTMLImageElement, crop: PixelCrop, scale: number | undefined, rotate: number | undefined, ratio: any, type: any): Promise<unknown>;
+import { PixelCrop } from 'react-image-crop';
+export declare function imgPreview(image: HTMLImageElement, crop: PixelCrop, scale: number | undefined, rotate: number | undefined, ratio: any, type: any): Promise<unknown>;

package/{foundations → src/foundations}/indices/Indices.d.ts

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

package/{foundations → src/foundations}/radii/Radii.d.ts

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

package/{foundations → src/foundations}/space/Space.d.ts

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

package/{hooks → src/hooks}/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useListOption/useListOption';
-export * from './useToggle/useToggle';
+export * from './useListOption/useListOption';
+export * from './useToggle/useToggle';

package/{hooks → src/hooks}/useListOption/useListOption.d.ts

@@ -1,8 +1,8 @@
-export interface ITransform<T> {
-    name: string;
-    value: any;
-    rec: T;
-    key: any;
-    isDisabled: boolean;
-}
-export declare function useListOption<T>(list: T[], nameKey?: string | string[], valueKey?: string | string[], disableList?: string[], separator?: string | ((values: string | string[], item: any, index: any) => string)): ITransform<T>[];
+export interface ITransform<T> {
+    name: string;
+    value: any;
+    rec: T;
+    key: any;
+    isDisabled: boolean;
+}
+export declare function useListOption<T>(list: T[], nameKey?: string | string[], valueKey?: string | string[], disableList?: string[], separator?: string | ((values: string | string[], item: any, index: any) => string)): ITransform<T>[];

package/{hooks → src/hooks}/useToggle/useToggle.d.ts

@@ -1 +1 @@
-export declare const useToggle: (initialValue: boolean) => [boolean, (nextValue?: any) => void];
+export declare const useToggle: (initialValue: boolean) => [boolean, (nextValue?: any) => void];

package/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './majoo-provider';
+export * from './colors';
+export * from './layout';
+export * from './components';
+export * from './hooks';

package/{layout → src/layout}/box/index.d.ts

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

package/{layout → src/layout}/flex/index.d.ts

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

package/{layout → src/layout}/grid/index.d.ts

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

package/{layout → src/layout}/index.d.ts

@@ -1,4 +1,4 @@
-export * from './box';
-export * from './flex';
-export * from './grid';
-export * from './pageContainer';
+export * from './box';
+export * from './flex';
+export * from './grid';
+export * from './pageContainer';

package/{type → src/type}/base.types.d.ts

@@ -1,11 +1,11 @@
-import { CSS } from '../config/stitches.config';
-export declare type BaseRadixProps = {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
-     */
-    asChild?: boolean;
-    css?: CSS;
-};
-export declare type BaseRadixNoCss = Omit<BaseRadixProps, 'css'>;
-export declare type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+import { CSS } from '../config/stitches.config';
+export type BaseRadixProps = {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
+     */
+    asChild?: boolean;
+    css?: CSS;
+};
+export type BaseRadixNoCss = Omit<BaseRadixProps, 'css'>;
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';

package/src/type/stitches.types.d.ts

@@ -0,0 +1 @@
+export type NumericalSizingLiteral = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/{utils → src/utils}/request.d.ts

@@ -1,14 +1,14 @@
-export declare function upload({ url, file, customBody, tokenKey, token, progress, reqKey, resKey, onError, onSuccess, onProgress, }: {
-    url: any;
-    file: any;
-    customBody: any;
-    tokenKey: any;
-    token: any;
-    progress: any;
-    reqKey: any;
-    resKey: any;
-    onError: any;
-    onSuccess: any;
-    onProgress: any;
-}): Promise<unknown>;
-export declare const catchError: (e: any) => string;
+export declare function upload({ url, file, customBody, tokenKey, token, progress, reqKey, resKey, onError, onSuccess, onProgress, }: {
+    url: any;
+    file: any;
+    customBody: any;
+    tokenKey: any;
+    token: any;
+    progress: any;
+    reqKey: any;
+    resKey: any;
+    onError: any;
+    onSuccess: any;
+    onProgress: any;
+}): Promise<unknown>;
+export declare const catchError: (e: any) => string;

package/{utils → src/utils}/useNavigatorOnline.d.ts

@@ -1,2 +1,2 @@
-declare const useNavigatorOnLine: () => boolean;
-export default useNavigatorOnLine;
+declare const useNavigatorOnLine: () => boolean;
+export default useNavigatorOnLine;

package/{utils → src/utils}/variant.d.ts

@@ -1,4 +1,4 @@
-import { CSS } from "../config/stitches.config";
-import { NumericalSizingLiteral } from "../type/stitches.types";
-export declare function seqNumberVariants(variantFn: (value: number) => CSS, max: number): Record<NumericalSizingLiteral, CSS>;
-export declare const range1: (n: any, fromOne: any) => number[];
+import { CSS } from "../config/stitches.config";
+import { NumericalSizingLiteral } from "../type/stitches.types";
+export declare function seqNumberVariants(variantFn: (value: number) => CSS, max: number): Record<NumericalSizingLiteral, CSS>;
+export declare const range1: (n: any, fromOne: any) => number[];

package/components/alert-backup/index.backup.d.ts

@@ -1 +0,0 @@
-export {};

package/components/button/Button.d.ts

@@ -1,163 +0,0 @@
-import * as React from 'react';
-import type * as Stitches from '@stitches/react';
-import { CSS } from '../../config/stitches.config';
-export declare const ButtonPrimitive: import("@stitches/react/types/styled-component").StyledComponent<"button", {
-    buttonType?: "primary" | "secondary" | "ghost" | "ghost-secondary" | "negative" | "negative-secondary" | "negative-ghost" | "headerMenu" | "tableMenu" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | undefined;
-    iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
-    hidden?: boolean | "true" | undefined;
-    withIcon?: boolean | "true" | undefined;
-    mobileOnly?: boolean | "true" | undefined;
-    desktopOnly?: boolean | "true" | undefined;
-}, {
-    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 [Stitches.$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [Stitches.$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-interface AdditionalButtonProps extends React.ComponentPropsWithoutRef<'button'> {
-    /**
-     * Specify whether the button should be disabled, or not
-     */
-    disabled?: boolean;
-    /**
-     * Specify whether the button should be displayed as block and 100% width , or not
-     */
-    block?: boolean;
-    /**
-     * Specify the button width
-     */
-    width?: string | number;
-    /**
-     * Specify the button left icon component
-     */
-    leftIcon?: React.ReactNode;
-    /**
-     * Specify the button right icon component
-     */
-    rightIcon?: React.ReactNode;
-    /**
-     * Specify whether the Button children is icon only , or not
-     */
-    icon?: boolean;
-    /**
-     * Additional css styles
-     */
-    css?: CSS;
-    /**
-     * If the condition is true, the button will only be displayed in mobile view
-     */
-    mobileOnly?: boolean;
-    /**
-     * If the condition is true, the button will only be displayed in desktop view
-     */
-    desktopOnly?: boolean;
-}
-export declare const Button: React.ForwardRefExoticComponent<import("@stitches/react/types/styled-component").TransformProps<{
-    buttonType?: "primary" | "secondary" | "ghost" | "ghost-secondary" | "negative" | "negative-secondary" | "negative-ghost" | "headerMenu" | "tableMenu" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | undefined;
-    iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
-    hidden?: boolean | "true" | undefined;
-    withIcon?: boolean | "true" | undefined;
-    mobileOnly?: boolean | "true" | undefined;
-    desktopOnly?: boolean | "true" | undefined;
-}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}> & AdditionalButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default Button;