tp-react-elements-dev 1.10.11 → 1.10.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts +3 -3
- package/dist/App.test.d.ts +1 -1
- package/dist/components/DeleteComponent/Delete.stories.d.ts +5 -4
- package/dist/components/DeleteComponent/DeleteField.d.ts +7 -7
- package/dist/components/Form/DatePicker/DateRangePicker.d.ts +3 -3
- package/dist/components/Form/DatePicker/DatepickerWrapper.d.ts +2 -2
- package/dist/components/Form/DatePicker/DatepickerWrapperV2.d.ts +2 -2
- package/dist/components/Form/DatePicker/MonthPicker.d.ts +2 -2
- package/dist/components/Form/DatePicker/Monthpickerrender.d.ts +2 -2
- package/dist/components/Form/FileUpload/FormRenderFileUpload.d.ts +6 -6
- package/dist/components/Form/FileUpload/FormRenderMultiFileUpload.d.ts +6 -6
- package/dist/components/Form/Form.stories.d.ts +5 -4
- package/dist/components/Form/Form.styles.d.ts +39 -40
- package/dist/components/Form/FormActiveSwitch.d.ts +3 -3
- package/dist/components/Form/FormConstants.d.ts +13 -13
- package/dist/components/Form/FormContainer.d.ts +2 -2
- package/dist/components/Form/FormRender.d.ts +65 -66
- package/dist/components/Form/FormRenderConstants.d.ts +15 -15
- package/dist/components/Form/FormRenderWrapper.d.ts +11 -11
- package/dist/components/Form/PasswordField.d.ts +2 -2
- package/dist/components/Form/Select/MultiSelect.d.ts +2 -2
- package/dist/components/Form/Select/MultiSelectv1.d.ts +1 -1
- package/dist/components/Form/Select/SingleSelect.d.ts +2 -2
- package/dist/components/Form/Select/SingleSelectForPagination.d.ts +2 -2
- package/dist/components/Form/Select/SingleSelectNonAutoComplete.d.ts +2 -2
- package/dist/components/Form/Select/SingleSelectSearchApi.d.ts +5 -5
- package/dist/components/Form/TimePicker/TimePicker.d.ts +4 -4
- package/dist/components/Global.styles.d.ts +34 -35
- package/dist/components/ModalField/ConfirmationDialog.d.ts +11 -11
- package/dist/components/ModalField/ModalField.d.ts +17 -18
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +5 -5
- package/dist/components/SelectField/MultiSelectFieldComponent.d.ts +11 -11
- package/dist/components/SessionTimeOut/SessionTimeOut.d.ts +10 -10
- package/dist/components/SessionTimeOut/SessionTimeOut.stories.d.ts +5 -4
- package/dist/components/TimePickerField/TimePickerField.d.ts +1 -1
- package/dist/components/index.d.ts +10 -10
- package/dist/index.d.ts +20 -20
- package/dist/index.esm.js +18341 -18792
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +18340 -18791
- package/dist/index.js.map +1 -1
- package/dist/reportWebVitals.d.ts +3 -3
- package/dist/setupTests.d.ts +1 -1
- package/dist/styles/theme.d.ts +9 -9
- package/dist/theme.d.ts +10 -10
- package/package.json +1 -1
package/dist/App.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "./App.css";
|
|
2
|
-
declare function App(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default App;
|
|
1
|
+
import "./App.css";
|
|
2
|
+
declare function App(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default App;
|
package/dist/App.test.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
1
|
+
import { Meta } from "@storybook/react/*";
|
|
2
|
+
import { DeleteFieldProps } from "./DeleteField";
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const DeleteFieldComponent: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/*").ReactRenderer, DeleteFieldProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export interface DeleteFieldProps {
|
|
2
|
-
onClickFn: () => void;
|
|
3
|
-
tooltip: string;
|
|
4
|
-
text: string;
|
|
5
|
-
}
|
|
6
|
-
declare const DeleteField: ({ onClickFn, tooltip, text }: DeleteFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default DeleteField;
|
|
1
|
+
export interface DeleteFieldProps {
|
|
2
|
+
onClickFn: () => void;
|
|
3
|
+
tooltip: string;
|
|
4
|
+
text: string;
|
|
5
|
+
}
|
|
6
|
+
declare const DeleteField: ({ onClickFn, tooltip, text }: DeleteFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default DeleteField;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "./DateRangePicker.scss";
|
|
2
|
-
declare const DateRangePickerComponent: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default DateRangePickerComponent;
|
|
1
|
+
import "./DateRangePicker.scss";
|
|
2
|
+
declare const DateRangePickerComponent: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default DateRangePickerComponent;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const DatepickerWrapper: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default DatepickerWrapper;
|
|
1
|
+
declare const DatepickerWrapper: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default DatepickerWrapper;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const DatepickerWrapperV2: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default DatepickerWrapperV2;
|
|
1
|
+
declare const DatepickerWrapperV2: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default DatepickerWrapperV2;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const MonthPicker: ({ props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default MonthPicker;
|
|
1
|
+
declare const MonthPicker: ({ props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default MonthPicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const Monthpickerrender: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default Monthpickerrender;
|
|
1
|
+
declare const Monthpickerrender: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default Monthpickerrender;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FormRenderProps } from "../FormRender";
|
|
2
|
-
declare const FormRenderFileUpload: ({ props, variant }: {
|
|
3
|
-
props: FormRenderProps;
|
|
4
|
-
variant:
|
|
5
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export default FormRenderFileUpload;
|
|
1
|
+
import { FormRenderProps } from "../FormRender";
|
|
2
|
+
declare const FormRenderFileUpload: ({ props, variant }: {
|
|
3
|
+
props: FormRenderProps;
|
|
4
|
+
variant: "standard" | "outlined" | "";
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default FormRenderFileUpload;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FormRenderProps } from "../FormRender";
|
|
2
|
-
declare const FormRenderMultiFileUpload: ({ props, variant, }: {
|
|
3
|
-
props: FormRenderProps;
|
|
4
|
-
variant: "standard" | "outlined" | "";
|
|
5
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export default FormRenderMultiFileUpload;
|
|
1
|
+
import { FormRenderProps } from "../FormRender";
|
|
2
|
+
declare const FormRenderMultiFileUpload: ({ props, variant, }: {
|
|
3
|
+
props: FormRenderProps;
|
|
4
|
+
variant: "standard" | "outlined" | "";
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default FormRenderMultiFileUpload;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
1
|
+
import { Meta } from "@storybook/react/types-6-0";
|
|
2
|
+
import { FormRenderWrapperProps } from "./FormRenderWrapper";
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const RenderFormComponent: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactRenderer, FormRenderWrapperProps>;
|
|
@@ -1,40 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export declare const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
export declare const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
export declare const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, "className" | "style" | "classes" | "color" | "children" | "fontSize" | "shapeRendering" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
1
|
+
export declare const FormComponent: import("@emotion/styled").StyledComponent<import("@mui/material").GridOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, "className" | "style" | "classes" | "p" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "direction" | "columns" | "container" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "spacing" | "sx" | "wrap" | "zeroMinWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
|
+
export declare const FormContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
7
|
+
export declare const Formitem: import("@emotion/styled").StyledComponent<any, {}, {}>;
|
|
8
|
+
export declare const ErrorMessageComponent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
11
|
+
export declare const ContainerComponent: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
+
}, "className" | "style" | "classes" | "children" | "maxWidth" | "sx" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
14
|
+
export declare const SaveButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
15
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
16
|
+
}, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
17
|
+
export declare const BackButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
18
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
19
|
+
}, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
20
|
+
export declare const LabelComponent: import("@emotion/styled").StyledComponent<import("@mui/material").GridOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
+
}, "className" | "style" | "classes" | "p" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "direction" | "columns" | "container" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "spacing" | "sx" | "wrap" | "zeroMinWidth"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
23
|
+
export declare const ImportantMark: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGTextElementAttributes<SVGTextElement>, {}>;
|
|
24
|
+
export declare const FormWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
25
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
26
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
27
|
+
export declare const DatepickerBox: import("@emotion/styled").StyledComponent<import("@mui/x-date-pickers").DatePickerProps<unknown> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
28
|
+
export declare const OptionRender: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
29
|
+
ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
|
|
30
|
+
}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
31
|
+
export declare const OptionsBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
32
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
33
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
34
|
+
export declare const Options: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
35
|
+
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
36
|
+
}, "className" | "style" | "classes" | "p" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
37
|
+
export declare const ArrowDown: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
|
|
38
|
+
ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
39
|
+
}, "className" | "style" | "classes" | "color" | "children" | "fontSize" | "shapeRendering" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "../Form/FormsStyles.scss";
|
|
2
|
-
declare const FormActiveSwitch: ({ props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default FormActiveSwitch;
|
|
1
|
+
import "../Form/FormsStyles.scss";
|
|
2
|
+
declare const FormActiveSwitch: ({ props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default FormActiveSwitch;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { FormSectionPropsItem } from "./FormRender";
|
|
2
|
-
import * as Yup from "yup";
|
|
3
|
-
export interface InitialValues {
|
|
4
|
-
[key: string]: string | number | null | boolean;
|
|
5
|
-
}
|
|
6
|
-
export interface ValidationShape {
|
|
7
|
-
[key: string]: Yup.Schema<any>;
|
|
8
|
-
}
|
|
9
|
-
declare const useFormValidatingContext: (formArray: FormSectionPropsItem[]) => {
|
|
10
|
-
validationSchema: any;
|
|
11
|
-
initialValues: InitialValues;
|
|
12
|
-
};
|
|
13
|
-
export default useFormValidatingContext;
|
|
1
|
+
import { FormSectionPropsItem } from "./FormRender";
|
|
2
|
+
import * as Yup from "yup";
|
|
3
|
+
export interface InitialValues {
|
|
4
|
+
[key: string]: string | number | null | boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface ValidationShape {
|
|
7
|
+
[key: string]: Yup.Schema<any>;
|
|
8
|
+
}
|
|
9
|
+
declare const useFormValidatingContext: (formArray: FormSectionPropsItem[]) => {
|
|
10
|
+
validationSchema: any;
|
|
11
|
+
initialValues: InitialValues;
|
|
12
|
+
};
|
|
13
|
+
export default useFormValidatingContext;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const FormContainer: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default FormContainer;
|
|
1
|
+
declare const FormContainer: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default FormContainer;
|
|
@@ -1,66 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
export default RenderForm;
|
|
1
|
+
import { Theme } from "@emotion/react";
|
|
2
|
+
import { SxProps } from "@mui/material";
|
|
3
|
+
export declare function formatDateMonthAndYear(date: any): string;
|
|
4
|
+
interface OptionsProps {
|
|
5
|
+
label: string | boolean | number;
|
|
6
|
+
value: string | number;
|
|
7
|
+
}
|
|
8
|
+
interface TextFieldInputProps {
|
|
9
|
+
autoComplete: "new-password" | "off";
|
|
10
|
+
}
|
|
11
|
+
export interface FormSectionPropsItem {
|
|
12
|
+
name: string;
|
|
13
|
+
label: string;
|
|
14
|
+
inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "register-number" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "multifile" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch" | "rich-text-editor" | "multiEmail" | "timepicker" | "checkbox-group" | "radio-group" | "checkbox" | "";
|
|
15
|
+
options?: OptionsProps[];
|
|
16
|
+
required?: boolean;
|
|
17
|
+
errorMessage?: string;
|
|
18
|
+
helperText?: string;
|
|
19
|
+
disable?: boolean;
|
|
20
|
+
onChangeFn?: (e: string | number | undefined | null | boolean) => void;
|
|
21
|
+
onBlurFn?: (e: string | number | undefined | null | boolean) => void;
|
|
22
|
+
maxLength?: number;
|
|
23
|
+
minDate?: string;
|
|
24
|
+
maxDate?: string;
|
|
25
|
+
placeholder?: string;
|
|
26
|
+
minRows?: string | number;
|
|
27
|
+
maxRows?: string | number;
|
|
28
|
+
CustomProps?: any;
|
|
29
|
+
numberOfColumns?: number;
|
|
30
|
+
monthSpan?: number;
|
|
31
|
+
variant?: string;
|
|
32
|
+
allowSpecialChars?: boolean;
|
|
33
|
+
InputProps?: TextFieldInputProps;
|
|
34
|
+
customErrorMessage?: string | null;
|
|
35
|
+
sx?: SxProps<Theme>;
|
|
36
|
+
donotAllowSpace?: boolean;
|
|
37
|
+
onInputProps?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
38
|
+
fileType?: "excel" | "pdf" | "all" | "image" | "";
|
|
39
|
+
handleFileError?: (message: string) => void;
|
|
40
|
+
doNotAllowPaste?: boolean;
|
|
41
|
+
removeButtons?: string;
|
|
42
|
+
Fonts?: number[];
|
|
43
|
+
FontFamily?: any;
|
|
44
|
+
value1?: string | number | boolean;
|
|
45
|
+
value2?: string | number | boolean;
|
|
46
|
+
label1?: string;
|
|
47
|
+
label2?: string;
|
|
48
|
+
minTime?: string;
|
|
49
|
+
maxTime?: string;
|
|
50
|
+
ampm?: boolean;
|
|
51
|
+
settings?: FormSectionPropsItem[];
|
|
52
|
+
}
|
|
53
|
+
export interface FormRenderProps {
|
|
54
|
+
item: FormSectionPropsItem;
|
|
55
|
+
register: any;
|
|
56
|
+
control: any;
|
|
57
|
+
errors: any;
|
|
58
|
+
getValues: any;
|
|
59
|
+
clearErrors: any;
|
|
60
|
+
setValue: any;
|
|
61
|
+
variant?: "standard" | "outlined" | "";
|
|
62
|
+
}
|
|
63
|
+
export declare const renderLabel: (variant: any, props: any) => false | import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
declare const RenderForm: (props: FormRenderProps) => import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
export default RenderForm;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export interface FormsSection {
|
|
2
|
-
name: string;
|
|
3
|
-
label: string;
|
|
4
|
-
value?: string;
|
|
5
|
-
inputType: string;
|
|
6
|
-
minDate?: any;
|
|
7
|
-
options?: any;
|
|
8
|
-
customStyles?: {};
|
|
9
|
-
mandatory?: boolean;
|
|
10
|
-
disable?: boolean;
|
|
11
|
-
settingsField?: FormsSection[];
|
|
12
|
-
setArrayUpdate?: any;
|
|
13
|
-
arrayUpdate?: any;
|
|
14
|
-
placeholderText?: string;
|
|
15
|
-
}
|
|
1
|
+
export interface FormsSection {
|
|
2
|
+
name: string;
|
|
3
|
+
label: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
inputType: string;
|
|
6
|
+
minDate?: any;
|
|
7
|
+
options?: any;
|
|
8
|
+
customStyles?: {};
|
|
9
|
+
mandatory?: boolean;
|
|
10
|
+
disable?: boolean;
|
|
11
|
+
settingsField?: FormsSection[];
|
|
12
|
+
setArrayUpdate?: any;
|
|
13
|
+
arrayUpdate?: any;
|
|
14
|
+
placeholderText?: string;
|
|
15
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { FormSectionPropsItem } from "./FormRender";
|
|
2
|
-
import { FieldValues, UseFormReturn } from "react-hook-form";
|
|
3
|
-
export interface FormRenderWrapperProps {
|
|
4
|
-
formArray: FormSectionPropsItem[];
|
|
5
|
-
name: string;
|
|
6
|
-
numberOfColumns?: number;
|
|
7
|
-
form: UseFormReturn<FieldValues, any, undefined>;
|
|
8
|
-
variant?: "standard" | "outlined" | "";
|
|
9
|
-
}
|
|
10
|
-
declare const FormRenderWrapper: ({ formArray, name, numberOfColumns, form, variant }: FormRenderWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export default FormRenderWrapper;
|
|
1
|
+
import { FormSectionPropsItem } from "./FormRender";
|
|
2
|
+
import { FieldValues, UseFormReturn } from "react-hook-form";
|
|
3
|
+
export interface FormRenderWrapperProps {
|
|
4
|
+
formArray: FormSectionPropsItem[];
|
|
5
|
+
name: string;
|
|
6
|
+
numberOfColumns?: number;
|
|
7
|
+
form: UseFormReturn<FieldValues, any, undefined>;
|
|
8
|
+
variant?: "standard" | "outlined" | "";
|
|
9
|
+
}
|
|
10
|
+
declare const FormRenderWrapper: ({ formArray, name, numberOfColumns, form, variant }: FormRenderWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default FormRenderWrapper;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const PasswordField: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default PasswordField;
|
|
1
|
+
declare const PasswordField: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default PasswordField;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const MultiSelect: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default MultiSelect;
|
|
1
|
+
declare const MultiSelect: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default MultiSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function MultiSelectV1({ props, variant }: any): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export default function MultiSelectV1({ props, variant }: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const SingleSelect: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default SingleSelect;
|
|
1
|
+
declare const SingleSelect: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default SingleSelect;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const SingleSelectForPagination: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default SingleSelectForPagination;
|
|
1
|
+
declare const SingleSelectForPagination: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default SingleSelectForPagination;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const SingleSelectNonAutoComplete: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export default SingleSelectNonAutoComplete;
|
|
1
|
+
declare const SingleSelectNonAutoComplete: ({ props, variant }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default SingleSelectNonAutoComplete;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FormRenderProps } from "../FormRender";
|
|
2
|
-
declare const SingleSelectSearchApi: ({ props }: {
|
|
3
|
-
props: FormRenderProps;
|
|
4
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export default SingleSelectSearchApi;
|
|
1
|
+
import { FormRenderProps } from "../FormRender";
|
|
2
|
+
declare const SingleSelectSearchApi: ({ props }: {
|
|
3
|
+
props: FormRenderProps;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default SingleSelectSearchApi;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FormRenderProps } from "../FormRender";
|
|
2
|
-
export default function TimePickerFieldWrapper({ props, }: {
|
|
3
|
-
props: FormRenderProps;
|
|
4
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { FormRenderProps } from "../FormRender";
|
|
2
|
+
export default function TimePickerFieldWrapper({ props, }: {
|
|
3
|
+
props: FormRenderProps;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|