tp-react-elements 1.0.0

package/dist/components/DateRangePicker/DateRangePicker.esm.js

@@ -0,0 +1,107 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Controller } from 'react-hook-form';
+import { d as distExports } from '../../_virtual/index.esm.js';
+import 'dayjs';
+import { renderLabel } from '../../utils/Constants/FormConstants.esm.js';
+import FormBottomField from '../FormComponents/FormBottomField/FormBottomField.esm.js';
+import { Box, TextField, Popover } from '@mui/material';
+import { formatDate as format } from '../../node_modules/date-fns/format.esm.js';
+import { parse } from '../../node_modules/date-fns/parse.esm.js';
+import { isValid } from '../../node_modules/date-fns/isValid.esm.js';
+
+const DateRangePickerComponent = ({ item, control, watch, setValue, getValues, clearErrors, errors, register, variant, ...rest }) => {
+    // Using a generic type for anchorEl to avoid environment-specific linting issues.
+    // eslint-disable-next-line react/prop-types
+    const [anchorEl, setAnchorEl] = useState(null);
+    const fromDateName = item.name;
+    const toDateName = `${item.name}_to`;
+    const fromDateValue = watch(fromDateName);
+    const toDateValue = watch(toDateName);
+    const getValidDate = (dateString) => {
+        if (!dateString)
+            return undefined;
+        const date = parse(dateString, 'dd/MM/yyyy', new Date());
+        return isValid(date) ? date : undefined;
+    };
+    const [state, setState] = useState([
+        {
+            startDate: getValidDate(fromDateValue),
+            endDate: getValidDate(toDateValue),
+            key: 'selection',
+        },
+    ]);
+    useEffect(() => {
+        const fromDate = watch(fromDateName);
+        const toDate = watch(toDateName);
+        setState([
+            {
+                startDate: getValidDate(fromDate),
+                endDate: getValidDate(toDate),
+                key: 'selection',
+            },
+        ]);
+    }, [fromDateValue, toDateValue, watch, fromDateName, toDateName]);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const open = Boolean(anchorEl);
+    const id = open ? 'date-range-popover' : undefined;
+    const displayValue = state[0].startDate && state[0].endDate
+        ? `${format(state[0].startDate, 'dd/MM/yyyy')} - ${format(state[0].endDate, 'dd/MM/yyyy')}`
+        : '';
+    const label = variant !== 'standard' ? `${item.label}${item.required ? ' *' : ''}` : '';
+    return (jsxs(Fragment, { children: [jsx(Box, { onClick: handleClick, sx: { width: '100%' }, children: jsx(Controller, { name: fromDateName, control: control, render: ({ fieldState }) => (jsxs(Fragment, { children: [renderLabel(variant, {
+                                item,
+                                ...rest,
+                            }), ' ', jsx(TextField, { fullWidth: true, value: displayValue, placeholder: item.placeholder || 'DD/MM/YYYY - DD/MM/YYYY', error: !!fieldState.error, InputProps: {
+                                    readOnly: true,
+                                }, label: label, size: "small" })] })) }) }), jsx(Popover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'left',
+                }, PaperProps: {
+                    style: {
+                        transform: 'scale(0.9)',
+                        transformOrigin: 'top left',
+                    },
+                }, children: jsx(distExports.DateRange, { editableDateInputs: false, onChange: (range) => {
+                        const selection = range.selection;
+                        setState([selection]);
+                        // if (selection.startDate) {
+                        //   setValue(fromDateName, format(selection.startDate, 'dd/MM/yyyy'), {
+                        //     shouldValidate: true,
+                        //     shouldDirty: true,
+                        //   });
+                        // }
+                        if (selection.startDate && selection.endDate) {
+                            setValue(fromDateName, format(selection.startDate, 'dd/MM/yyyy'), {
+                                shouldValidate: true,
+                                shouldDirty: true,
+                            });
+                            setValue(toDateName, format(selection.endDate, 'dd/MM/yyyy'), {
+                                shouldValidate: true,
+                                shouldDirty: true,
+                            });
+                        }
+                        if (selection.startDate &&
+                            selection.endDate &&
+                            selection.startDate?.getTime() !== selection.endDate?.getTime()) {
+                            const dateObject = { startDate: format(selection.startDate, 'dd/MM/yyyy'), endDate: format(selection.endDate, 'dd/MM/yyyy') };
+                            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                            item.onChangeFn && item.onChangeFn(dateObject || null);
+                            handleClose();
+                        }
+                    }, moveRangeOnFirstSelection: false, ranges: state, months: 2, direction: "horizontal", showDateDisplay: false, dateDisplayFormat: "dd/MM/yyyy", rangeColors: ['#4d73b1ff'] }) }), jsx(FormBottomField, { item,
+                control,
+                errors,
+                getValues,
+                setValue,
+                clearErrors,
+                register,
+                watch })] }));
+};
+
+export { DateRangePickerComponent as default };

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+import DateRangePickerComponent from './DateRangePicker';
+export default DateRangePickerComponent;

package/dist/components/DateRangePicker/index.esm.js

