tp-react-elements-dev 1.4.3 → 1.4.5

package/README.md

@@ -1,46 +1,96 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
+## How to use the Library
+This Library is a reusable component gives intialvalues and validation schema for useForm and you can render Form Field Components without adding any text fields.
+
+```js
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+import { RenderForm, useFormValidatingContext } from "tp-react-elements-dev";
+import { FormSectionPropsItem } from "tp-react-elements-dev/dist/components/Form/FormRender";
+const App = () => {
+  const formArray:FormSectionPropsItem[]= [
+    {
+      name: "userName",
+      label: "User Name",
+      inputType: "text",
+      required: true,
+      errorMessage: "Please enter",
+    },
+    {
+      name: "password",
+      label: "Password",
+      inputType: "number",
+      required: true,
+      errorMessage: "Please enter",
+    },
+    {
+      name: "date",
+      label: "Password",
+      inputType: "datepicker",
+      required: true,
+      errorMessage: "Please select message",
+      minDate:'30/06/2024',
+      maxDate:'22/07/2024'
+    },
+    {
+      name: "password1",
+      label: "Password New",
+      inputType: "password",
+      required: true,
+      errorMessage: "Please select message",
+    },
+    {
+      name: "daterange",
+      label: "Password",
+      required:true,
+      inputType: "multiselect",
+      options:[]
+    },
+    {
+      name: "daterangepicker",
+      label: "Date range Picker",
+      required:true,
+      inputType: "dateRangePicker",
+      monthSpan:1
+    },
+    {
+      name: "status",
+      label: "sdf",
+      inputType: "toggleSwitch",
+      monthSpan:1
+    },
+    {
+      name: "yearpicker",
+      label: "Year",
+      required:true,
+      inputType: "yearpicker",
+      monthSpan:1
+    },
+    {
+      name: "monthpicker",
+      label: "Month Picker",
+      required:true,
+      inputType: "monthpicker",
+      monthSpan:1
+    },
+    {
+      name: "file",
+      label: "File Upload",
+      required:true,
+      inputType: "file",
+      monthSpan:1
+    },
+  ];
+  const { initialValues, validationSchema } = useFormValidatingContext(
+    formArray
+  );
+  const form=useForm({
+    defaultValues:initialValues,
+    resolver:yupResolver(validationSchema)
+  })
+  return (
+    <RenderForm formArray={formArray} name={"form1"} form={form} numberOfColumns={2} />
+  )
+}
+
+export default App
+```

package/dist/App.d.ts

@@ -1,3 +1,3 @@
-import './App.css';
+import "./App.css";
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/dist/components/DeleteComponent/Delete.stories.d.ts

@@ -0,0 +1,4 @@
+import { DeleteFieldProps } from "./DeleteField";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DeleteFieldComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, DeleteFieldProps>;

package/dist/components/DeleteComponent/DeleteField.d.ts

