@majoo-ui/react 1.49.3 → 1.50.1

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/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;