@majoo-ui/react 1.49.3-rc.5 → 1.50.1-rc.1

package/README.md

@@ -1,7 +1,7 @@
-React
-
-This library was generated with [Nx](https://nx.dev).
-
-Running unit tests
-
-Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
+React
+
+This library was generated with [Nx](https://nx.dev).
+
+Running unit tests
+
+Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).

package/components/form/components/InputCounter/InputCounter.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { CSS } from '../../../../config/stitches.config';
+interface CounterProps {
+    /**
+     * Counter value.
+     */
+    value?: number;
+    /**
+     * Change event handler.
+     */
+    onChange?: (e: number) => void;
+    /**
+     * minimum value of a counter.
+     */
+    min?: number;
+    /**
+     * maximum value of a counter.
+     */
+    max?: number;
+    /**
+     * allow counter to return negative value.
+     */
+    allowNegative?: boolean;
+    /**
+     * disabled state of a counter.
+     */
+    disabled?: boolean;
+    /**
+     * Additional css style.
+     */
+    css?: CSS;
+}
+declare const InputCounter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<unknown>>;
+export default InputCounter;

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

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

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

@@ -21,3 +21,4 @@ export { default as InputCreatable } from './InputCreatable/InputCreatable';
 export { default as InputResourceList } from './InputResourceList/InputResourceList';
 export * from './InputCombobox';
 export * from './InputOTP';
+export * from './InputCounter';

package/components/pageDialog/PageDialog.d.ts

@@ -54,7 +54,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
     }) => {
         marginBottom: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
     };
     ml: (value: {
         readonly [$$ScaleValue]: "space";
@@ -150,7 +150,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
     }) => {
         marginBottom: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
     };
     ml: (value: {
         readonly [$$ScaleValue]: "space";
@@ -246,7 +246,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
     }) => {
         marginBottom: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
     };
     ml: (value: {
         readonly [$$ScaleValue]: "space";
@@ -342,7 +342,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
     }) => {
         marginBottom: {
             readonly [$$ScaleValue]: "space";
-        };
+        }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
     };
     ml: (value: {
         readonly [$$ScaleValue]: "space";
@@ -467,7 +467,7 @@ export declare const PageDialog: {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";
@@ -563,7 +563,7 @@ export declare const PageDialog: {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";
@@ -659,7 +659,7 @@ export declare const PageDialog: {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";
@@ -755,7 +755,7 @@ export declare const PageDialog: {
         }) => {
             marginBottom: {
                 readonly [$$ScaleValue]: "space";
-            };
+            }; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
         };
         ml: (value: {
             readonly [$$ScaleValue]: "space";

package/components/stepWizard/index.d.ts

@@ -27,6 +27,8 @@ interface IStepWizardProps {
     setSw: () => void;
     scrollTop?: boolean;
     forbidClickNav: boolean;
+    hide?: boolean;
+    onChangeVisibility?: (isHide: boolean) => void;
 }
 declare const StepWizard: (props: IStepWizardProps) => JSX.Element;
 export default StepWizard;

package/components/table/Table.d.ts

@@ -584,6 +584,203 @@ export declare const TableBody: import("@stitches/react/types/styled-component")
         backgroundColor: string;
     };
 }>>;
+export declare const TableRow: import("@stitches/react/types/styled-component").StyledComponent<"tr", {
+    subRow?: 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 TableCell: import("@stitches/react/types/styled-component").StyledComponent<"td", {
+    subCell?: boolean | "true" | undefined;
+    headerSubCell?: 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 TableFoot: import("@stitches/react/types/styled-component").StyledComponent<"tfoot", {}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -889,6 +1086,8 @@ interface FetchDataParams {
 export interface RowGroup {
     groupKey: string;
     headerRender?: (row: Row<object>) => React.ReactNode;
+    footerRender?: (row: Row<object>) => React.ReactNode;
+    showGroupingWhenSorted?: boolean;
 }
 interface CustomRowsStyle {
     predicate: boolean;
@@ -983,6 +1182,10 @@ export interface TableProps {
      * &nbsp;&nbsp;&nbsp;&nbsp;groupKey?: number;<br/>
      * &nbsp;&nbsp;&nbsp;&nbsp;(define the header node)<br/>
      * &nbsp;&nbsp;&nbsp;&nbsp;headerRender?: (row: Row) => React.ReactNode;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(define the footer node)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;footerRender?: (row: Row) => React.ReactNode;<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;(if true, the header and the footer will be visible when the data sorted)<br/>
+     * &nbsp;&nbsp;&nbsp;&nbsp;showGroupingWhenSorted?: boolean;<br/>
      * }
      */
     rowGroup?: RowGroup;