@@ -0,0 +1,7 @@
+export interface DeleteFieldProps {
+    onClickFn: () => void;
+    tooltip: string;
+    text: string;
+}
+declare const DeleteField: ({ onClickFn, tooltip, text }: DeleteFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default DeleteField;

package/dist/components/Form/DatePicker/DatepickerWrapper.d.ts

@@ -1,4 +1,2 @@
-declare const DatepickerWrapper: ({ props }: {
-    props: any;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const DatepickerWrapper: () => import("react/jsx-runtime").JSX.Element;
 export default DatepickerWrapper;

package/dist/components/Form/Form.stories.d.ts

@@ -1,4 +1,4 @@
-import { FormRenderProps } from './FormRender';
+import { FormRenderWrapperProps } from "./FormRenderWrapper";
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
 export default _default;
-export declare const RenderFormComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, FormRenderProps>;
+export declare const RenderFormComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, FormRenderWrapperProps>;

package/dist/components/Form/Form.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "p" | "color" | "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>, {}, {}>;
+}, "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>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -11,16 +11,16 @@ export declare const ErrorMessageComponent: import("@emotion/styled").StyledComp
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "fixed" | "children" | "className" | "style" | "classes" | "maxWidth" | "sx" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "children" | "maxWidth" | "sx" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "href" | "style" | "classes" | "tabIndex" | "color" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "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>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "href" | "style" | "classes" | "tabIndex" | "color" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "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>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "p" | "color" | "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>, {}, {}>;
+}, "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>, {}, {}>;
 export declare const ImportantMark: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGTextElementAttributes<SVGTextElement>, {}>;
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
@@ -28,13 +28,13 @@ export declare const FormWrapper: import("@emotion/styled").StyledComponent<impo
 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>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "sx" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "selected" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 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"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "className" | "paragraph" | "style" | "classes" | "p" | "color" | "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" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "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>, {}, {}>;
 export declare const ArrowDown: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "fontSize" | "shapeRendering" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "color" | "children" | "fontSize" | "shapeRendering" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Form/FormConstants.d.ts

@@ -0,0 +1,17 @@
+import { FormSectionPropsItem } from "./FormRender";
+import * as Yup from "yup";
+export interface InitialValues {
+    [key: string]: string | number | null | boolean;
+}
+export interface ValidationShape {
+    [key: string]: Yup.Schema<any>;
+}
+declare const useFormValidatingContext: (formArray: FormSectionPropsItem[]) => {
+    validationSchema: Yup.ObjectSchema<{
+        [x: string]: any;
+    }, Yup.AnyObject, {
+        [x: string]: any;
+    }, "">;
+    initialValues: InitialValues;
+};
+export default useFormValidatingContext;

package/dist/components/Form/FormRender.d.ts

@@ -4,20 +4,25 @@ interface OptionsProps {
     label: string | boolean | number;
     value: string | number;
 }
-interface FormSectionPropsItem {
+export interface FormSectionPropsItem {
     name: string;
     label: string;
-    inputType: 'text' | 'password' | 'number' | 'select' | 'datepicker' | 'multiselect' | 'select-v2' | 'register-number' | 'decimal' | 'alpha-numerical' | 'datepicker' | 'yearpicker' | 'dateRangePicker' | 'monthpicker' | 'multiselect' | 'file' | 'textarea';
+    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "register-number" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "textarea" | "toggleSwitch";
     options?: OptionsProps[];
     required?: boolean;
     errorMessage?: string;
     helperText?: string;
     disable?: boolean;
     onChangeFn?: (e: string | number | undefined | null | boolean) => void;
+    onBlurFn?: (e: string | number | undefined | null | boolean) => void;
     maxLength?: number;
     minDate?: string;
+    maxDate?: string;
     placeholder?: string;
-    minRows?: string;
+    minRows?: string | number;
+    CustomProps?: string;
+    numberOfColumns?: number;
+    monthSpan?: number;
 }
 export interface FormRenderProps {
     item: FormSectionPropsItem;
@@ -28,5 +33,5 @@ export interface FormRenderProps {
     clearErrors: any;
     setValue: any;
 }
-declare const RenderForm: (props: FormRenderProps) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const RenderForm: (props: FormRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default RenderForm;

package/dist/components/Form/FormRenderWrapper.d.ts

@@ -0,0 +1,10 @@
+import { FormSectionPropsItem } from "./FormRender";
+import { FieldValues, UseFormReturn } from "react-hook-form";
+export interface FormRenderWrapperProps {
+    formArray: FormSectionPropsItem[];
+    name: string;
+    numberOfColumns?: number;
+    form: UseFormReturn<FieldValues, any, undefined>;
+}
+declare const FormRenderWrapper: ({ formArray, name, numberOfColumns, form, }: FormRenderWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default FormRenderWrapper;

package/dist/components/Form/Select/MultiSelect.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-declare const MultiSelect: React.FC<{
-    options: any;
-    fields: any;
-    setValues: any;
-}>;
+declare const MultiSelect: () => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/dist/components/Form/Select/SingleSelectForPagination.d.ts

@@ -1,4 +1,2 @@
-declare const SingleSelectForPagination: ({ props }: {
-    props: any;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelectForPagination: () => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectForPagination;

package/dist/components/Global.styles.d.ts

@@ -1,27 +1,27 @@
 /// <reference types="react" />
 export declare const AddButtonFloat: 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "href" | "style" | "classes" | "tabIndex" | "color" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
+}, "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"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const SubmitButton: 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "href" | "style" | "classes" | "tabIndex" | "color" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
+}, "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"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const CancelButton: 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "href" | "style" | "classes" | "tabIndex" | "color" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
+}, "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"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const SaveAsDraftButton: 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"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "href" | "style" | "classes" | "tabIndex" | "color" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
+}, "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"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const PageHeader: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "className" | "paragraph" | "style" | "classes" | "p" | "color" | "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" | "variantMapping"> & {
+}, "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"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ReportsItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
@@ -30,6 +30,6 @@ export declare const DialogContainer: import("@emotion/styled").StyledComponent<
 }, {}, {}>;
 export declare const DialogTitleWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").DialogTitleOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "className" | "paragraph" | "style" | "classes" | "p" | "color" | "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" | "variantMapping"> & {
+}, "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"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/dist/components/ModalField/ConfirmationDialog.d.ts

@@ -5,6 +5,7 @@ export interface ConfirmationDialogProps {
     text: string;
     Submit?: string;
     Cancel?: string;
+    buttonStyleProps?: any;
 }
-declare const ConfirmationDialog: ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit, Cancel }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfirmationDialog: ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit, Cancel, buttonStyleProps }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmationDialog;