@@ -0,0 +1,5 @@
+import DateRangePickerComponent from './DateRangePicker.esm.js';
+
+
+
+export { DateRangePickerComponent as default };

package/dist/components/Delete/index.d.ts

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

package/dist/components/Delete/index.esm.js

@@ -0,0 +1 @@
+export { default as DeleteField } from '../DeleteComponent/DeleteField.esm.js';

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/DeleteComponent/DeleteField.esm.js

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Tooltip, Grid, Typography } from '@mui/material';
+import ConfirmationDialog from '../ModalField/ConfirmationDialog.esm.js';
+import { useState } from 'react';
+
+const DeleteField = ({ onClickFn, tooltip = 'Delete', text }) => {
+    const [openDialog, setOpenDialog] = useState(false);
+    const handleCancel = () => {
+        setOpenDialog(false);
+    };
+    return (jsxs(Fragment, { children: [jsx(Tooltip, { title: jsx(Typography, { sx: { fontSize: '8px' }, children: tooltip }), children: jsx(Grid, { sx: { ':hover': { cursor: 'pointer' } }, onClick: () => {
+                        setOpenDialog(true);
+                    }, children: jsx("i", { className: "flaticon-trash", style: {
+                            lineHeight: 1,
+                            fontSize: '11px',
+                            color: 'var(--mui-palette-error-main, #B3261E)',
+                            marginTop: '10px',
+                        } }) }) }), jsx(ConfirmationDialog, { openConfirmDialog: openDialog, handleCancel: handleCancel, onClickSubmit: () => {
+                    handleCancel();
+                    onClickFn();
+                }, text: text })] }));
+};
+
+export { DeleteField as default };

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

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

package/dist/components/DeleteComponent/index.esm.js

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

package/dist/components/Feedback/index.d.ts

@@ -0,0 +1,5 @@
+export { default as FormBottomField } from '../FormComponents/FormBottomField/FormBottomField';
+export { default as FormErrorField } from '../FormComponents/FormErrorField/FormErrorField';
+export { default as HelperText } from '../FormComponents/HelperText/HelperText';
+declare const _default: {};
+export default _default;

package/dist/components/Feedback/index.esm.js

@@ -0,0 +1,7 @@
+export { default as FormBottomField } from '../FormComponents/FormBottomField/FormBottomField.esm.js';
+export { default as FormErrorField } from '../FormComponents/FormErrorField/FormErrorField.esm.js';
+export { default as HelperText } from '../FormComponents/HelperText/HelperText.esm.js';
+
+var index = {};
+
+export { index as default };

package/dist/components/FileUpload/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FormRenderFileUpload } from '../FormComponents/FileUpload/FormRenderFileUpload';
+export { default as FormRenderMultiFileUpload } from '../FormComponents/FileUpload/FormRenderMultiFileUpload';
+export { default as MultiFileWithPreview } from '../FormComponents/FileUpload/MultiFileWithPreview';

package/dist/components/FileUpload/index.esm.js

@@ -0,0 +1,3 @@
+export { default as FormRenderFileUpload } from '../FormComponents/FileUpload/FormRenderFileUpload.esm.js';
+export { default as FormRenderMultiFileUpload } from '../FormComponents/FileUpload/FormRenderMultiFileUpload.esm.js';
+export { default as MultiFileWithPreview } from '../FormComponents/FileUpload/MultiFileWithPreview.esm.js';

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

