@majoo-ui/react 1.42.2 → 1.44.0

package/components/editableTable/EditableTable.d.ts

@@ -3,6 +3,7 @@ import { Column } from 'react-table';
 interface EditableTableProps<Data extends object> {
     columns: ReadonlyArray<Column<Data>>;
     data: Data[];
+    emptyDataMessage?: string;
 }
 interface RemoveProps {
     position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';
@@ -15,7 +16,203 @@ declare namespace EditableTable {
         label: any;
         variants: any;
     }) => JSX.Element;
-    var Input: any;
+    var Input: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"input", {
+        readOnly?: boolean | "true" | undefined;
+        inputGroup?: boolean | "true" | undefined;
+        size?: "sm" | "lg" | undefined;
+        isInvalid?: boolean | "true" | undefined;
+        isPicker?: 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;
+        };
+    }>>, {}, {
+        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;
+        };
+    }>>;
     var Switch: (props: any) => JSX.Element;
     var Remove: (props: RemoveProps) => JSX.Element;
 }

package/components/form/components/InputText/InputText.d.ts

@@ -0,0 +1,103 @@
+declare const InputText: import("@stitches/react/types/styled-component").StyledComponent<"input", {
+    readOnly?: boolean | "true" | undefined;
+    inputGroup?: boolean | "true" | undefined;
+    size?: "sm" | "lg" | undefined;
+    isInvalid?: boolean | "true" | undefined;
+    isPicker?: 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 { InputText };

package/components/form/components/InputText/index.d.ts

@@ -0,0 +1 @@
+export { InputText } from './InputText';

package/components/heading/Heading.d.ts

@@ -0,0 +1,99 @@
+declare const Heading: import("@stitches/react/types/styled-component").StyledComponent<any, {
+    heading?: "h1" | "h2" | "h3" | "pageTitle" | "sectionTitle" | "sectionSubTitle" | "headerTabs" | "headerTable" | 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 default Heading;

package/components/heading/index.d.ts

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

package/components/index.d.ts

@@ -22,6 +22,7 @@ export * from './buttonGroup';
 export * from './notificationBadge';
 export * from './paper';
 export * from './iconButton';
+export * from './dialog';
 export * from './modalDialog';
 export * from './drawer';
 export * from './accordion';
@@ -29,7 +30,6 @@ export * from './datePicker';
 export * from './table';
 export * from './pagination';
 export * from './pageDialog';
-export * from './dialog';
 export * from './alertDialog';
 export * from './dropdownMenu';
 export * from './upload';
@@ -38,3 +38,5 @@ export * from './colorPicker';
 export * from './stepWizard';
 export * from './tableOfContent';
 export * from './editableTable';
+export * from './loadingBar';
+export * from './progressIndicator';

package/components/loadingBar/LoadingBar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type * as Stitches from '@stitches/react';
+interface LoadingBarProps {
+    progress: number;
+    description?: string;
+    css?: Stitches.CSS;
+    showProgressOnly?: boolean;
+    show?: boolean;
+    isAuto?: boolean;
+}
+export default function LoadingBar(props: LoadingBarProps): JSX.Element;
+export {};

package/components/loadingBar/index.d.ts

@@ -0,0 +1 @@
+export { default as LoadingBar } from './LoadingBar';