package/dist/components/SessionTimeOut/SessionTimeOut.d.ts

@@ -2,6 +2,9 @@ export interface SessionTimeOutProps {
     sessionTime: string;
     handleSubmitSession: () => void;
     onSessionExpire: () => void;
+    handleSessionCancel: () => void;
+    SubmitButtonName?: string;
+    buttonStyleProps?: any;
 }
-declare const SessionTimeOut: ({ sessionTime, handleSubmitSession, onSessionExpire, }: SessionTimeOutProps) => import("react/jsx-runtime").JSX.Element;
+declare const SessionTimeOut: ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName, buttonStyleProps }: SessionTimeOutProps) => import("react/jsx-runtime").JSX.Element;
 export default SessionTimeOut;

package/dist/components/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Button } from "../components/Button/Button";
-export { default as RenderForm } from "../components/Form/FormRender";
+export { default as RenderForm } from "../components/Form/FormRenderWrapper";
+export { default as useFormValidatingContext } from "../components/Form/FormConstants";

package/dist/index.css

@@ -1 +1 @@
-.rs-picker-default .rs-picker-toggle.rs-btn{padding-bottom:7px;padding-top:7px;width:282px}.rs-picker-default .rs-picker-toggle{border:1px solid #e5e5ea;color:#575757;cursor:pointer;display:inline-block;outline:none;padding-left:44px;padding-right:67px;position:relative;z-index:5}.rs-picker-toggle-caret{color:#8e8e93;display:inline-block;font-weight:400;margin-right:240px;position:absolute;right:12px;top:8px}.rs-picker-toolbar-right-btn-ok{background-color:#3498ff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;outline:0;padding:8px 12px;text-align:center;width:100px}.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content{border-radius:21px;display:inline-block;padding-left:0;padding-right:0}.css-1xisk3n{background:#ebf4f8!important}.css-xpa0r5-MuiButtonBase-root-MuiIconButton-root{border-radius:4px!important}.calender h6,.calender p{font-size:11px!important}.calender .css-1fre31j,.calender .css-1j13ek9-MuiGrid-root{padding:0}
+.rs-picker-default .rs-picker-toggle.rs-btn{padding-bottom:7px;padding-top:7px;width:282px}.rs-picker-default .rs-picker-toggle{border:1px solid #e5e5ea;color:#575757;cursor:pointer;display:inline-block;outline:none;padding-left:44px;padding-right:67px;position:relative;z-index:5}.rs-picker-toggle-caret{color:#8e8e93;display:inline-block;font-weight:400;margin-right:240px;position:absolute;right:12px;top:8px}.rs-picker-toolbar-right-btn-ok{background-color:#3498ff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;outline:0;padding:8px 12px;text-align:center;width:100px}.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content{border-radius:21px;display:inline-block;padding-left:0;padding-right:0}.css-1xisk3n{background:#ebf4f8!important}.css-xpa0r5-MuiButtonBase-root-MuiIconButton-root{border-radius:4px!important}.calender h6,.calender p{font-size:11px!important}.calender .css-1fre31j,.calender .css-1j13ek9-MuiGrid-root{padding:0}.m-form__input .prestashop-switch.switch{display:block;height:30px;position:relative;width:160px}.m-form__input .prestashop-switch.switch.stactv{display:block;height:30px;position:relative;width:162px}.prestashop-switch.switch{background-color:#eee;border:1px solid #ccc;border-radius:50px;-webkit-box-shadow:inset 0 1px 4px 1px #00000026;-moz-box-shadow:inset 0 1px 4px 1px #00000026;box-shadow:inset 0 1px 4px 1px #00000026;color:#333;text-align:center}.prestashop-switch.switch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-form__input .prestashop-switch.switch *{outline:0!important}.m-form__input .prestashop-switch.switch input[type=radio]{line-height:normal;margin:4px 0 0;opacity:0;position:absolute}.m-form__input .prestashop-switch.switch label,.m-form__input .prestashop-switch.switch>span{display:inline-block;line-height:30px;max-width:100%;vertical-align:middle}.m-form__input .prestashop-switch.switch label{color:#bbb;cursor:pointer;float:left;font-size:11px;font-weight:400;height:100%;margin:0;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;width:50%;z-index:2}.m-form__input .prestashop-switch.switch input:checked+label{color:#fff}.m-form__input .prestashop-switch.switch a,.m-form__input .prestashop-switch.switch span span{display:none}.m-form__input .prestashop-switch.switch a{background-color:green;border:1px solid green;border-radius:50px;-webkit-box-shadow:inset -1px 0 green;-moz-box-shadow:inset 0 -1px 0 green;box-shadow:inset 0 -1px 0 green;color:#fff;display:block;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:50%;z-index:1}.m-form__input{align-items:center;display:flex}.m-form__input .prestashop-switch.switch input:last-of-type:checked~a{background-color:#ec5c29;border:1px solid #fb561c;-webkit-box-shadow:inset 0 -1px 0 #fb561c;-moz-box-shadow:inset 0 -1px 0 #fb561c;box-shadow:inset 0 -1px 0 #fb561c;left:50%}#list-component{background-color:#fff;max-height:200px;overflow:auto!important}#list-component #MuiScrol-listbox{max-height:none!important;overflow:visible}.css-k2lwa0,.css-svpvcz-MuiFormLabel-root-MuiInputLabel-root{background:#fff;font-size:14px!important}@import "../assets/fonts/icon/flaticon_hvc.css";@font-face{font-display:swap;font-family:Roboto-Reg;src:url(../../assets/fonts/roboto-regular-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto-Med;src:url(../../assets/fonts/roboto-medium-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;src:url(../../assets/fonts/roboto-bold-webfont.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}html{background:#f8f8f8;height:100vh}body{background:#f8f8f8!important;font-family:Roboto;overflow-x:hidden}.MuiAccordionSummary-expandIconWrapper{color:#fff!important}.MuiAccordionSummary-root.Mui-expanded{min-height:40px!important}.MuiAccordionSummary-content.Mui-expanded{margin:0!important}.MuiAccordionSummary-content.Mui-expanded div{margin:12px 0!important}.action_icons{display:none}.list_action:hover .action_icons{background:#fff;border-radius:10px;box-shadow:0 0 10px #7f7f7f;-moz-column-count:2;column-count:2;display:block;left:60px;list-style-type:none;margin-top:-20px;padding:10px;position:absolute;top:auto 12px;z-index:110}.action_icons:hover{display:flex;flex-direction:column}.action_icons li{align-items:center;color:#0a8fdc;cursor:pointer;display:flex;line-height:1;padding:5px 0}.action_icons li:hover{color:#266c9a;text-decoration:underline}.action_icons li svg{font-size:16px;margin-right:10px}.product-table thead tr{background:#edf3f7}.product-table thead tr th:nth-child(4){width:120px}.product-table thead tr th:nth-child(7){width:50px}.product-table thead tr th:nth-child(6){width:100px}.product-table thead tr th:nth-child(2){width:60px}.product-table thead tr th:nth-child(3){width:100px}.product-table thead tr th:nth-child(5){width:125px}.product-table thead tr th:nth-child(10),.product-table thead tr th:nth-child(8),.product-table thead tr th:nth-child(9){width:100px}.product-table thead tr th:nth-child(11){width:90px}.product-table thead tr th:nth-child(12){width:80px}.product-table thead tr th:nth-child(13){width:100px}.product-table thead tr th:nth-child(14){width:50px}.product-table thead tr th:nth-child(16){width:120px}.product-table thead tr th:nth-child(15){width:60px}.product-table thead tr th:nth-child(17){width:130px}.product-table thead tr th:first-child{width:50px}.product-table thead tr th:last-child{width:60px}.MuiButton-root{box-shadow:none!important}.description-card{height:100%}.danger-badge{color:#dc3545}.danger-badge,.success-badge{border-radius:10px;display:inline-block;padding:2px 14px}.success-badge{color:#198754}.menu-wrapper p{color:#fff!important}.menu-item-wrapper:hover h6,.menu-item-wrapper:hover p,.menu-item-wrapper:hover svg,.menu-wrapper .second-level-wrapper p{color:#000!important}.css-12qr4rk-MuiTableCell-root{font-size:11px;padding:16px 0 16px 14px!important}@keyframes loader__wrapper{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.loader__wrapper{backface-visibility:hidden;height:100%;position:relative;transform:translateZ(0) scale(.64);transform-origin:0 0;width:100%}.loader__wrapper div{animation:loader__wrapper 1s linear infinite;border:10px solid #00adff;border-radius:50%;border-top-color:#0000;box-sizing:initial;height:60px;left:50px;position:absolute;top:50px;width:60px}.loader{background:#0000;display:block;height:64px;margin:0 auto;overflow:hidden;width:64px}

package/dist/index.d.ts

@@ -1,2 +1,4 @@
-export { default as Button } from "./components/Button/Button";
-export { default as RenderForm } from "./components/Form/FormRender";
+export { default as RenderForm } from "./components/Form/FormRenderWrapper";
+export { default as useFormValidatingContext } from "./components/Form/FormConstants";
+export { default as DeleteField } from "./components/DeleteComponent/DeleteField";
+export { default as SessionTimeoutField } from "./components/SessionTimeOut/SessionTimeOut";

package/dist/index.esm.css

@@ -1 +1 @@
-.rs-picker-default .rs-picker-toggle.rs-btn{padding-bottom:7px;padding-top:7px;width:282px}.rs-picker-default .rs-picker-toggle{border:1px solid #e5e5ea;color:#575757;cursor:pointer;display:inline-block;outline:none;padding-left:44px;padding-right:67px;position:relative;z-index:5}.rs-picker-toggle-caret{color:#8e8e93;display:inline-block;font-weight:400;margin-right:240px;position:absolute;right:12px;top:8px}.rs-picker-toolbar-right-btn-ok{background-color:#3498ff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;outline:0;padding:8px 12px;text-align:center;width:100px}.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content{border-radius:21px;display:inline-block;padding-left:0;padding-right:0}.css-1xisk3n{background:#ebf4f8!important}.css-xpa0r5-MuiButtonBase-root-MuiIconButton-root{border-radius:4px!important}.calender h6,.calender p{font-size:11px!important}.calender .css-1fre31j,.calender .css-1j13ek9-MuiGrid-root{padding:0}
+.rs-picker-default .rs-picker-toggle.rs-btn{padding-bottom:7px;padding-top:7px;width:282px}.rs-picker-default .rs-picker-toggle{border:1px solid #e5e5ea;color:#575757;cursor:pointer;display:inline-block;outline:none;padding-left:44px;padding-right:67px;position:relative;z-index:5}.rs-picker-toggle-caret{color:#8e8e93;display:inline-block;font-weight:400;margin-right:240px;position:absolute;right:12px;top:8px}.rs-picker-toolbar-right-btn-ok{background-color:#3498ff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;outline:0;padding:8px 12px;text-align:center;width:100px}.rs-picker-menu .rs-calendar .rs-calendar-table-cell-content{border-radius:21px;display:inline-block;padding-left:0;padding-right:0}.css-1xisk3n{background:#ebf4f8!important}.css-xpa0r5-MuiButtonBase-root-MuiIconButton-root{border-radius:4px!important}.calender h6,.calender p{font-size:11px!important}.calender .css-1fre31j,.calender .css-1j13ek9-MuiGrid-root{padding:0}.m-form__input .prestashop-switch.switch{display:block;height:30px;position:relative;width:160px}.m-form__input .prestashop-switch.switch.stactv{display:block;height:30px;position:relative;width:162px}.prestashop-switch.switch{background-color:#eee;border:1px solid #ccc;border-radius:50px;-webkit-box-shadow:inset 0 1px 4px 1px #00000026;-moz-box-shadow:inset 0 1px 4px 1px #00000026;box-shadow:inset 0 1px 4px 1px #00000026;color:#333;text-align:center}.prestashop-switch.switch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-form__input .prestashop-switch.switch *{outline:0!important}.m-form__input .prestashop-switch.switch input[type=radio]{line-height:normal;margin:4px 0 0;opacity:0;position:absolute}.m-form__input .prestashop-switch.switch label,.m-form__input .prestashop-switch.switch>span{display:inline-block;line-height:30px;max-width:100%;vertical-align:middle}.m-form__input .prestashop-switch.switch label{color:#bbb;cursor:pointer;float:left;font-size:11px;font-weight:400;height:100%;margin:0;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;width:50%;z-index:2}.m-form__input .prestashop-switch.switch input:checked+label{color:#fff}.m-form__input .prestashop-switch.switch a,.m-form__input .prestashop-switch.switch span span{display:none}.m-form__input .prestashop-switch.switch a{background-color:green;border:1px solid green;border-radius:50px;-webkit-box-shadow:inset -1px 0 green;-moz-box-shadow:inset 0 -1px 0 green;box-shadow:inset 0 -1px 0 green;color:#fff;display:block;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:50%;z-index:1}.m-form__input{align-items:center;display:flex}.m-form__input .prestashop-switch.switch input:last-of-type:checked~a{background-color:#ec5c29;border:1px solid #fb561c;-webkit-box-shadow:inset 0 -1px 0 #fb561c;-moz-box-shadow:inset 0 -1px 0 #fb561c;box-shadow:inset 0 -1px 0 #fb561c;left:50%}#list-component{background-color:#fff;max-height:200px;overflow:auto!important}#list-component #MuiScrol-listbox{max-height:none!important;overflow:visible}.css-k2lwa0,.css-svpvcz-MuiFormLabel-root-MuiInputLabel-root{background:#fff;font-size:14px!important}@import "../assets/fonts/icon/flaticon_hvc.css";@font-face{font-display:swap;font-family:Roboto-Reg;src:url(../../assets/fonts/roboto-regular-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto-Med;src:url(../../assets/fonts/roboto-medium-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;src:url(../../assets/fonts/roboto-bold-webfont.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}html{background:#f8f8f8;height:100vh}body{background:#f8f8f8!important;font-family:Roboto;overflow-x:hidden}.MuiAccordionSummary-expandIconWrapper{color:#fff!important}.MuiAccordionSummary-root.Mui-expanded{min-height:40px!important}.MuiAccordionSummary-content.Mui-expanded{margin:0!important}.MuiAccordionSummary-content.Mui-expanded div{margin:12px 0!important}.action_icons{display:none}.list_action:hover .action_icons{background:#fff;border-radius:10px;box-shadow:0 0 10px #7f7f7f;-moz-column-count:2;column-count:2;display:block;left:60px;list-style-type:none;margin-top:-20px;padding:10px;position:absolute;top:auto 12px;z-index:110}.action_icons:hover{display:flex;flex-direction:column}.action_icons li{align-items:center;color:#0a8fdc;cursor:pointer;display:flex;line-height:1;padding:5px 0}.action_icons li:hover{color:#266c9a;text-decoration:underline}.action_icons li svg{font-size:16px;margin-right:10px}.product-table thead tr{background:#edf3f7}.product-table thead tr th:nth-child(4){width:120px}.product-table thead tr th:nth-child(7){width:50px}.product-table thead tr th:nth-child(6){width:100px}.product-table thead tr th:nth-child(2){width:60px}.product-table thead tr th:nth-child(3){width:100px}.product-table thead tr th:nth-child(5){width:125px}.product-table thead tr th:nth-child(10),.product-table thead tr th:nth-child(8),.product-table thead tr th:nth-child(9){width:100px}.product-table thead tr th:nth-child(11){width:90px}.product-table thead tr th:nth-child(12){width:80px}.product-table thead tr th:nth-child(13){width:100px}.product-table thead tr th:nth-child(14){width:50px}.product-table thead tr th:nth-child(16){width:120px}.product-table thead tr th:nth-child(15){width:60px}.product-table thead tr th:nth-child(17){width:130px}.product-table thead tr th:first-child{width:50px}.product-table thead tr th:last-child{width:60px}.MuiButton-root{box-shadow:none!important}.description-card{height:100%}.danger-badge{color:#dc3545}.danger-badge,.success-badge{border-radius:10px;display:inline-block;padding:2px 14px}.success-badge{color:#198754}.menu-wrapper p{color:#fff!important}.menu-item-wrapper:hover h6,.menu-item-wrapper:hover p,.menu-item-wrapper:hover svg,.menu-wrapper .second-level-wrapper p{color:#000!important}.css-12qr4rk-MuiTableCell-root{font-size:11px;padding:16px 0 16px 14px!important}@keyframes loader__wrapper{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.loader__wrapper{backface-visibility:hidden;height:100%;position:relative;transform:translateZ(0) scale(.64);transform-origin:0 0;width:100%}.loader__wrapper div{animation:loader__wrapper 1s linear infinite;border:10px solid #00adff;border-radius:50%;border-top-color:#0000;box-sizing:initial;height:60px;left:50px;position:absolute;top:50px;width:60px}.loader{background:#0000;display:block;height:64px;margin:0 auto;overflow:hidden;width:64px}