@@ -0,0 +1,17 @@
+export declare const FormComponent: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const FormContainer: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const Formitem: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const ErrorMessageComponent: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const ContainerComponent: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const SaveButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "style" | "children" | "size" | "sx" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "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<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "style" | "children" | "size" | "sx" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LabelComponent: import("@emotion/styled").StyledComponent<import("@mui/material").GridBaseProps & {
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & import("@mui/system").SystemProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ("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" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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") | keyof import("@mui/material").GridBaseProps | "sx"> & 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<any, {}, {}>;
+export declare const DatepickerBox: import("@emotion/styled").StyledComponent<import("@mui/x-date-pickers").DatePickerProps<boolean> & 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<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style" | "children" | "sx" | "autoFocus" | "className" | "tabIndex" | "classes" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const OptionsBox: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const Options: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "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" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "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" | "style" | "children" | "sx" | "className" | "classes" | "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<import("react").SVGProps<SVGSVGElement>, "color" | "fontSize" | "shapeRendering" | "style" | "children" | "sx" | "className" | "classes" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Form/Form.styles.esm.js

@@ -0,0 +1,111 @@
+import { styled } from '@mui/material/styles';
+import ArrowDropDownSharpIcon from '@mui/icons-material/ArrowDropDownSharp';
+import { Grid, Box, Button, MenuItem, Typography } from '@mui/material';
+import Container from '@mui/material/Container';
+import { DatePicker } from '@mui/x-date-pickers';
+
+const FormComponent = styled(Grid)(({ theme }) => ({
+    alignItems: 'flex-start',
+    flexWrap: 'wrap',
+    [theme.breakpoints.down('md')]: {
+        flexDirection: 'column',
+    },
+}));
+styled(Box)(() => ({
+    margin: '5px 0px',
+    fontSize: '11px',
+    backgroundColor: '#ffff',
+    padding: '0.5em',
+    border: '0px solid rgba(0, 0, 0, 0.125)',
+    boxShadow: '0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04)',
+    borderRadius: '0.75rem',
+}));
+const Formitem = styled(Grid, {
+    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'noOfColumn',
+})(({ theme, noOfColumn }) => ({
+    width: `calc(100%/${noOfColumn})`,
+    flexDirection: 'column',
+    paddingLeft: '15px',
+    paddingRight: '15px',
+    marginBottom: theme.spacing(1),
+    [theme.breakpoints.down('md')]: {
+        width: '100%',
+    },
+}));
+const ErrorMessageComponent = styled(Box)(({ theme }) => ({
+    color: theme.palette.error.main,
+    marginTop: '4px',
+    fontSize: '11px',
+    fontWeight: 500,
+}));
+styled(Container)(({ theme }) => ({
+    [theme.breakpoints.up('sm')]: {
+        padding: '16px 24px',
+    },
+    [theme.breakpoints.up('lg')]: {
+        paddingLeft: '30px',
+        paddingRight: '30px',
+    },
+}));
+styled(Button)(() => ({
+    color: '#fff',
+    backgroundColor: '#00acc1',
+    BorderColor: '#00acc1',
+}));
+styled(Button)(() => ({
+    color: '#fff',
+    backgroundColor: ' #343a40',
+    borderColor: '#343a40',
+}));
+styled(Grid)(() => ({
+    alignItems: 'start',
+    gap: '1px',
+}));
+styled('text')(({ theme }) => ({
+    color: theme.palette.error.main,
+}));
+styled(Box)(() => ({
+    margin: '5px 0px',
+    backgroundColor: '#ffff',
+    paddingBlock: '0.5em',
+    border: '0px solid rgba(0, 0, 0, 0.125)',
+    boxShadow: '0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04)',
+    borderRadius: '0.75rem',
+    overflow: 'hidden',
+    fontSize: '11px',
+}));
+styled(DatePicker)(() => ({
+    '& .MuiInputBase-input': {
+        padding: '6.38px 14px',
+    },
+}));
+styled(MenuItem)(() => ({
+    fontSize: '11px',
+}));
+styled(Box)(() => ({
+    maxHeight: '120px',
+    overflow: 'auto',
+    position: 'absolute',
+    top: '100%',
+    background: '#fff',
+    zIndex: 1000,
+    border: '1px solid #0001',
+}));
+styled(Typography)(() => ({
+    fontSize: '13px',
+    background: '#fff',
+    padding: '5px 13px',
+    zIndex: 1000,
+    '&:hover': {
+        backgroundColor: '#0001',
+        cursor: 'pointer',
+    },
+}));
+styled(ArrowDropDownSharpIcon)(() => ({
+    fontSize: '25px',
+    position: 'absolute',
+    right: 0,
+    color: '#0009',
+}));
+
+export { ErrorMessageComponent, FormComponent, Formitem };

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

@@ -0,0 +1,3 @@
+import '../Form/FormsStyles.scss';
+declare const FormActiveSwitch: ({ props }: any) => import("react/jsx-runtime").JSX.Element;
+export default FormActiveSwitch;

package/dist/components/Form/FormActiveSwitch.esm.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Controller } from 'react-hook-form';
+
+const FormActiveSwitch = ({ props }) => {
+    const { control, item } = props;
+    const valueActive = item.value1 ?? 'A';
+    const valueInactive = item.value2 ?? 'I';
+    return (jsxs("fieldset", { className: "m-form__input", style: { border: 'none', padding: 0, margin: 0 }, children: [item.label && (jsx("legend", { id: `${item.name}-label`, style: { fontSize: '12px', paddingRight: 10 }, children: item.label })), jsx(Controller, { name: item.name, control: control, render: ({ field }) => (jsxs("span", { className: "switch prestashop-switch fixed-width-lg", role: "radiogroup", "aria-labelledby": `${item.name}-label`, children: [jsx("input", { id: `${item.name}_on`, name: item.name, type: "radio", value: valueActive, checked: field.value === valueActive, onChange: () => field.onChange(valueActive), "aria-checked": field.value === valueActive }), jsx("label", { htmlFor: `${item.name}_on`, style: { textTransform: 'none' }, children: item.label1 ?? 'Active' }), jsx("input", { id: `${item.name}_off`, name: item.name, type: "radio", value: valueInactive, checked: field.value === valueInactive, onChange: () => field.onChange(valueInactive), "aria-checked": field.value === valueInactive }), jsx("label", { htmlFor: `${item.name}_off`, style: { textTransform: 'none' }, children: item.label2 ?? 'In Active' }), jsx("span", { className: "slide-button btn", "aria-hidden": "true" })] })) })] }));
+};
+
+export { FormActiveSwitch as default };

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

@@ -0,0 +1,13 @@
+import { FormSectionPropsItem } from '../../utils';
+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: any;
+    initialValues: InitialValues;
+};
+export default useFormValidatingContext;