tp-react-elements-dev 1.12.24 → 1.12.26

package/dist/auth/authContext.esm.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
+
+const AuthContext = createContext(undefined);
+const TPElementsProvider = ({ children, projectTheme }) => {
+    const [isAuthenticated] = useState(false);
+    const [user] = useState(null);
+    const [isLoading] = useState(false);
+    const [error] = useState(null);
+    return (jsx(AuthContext.Provider, { value: {
+            isAuthenticated,
+            user,
+            isLoading,
+            error,
+            projectTheme,
+        }, children: children }));
+};
+const useAuth = () => {
+    const context = useContext(AuthContext);
+    if (!context) {
+        throw new Error('Make sure your component tree is wrapped with <TPElementsProvider>');
+    }
+    return context;
+};
+
+export { TPElementsProvider, useAuth };

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import { ProjectThemePropsTp } from '../../utils/Interface/MainInterface';
+type ButtonNames = ProjectThemePropsTp['Styles']['Component']['TPButton'][number]['name'] | '';
+interface ButtonStyledProps {
+    name: ButtonNames;
+}
+declare const ButtonStyled: ({ name }: ButtonStyledProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonStyled;

package/dist/components/Button/Button.esm.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { useAuth } from '../../auth/authContext.esm.js';
+import { Button } from '@mui/material';
+
+const ButtonStyled = ({ name }) => {
+    const { projectTheme } = useAuth();
+    const ButtonConfig = projectTheme?.Styles.Component.TPButton.find((item) => item.name === name);
+    return (jsx(Button, { sx: { ...projectTheme?.Styles.Component.TPButtonCommonSx }, onClick: () => {
+            if (ButtonConfig?.isEnableConfirmDialog) {
+                alert('Congirm');
+            }
+        }, children: name }));
+};
+
+export { ButtonStyled as default };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export { default as DatepickerWrapperV2 } from '../FormComponents/DatePicker/DatepickerWrapperV2';
+export { default as MonthPicker } from '../FormComponents/DatePicker/MonthPicker';
+export { default as Monthpickerrender } from '../FormComponents/DatePicker/Monthpickerrender';
+export { default as YearPickerField } from '../FormComponents/YearPickerField/YearPickerField';

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

@@ -0,0 +1,4 @@
+export { default as DatepickerWrapperV2 } from '../FormComponents/DatePicker/DatepickerWrapperV2.esm.js';
+export { default as MonthPicker } from '../FormComponents/DatePicker/MonthPicker.esm.js';
+export { default as Monthpickerrender } from '../FormComponents/DatePicker/Monthpickerrender.esm.js';
+export { default as YearPickerField } from '../FormComponents/YearPickerField/YearPickerField.esm.js';

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

@@ -5,4 +5,3 @@ export interface DeleteFieldProps {
 }
 declare const DeleteField: ({ onClickFn, tooltip, text }: DeleteFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default DeleteField;
-//# sourceMappingURL=DeleteField.d.ts.map

package/dist/components/DeleteComponent/{DeleteField.js → DeleteField.esm.js}

@@ -1,20 +1,20 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Tooltip, Grid, Typography } from '@mui/material';
-import ConfirmationDialog from '../ModalField/ConfirmationDialog.js';
+import ConfirmationDialog from '../ModalField/ConfirmationDialog.esm.js';
 import { useState } from 'react';
 
-const DeleteField = ({ onClickFn, tooltip = "Delete", text }) => {
+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: () => {
+    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: "red",
-                            marginTop: "10px",
+                            fontSize: '11px',
+                            color: 'var(--mui-palette-error-main, #B3261E)',
+                            marginTop: '10px',
                         } }) }) }), jsx(ConfirmationDialog, { openConfirmDialog: openDialog, handleCancel: handleCancel, onClickSubmit: () => {
                     handleCancel();
                     onClickFn();

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,2 @@
+export { default as FormRenderFileUpload } from '../FormComponents/FileUpload/FormRenderFileUpload';
+export { default as FormRenderMultiFileUpload } from '../FormComponents/FileUpload/FormRenderMultiFileUpload';

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

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

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

@@ -3,33 +3,15 @@ export declare const FormContainer: import("@emotion/styled").StyledComponent<an
 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>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & {
-    theme?: import("@emotion/react").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>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & {
-    theme?: import("@emotion/react").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<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>, "sx" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | keyof import("@mui/material").GridBaseProps> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const ImportantMark: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").SVGTextElementAttributes<SVGTextElement>, {}>;
+} & 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> & {
-    theme?: import("@emotion/react").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" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "disableGutters" | "dense" | "divider"> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+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>, "p" | "style" | "className" | "classes" | "children" | "sx" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const ArrowDown: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").SVGProps<SVGSVGElement>, "style" | "className" | "classes" | "children" | "sx" | "color" | "fontSize" | "shapeRendering" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-//# sourceMappingURL=Form.styles.d.ts.map
+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

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

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

@@ -1,5 +1,5 @@
-import * as Yup from "yup";
-import { FormSectionPropsItem } from "@/lib/Interface/FormInterface";
+import { FormSectionPropsItem } from '../../utils';
+import * as Yup from 'yup';
 export interface InitialValues {
     [key: string]: string | number | null | boolean;
 }
@@ -11,4 +11,3 @@ declare const useFormValidatingContext: (formArray: FormSectionPropsItem[]) => {
     initialValues: InitialValues;
 };
 export default useFormValidatingContext;
-//# sourceMappingURL=FormConstants.d.ts.map