@majoo-ui/react 1.60.37-rc.5 → 1.60.37-rc.6

package/components/datePicker/InputDatePicker.d.ts

@@ -40,14 +40,6 @@ interface TimePickerProps {
          */
     maxDate: Date;
 }
-interface IOptionsPicker {
-    label: string;
-    value: string;
-}
-interface IAdvanceOptions {
-    options: IOptionsPicker[];
-    reducer: () => void;
-}
 export interface InputDatePickerProps {
     /**
      * Specify the DatePicker type.
@@ -109,10 +101,6 @@ export interface InputDatePickerProps {
      * Specify the 'advance' typed InputDatePicker custom view.
      */
     advanceView?: React.ReactNode;
-    /**
-    * Specify the 'advance options' typed InputDatePicker custom view.
-    */
-    advanceOptions?: IAdvanceOptions;
     /**
      * Specify the picker popover placement.
      */
@@ -174,5 +162,5 @@ export interface InputDatePickerProps {
      */
     isMobile?: boolean;
 }
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, portalledMobile, onClose, mobileOnly, desktopOnly, advanceOptions, drawerCss, drawerContentCss, isMobile, }: InputDatePickerProps): JSX.Element;
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, portalledMobile, onClose, mobileOnly, desktopOnly, drawerCss, drawerContentCss, isMobile, }: InputDatePickerProps): JSX.Element;
 export {};

package/components/datePicker/components/CalendarTimePicker.d.ts

@@ -4,6 +4,7 @@ interface CalendarProps {
     disabled?: boolean;
     language?: string;
     onSetDateValue?: Dispatch<SetStateAction<Date[]>>;
+    isSingle?: boolean;
 }
-declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue }: CalendarProps) => JSX.Element;
+declare const CalendarTimePicker: ({ selected, disabled, language, onSetDateValue, isSingle }: CalendarProps) => JSX.Element;
 export default CalendarTimePicker;

package/components/form/components/InputDateRange/InputDateRange.d.ts

@@ -1,14 +1,6 @@
 import * as React from 'react';
 import { CSS } from '../../../../config/stitches.config';
 import { InputSelectProps } from '..';
-interface IOptionsPicker {
-    label: string;
-    value: string;
-}
-interface IAdvanceOptions {
-    options: IOptionsPicker[];
-    reducer: () => void;
-}
 interface InputDateRangeProps extends InputSelectProps {
     /**
      * Specify the InputDateRange placeholder.
@@ -42,10 +34,6 @@ interface InputDateRangeProps extends InputSelectProps {
      * Additional CSS InputDateRange styles
      */
     css?: CSS;
-    /**
-     * Specify the 'advance options' typed InputDatePicker custom view.
-     */
-    advanceOptions?: IAdvanceOptions;
 }
 export declare const InputDateRange: React.ForwardRefExoticComponent<InputDateRangeProps & React.RefAttributes<HTMLInputElement>>;
 export default InputDateRange;

package/components/form/components/InputSelect/InputSelect.backup.d.ts

@@ -97,117 +97,7 @@ export declare const SelectContainer: import("@stitches/react/types/styled-compo
         backgroundColor: string;
     };
 }>>;
-export declare const SelectBox: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    direction?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
-    align?: "stretch" | "center" | "end" | "start" | "baseline" | undefined;
-    justify?: "center" | "end" | "start" | "between" | "evenly" | "around" | undefined;
-    wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
-    gap?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    m?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    mt?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    mb?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    mr?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    ml?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    mx?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
-    my?: 1 | "1" | "2" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | 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;
-}, 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 SelectBox: import("@stitches/react/types/styled-component").StyledComponent<any, {
     size?: "sm" | "lg" | undefined;
     disabled?: boolean | "true" | undefined;
     readOnly?: boolean | "true" | undefined;

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -100,117 +100,7 @@ export declare const SelectContainer: import("@stitches/react/types/styled-compo
         backgroundColor: string;
     };
 }>>;
-export declare const SelectBox: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    direction?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
-    align?: "stretch" | "center" | "end" | "start" | "baseline" | undefined;
-    justify?: "center" | "end" | "start" | "between" | "evenly" | "around" | undefined;
-    wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
-    gap?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    m?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mt?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mb?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mr?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    ml?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mx?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    my?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "4" | "10" | "12" | "5" | "6" | "7" | "8" | "9" | "11" | 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;
-}, 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 SelectBox: import("@stitches/react/types/styled-component").StyledComponent<any, {
     size?: "sm" | "lg" | undefined;
     disabled?: boolean | "true" | undefined;
     readOnly?: boolean | "true" | undefined;

package/components/loadingBar/LoadingBar.d.ts

@@ -37,18 +37,7 @@ interface LoadingBarProps {
      * Adjust loading bar size.
      */
     size?: 'sm' | 'md';
-    /**
-     * If true, the circular loading bar will be show.
-     */
-    isPageLoader?: boolean;
-    /**
-     * Additional text under circular loading bar.
-     */
-    pageLoaderLabel?: string;
 }
-export declare function CircularLoadingBar({ label }: {
-    label?: string;
-}): JSX.Element;
 declare function LoadingBar(props: LoadingBarProps): JSX.Element;
 declare namespace LoadingBar {
     var defaultProps: {
@@ -57,7 +46,6 @@ declare namespace LoadingBar {
         interval: number;
         description: string;
         size: string;
-        isPageLoader: boolean;
     };
 }
 export default LoadingBar;

package/components/table/Table.d.ts

@@ -196,117 +196,7 @@ export declare const TableHead: import("@stitches/react/types/styled-component")
         backgroundColor: string;
     };
 }>>;
-export declare const TableHeaderCellContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    direction?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
-    align?: "stretch" | "center" | "end" | "start" | "baseline" | undefined;
-    justify?: "center" | "end" | "start" | "between" | "evenly" | "around" | undefined;
-    wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
-    gap?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    m?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mt?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mb?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mr?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    ml?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    mx?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
-    my?: 1 | 10 | 12 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "1" | "2" | "3" | "10" | "12" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | 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;
-}, 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 TableHeaderCellContainer: import("@stitches/react/types/styled-component").StyledComponent<any, {
     isSortedDesc?: boolean | "true" | "false" | undefined;
     unsortable?: boolean | "true" | undefined;
     isMobile?: boolean | "true" | undefined;