tp-react-elements-dev 1.12.24 → 1.12.26

package/dist/components/FormComponents/Select/SingleSelect.esm.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Autocomplete, TextField } from '@mui/material';
+import { useWatch, Controller } from 'react-hook-form';
+import FormBottomField from '../FormBottomField/FormBottomField.esm.js';
+import 'dayjs';
+import { renderLabel } from '../../../utils/Constants/FormConstants.esm.js';
+
+const SingleSelect = ({ props, variant }) => {
+    const isError = !!props.errors?.[props.item.name];
+    const watchedValue = useWatch({ control: props.control, name: props.item.name });
+    const isShowBorderError = isError && !watchedValue;
+    const currentValue = watchedValue;
+    const value = currentValue
+        ? props.item.options?.find((item) => item.value === currentValue)
+        : null;
+    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ...field, id: `${props.item.name}-autocomplete`, value: value, onChange: (_, newValue) => {
+                        props.setValue(props?.item?.name, newValue?.value);
+                        props?.item?.onChangeFn && props?.item?.onChangeFn(newValue?.value);
+                        props?.clearErrors && props?.clearErrors(props?.item?.name);
+                    }, onBlur: (e) => {
+                        props?.item?.onBlurFn && props?.item?.onBlurFn(e);
+                    }, size: "small", sx: {
+                        '& .MuiAutocomplete-input': {
+                            padding: '0px 0px 0px 5px !important',
+                        },
+                        '& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root,.css-8edmr2-MuiFormLabel-root-MuiInputLabel-root': {
+                            top: '-3px',
+                        },
+                        // Note: Options are rendered in a portal; keep this as a fallback only
+                        '& .MuiAutocomplete-option': {
+                            fontSize: '11px',
+                            zIndex: 2000,
+                        },
+                        ...props.item.sx,
+                    }, ListboxProps: {
+                        onScroll: (event) => {
+                            const listboxNode = event.currentTarget;
+                            if (listboxNode.scrollTop + listboxNode.clientHeight === listboxNode.scrollHeight) ;
+                        },
+                    }, disabled: props.item.disable, options: props.item.options || [], slotProps: {
+                        popper: {
+                            sx: {
+                                zIndex: 1401,
+                            },
+                        },
+                        listbox: {
+                            sx: {
+                                fontSize: '11px',
+                            },
+                        },
+                    }, renderInput: (params) => (jsx(TextField, { ...params, placeholder: props.item.placeholder, error: isShowBorderError, label: variant !== 'standard'
+                            ? `${props.item.label}${props.item.required ? ' *' : ''}`
+                            : '', inputProps: {
+                            ...params.inputProps,
+                            'aria-labelledby': `${props.item.name}-label`,
+                            'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
+                            'aria-required': props.item.required ? true : undefined,
+                        } })) }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
+};
+
+export { SingleSelect as default };

package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.d.ts

@@ -1,7 +1,6 @@
-import { FormRenderProps, VariantProps } from "../../../lib/Interface/FormInterface";
+import { FormRenderProps, VariantProps } from '../../../utils';
 declare const SingleSelectNonAutoComplete: ({ props, variant, }: {
     props: FormRenderProps;
     variant: VariantProps;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectNonAutoComplete;
-//# sourceMappingURL=SingleSelectNonAutoComplete.d.ts.map

package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.esm.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormControl, InputLabel, Select, MenuItem } from '@mui/material';
+import { useWatch } from 'react-hook-form';
+import FormBottomField from '../FormBottomField/FormBottomField.esm.js';
+import 'dayjs';
+import { renderLabel } from '../../../utils/Constants/FormConstants.esm.js';
+
+const SingleSelectNonAutoComplete = ({ props, variant, }) => {
+    const isError = !!props.errors?.[props.item.name];
+    const isShowBorderError = isError;
+    const value = useWatch({ control: props.control, name: props.item.name });
+    return (jsxs(FormControl, { fullWidth: true, sx: {
+            position: 'relative',
+            '& .MuiFormLabel-root': {
+                top: -10,
+            },
+            '& .MuiInputLabel-shrink': {
+                top: 0,
+            },
+        }, children: [renderLabel(variant, props), variant !== 'standard' && (jsx(InputLabel, { error: isShowBorderError, id: `${props.item.name}-labelId`, children: props.item.label })), jsx(Select, { labelId: `${props.item.name}-labelId`, id: `${props.item.name}-select`, value: value, label: variant !== 'standard' ? `${props.item.label}${props.item.required ? ' *' : ''}` : '', onChange: (e) => props.setValue(props.item.name, e.target.value), onBlur: (e) => {
+                    props?.item?.onBlurFn && props?.item?.onBlurFn(e);
+                }, error: isShowBorderError, inputProps: {
+                    'aria-labelledby': `${props.item.name}-label`,
+                    'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
+                    'aria-required': props.item.required ? true : undefined,
+                }, children: (props.item.options || []).map((item) => (jsx(MenuItem, { sx: {
+                        fontSize: '11px', // Adjust the font size as needed
+                        zIndex: 2000,
+                    }, value: item.value, children: item.label }, item.value))) }), jsx(FormBottomField, { ...props })] }, props.item.name));
+};
+
+export { SingleSelectNonAutoComplete as default };

package/dist/components/FormComponents/Select/SingleSelectSearchApi.d.ts

@@ -1,3 +1,2 @@
-declare const SingleSelectSearchApi: () => import("react/jsx-runtime").JSX.Element;
-export default SingleSelectSearchApi;
-//# sourceMappingURL=SingleSelectSearchApi.d.ts.map
+declare const _default: never;
+export default _default;

package/dist/components/FormComponents/Select/{SingleSelectSearchApi.js → SingleSelectSearchApi.esm.js}

@@ -1,5 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
-
 // import { ErrorMessage } from "@hookform/error-message";
 // import {
 //   Autocomplete,
@@ -197,8 +195,6 @@ import { jsx } from 'react/jsx-runtime';
 //   );
 // };
 // export default SingleSelectSearchApi;
-const SingleSelectSearchApi = () => {
-    return jsx("div", { children: "SingleSelectSearchApi" });
-};
+var undefined$1 = undefined;
 
-export { SingleSelectSearchApi as default };
+export { undefined$1 as default };

package/dist/components/FormComponents/TimePicker/TimePicker.d.ts

@@ -1,6 +1,5 @@
-import { FormRenderProps, VariantProps } from "../../../lib/Interface/FormInterface";
+import { FormRenderProps, VariantProps } from '../../../utils';
 export default function TimePickerFieldWrapper({ props, variant, }: {
     props: FormRenderProps;
     variant: VariantProps;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TimePicker.d.ts.map

package/dist/components/FormComponents/TimePicker/TimePicker.esm.js

@@ -0,0 +1,70 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { ErrorMessage } from '@hookform/error-message';
+import { useState, useEffect } from 'react';
+import { getTimePicker } from '../../../utils/Constants/date-pickers.esm.js';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { useWatch, Controller } from 'react-hook-form';
+import { ErrorMessageComponent } from '../../Form/Form.styles.esm.js';
+import 'dayjs';
+import { renderLabel, parseCustomTime, formatDayjsToCustomTime } from '../../../utils/Constants/FormConstants.esm.js';
+
+function TimePickerFieldWrapper({ props, variant, }) {
+    const [TimePicker, setTimePicker] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    useEffect(() => {
+        const loadComponents = async () => {
+            setIsLoading(true);
+            const [timePicker] = await Promise.all([getTimePicker()]);
+            setTimePicker(timePicker);
+            setIsLoading(false);
+        };
+        loadComponents();
+    }, []);
+    const value = useWatch({ control: props.control, name: props.item.name });
+    const isError = !!props.errors?.[props.item.name];
+    const isShowBorderError = isError;
+    if (isLoading) {
+        return jsx("div", { style: { minHeight: '36px' }, children: "Loading..." });
+    }
+    return (jsx(Fragment, { children: TimePicker && (jsxs(LocalizationProvider, { dateAdapter: AdapterDayjs, children: [jsx(Controller, { name: props.item.name, control: props.control, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(TimePicker, { ...field, value: value ? parseCustomTime(value) : null, onChange: (newTime) => {
+                                    const parsedTime = parseCustomTime(formatDayjsToCustomTime(newTime));
+                                    const min = props.item.minTime ? parseCustomTime(props.item.minTime) : null;
+                                    const max = props.item.maxTime ? parseCustomTime(props.item.maxTime) : null;
+                                    let finalTime = parsedTime;
+                                    if (min && parsedTime?.isBefore(min)) {
+                                        finalTime = min;
+                                    }
+                                    else if (max && parsedTime?.isAfter(max)) {
+                                        finalTime = max;
+                                    }
+                                    const formatted = formatDayjsToCustomTime(finalTime);
+                                    props.setValue(props.item.name, formatted);
+                                    props.item.onChangeFn && props.item.onChangeFn(formatted);
+                                }, minTime: props.item.minTime
+                                    ? parseCustomTime(props.item.minTime) || undefined
+                                    : undefined, maxTime: props.item.maxTime
+                                    ? parseCustomTime(props.item.maxTime) || undefined
+                                    : undefined, label: props.variant === 'standard' ? '' : props.item.label, disabled: props.item.disable, slotProps: {
+                                    textField: {
+                                        size: 'small',
+                                        error: isShowBorderError,
+                                        inputProps: {
+                                            readOnly: true,
+                                            'aria-labelledby': `${props.item.name}-label`,
+                                            'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
+                                            'aria-required': props.item.required ? true : undefined,
+                                        },
+                                        sx: {
+                                            '& .MuiFormLabel-root': {
+                                                top: -3,
+                                            },
+                                            '& .MuiInputLabel-shrink': {
+                                                top: 0,
+                                            },
+                                        },
+                                    },
+                                } })] })) }), jsx(ErrorMessageComponent, { children: jsx(ErrorMessage, { errors: props.errors, name: props.item.name }) })] })) }));
+}
+
+export { TimePickerFieldWrapper as default };

package/dist/components/FormComponents/YearPickerField/YearPickerField.d.ts

@@ -1,3 +1,2 @@
-declare const YearPickerField: () => import("react/jsx-runtime").JSX.Element;
-export default YearPickerField;
-//# sourceMappingURL=YearPickerField.d.ts.map
+declare const _default: never;
+export default _default;

package/dist/components/FormComponents/YearPickerField/{YearPickerField.js → YearPickerField.esm.js}

@@ -1,5 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
-
 // import FormBottomField from "../FormBottomField/FormBottomField";
 // import { Box, TextField } from "@mui/material";
 // import { LocalizationProvider } from "@mui/x-date-pickers";
@@ -75,8 +73,6 @@ import { jsx } from 'react/jsx-runtime';
 //   );
 // };
 // export default YearPickerField;
-const YearPickerField = () => {
-    return jsx("div", { children: "YearPickerField" });
-};
+var undefined$1 = undefined;
 
-export { YearPickerField as default };
+export { undefined$1 as default };

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

@@ -1,25 +1,16 @@
-export { default as FormNumberField } from "./FormNumberField/FormNumberField";
-export { default as FormNumberFieldDecimal } from "./FormNumberField/FormNumberFieldDecimal";
-export { default as FormTextAreaField } from "./FormTextAreaField/FormTextAreaField";
-export { default as FormTextField } from "./FormTextField/FormTextField";
-export { default as PasswordField } from "./PasswordField/PasswordField";
-export { default as MultiSelectV1 } from "./Select/MultiSelectv1";
-export { default as SingleSelect } from "./Select/SingleSelect";
-export { default as SingleSelectNonAutoComplete } from "./Select/SingleSelectNonAutoComplete";
-export { default as SingleSelectSearchApi } from "./Select/SingleSelectSearchApi";
-export { default as FormCheckBox } from "./FormCheckBox/FormCheckBox";
-export { default as FormCheckBoxGroup } from "./FormCheckBoxGroup/FormCheckBoxGroup";
-export { default as FormRadioGroup } from "./FormRadioGroup/FormRadioGroup";
-export { default as DatepickerWrapperV2 } from "./DatePicker/DatepickerWrapperV2";
-export { default as MonthPicker } from "./DatePicker/MonthPicker";
-export { default as Monthpickerrender } from "./DatePicker/Monthpickerrender";
-export { default as TimePicker } from "./TimePicker/TimePicker";
-export { default as YearPickerField } from "./YearPickerField/YearPickerField";
-export { default as FormRenderFileUpload } from "./FileUpload/FormRenderFileUpload";
-export { default as FormRenderMultiFileUpload } from "./FileUpload/FormRenderMultiFileUpload";
-export { default as RichTextEditor } from "./RichTextEditor/RichTextEditor";
-export { default as RichTextEditorWrapper } from "./RichTextEditor/RichTextEditorWrapper";
-export { default as FormBottomField } from "./FormBottomField/FormBottomField";
-export { default as FormErrorField } from "./FormErrorField/FormErrorField";
-export { default as HelperText } from "./HelperText/HelperText";
-//# sourceMappingURL=index.d.ts.map
+export { FormNumberField, FormNumberFieldDecimal } from '../NumberField';
+export { FormTextAreaField } from '../TextAreaField';
+export { FormTextField } from '../TextField';
+export { PasswordField } from '../PasswordField';
+export { FormCheckBox } from '../CheckBox';
+export { default as SingleSelect } from './Select/SingleSelect';
+export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete';
+export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi';
+export { default as MultiSelectV1 } from './Select/MultiSelectv1';
+export { FormCheckBoxGroup } from '../CheckBoxGroup';
+export { FormRadioGroup } from '../RadioGroup';
+export { DatepickerWrapperV2, MonthPicker, Monthpickerrender, YearPickerField, } from '../DatePicker';
+export { TimePicker } from '../TimePicker';
+export { FormRenderFileUpload, FormRenderMultiFileUpload } from '../FileUpload';
+export { RichTextEditor, RichTextEditorWrapper } from '../RichTextEditor';
+export { FormBottomField, FormErrorField, HelperText } from '../Feedback';

package/dist/components/FormComponents/{index.js → index.esm.js}

@@ -1,26 +1,24 @@
-export { default as FormNumberField } from './FormNumberField/FormNumberField.js';
-export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.js';
-export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.js';
-export { default as FormTextField } from './FormTextField/FormTextField.js';
-export { default as PasswordField } from './PasswordField/PasswordField.js';
-export { default as MultiSelectV1 } from './Select/MultiSelectv1.js';
-export { default as SingleSelect } from './Select/SingleSelect.js';
-export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.js';
-export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.js';
-export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.js';
-export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.js';
-export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.js';
-export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.js';
-export { default as MonthPicker } from './DatePicker/MonthPicker.js';
-export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.js';
-export { default as TimePicker } from './TimePicker/TimePicker.js';
-export { default as YearPickerField } from './YearPickerField/YearPickerField.js';
-export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.js';
-export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.js';
-export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.js';
-export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.js';
-export { default as FormBottomField } from './FormBottomField/FormBottomField.js';
-export { default as FormErrorField } from './FormErrorField/FormErrorField.js';
-export { default as HelperText } from './HelperText/HelperText.js';
-
-// Form Input Components - Individual form field components for advanced usage
+export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
+export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
+export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
+export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
+export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
+export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
+export { default as SingleSelect } from './Select/SingleSelect.esm.js';
+export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
+export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
+export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
+export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
+export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
+export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
+export { default as MonthPicker } from './DatePicker/MonthPicker.esm.js';
+export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
+export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
+export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
+export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
+export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
+export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
+export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
+export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
+export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
+export { default as HelperText } from './HelperText/HelperText.esm.js';

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

@@ -1,23 +1,8 @@
-export declare const AddButtonFloat: 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 SubmitButton: 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 CancelButton: 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 SaveAsDraftButton: 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 PageHeader: 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 AddButtonFloat: 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 SubmitButton: 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 CancelButton: 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 SaveAsDraftButton: 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 PageHeader: 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 ReportsItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const DialogContainer: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const DialogTitleWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").DialogTitleOwnProps & 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;
-}, {}, {}>;
-//# sourceMappingURL=Global.styles.d.ts.map
+export declare const DialogContainer: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DialogTitleWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").DialogTitleOwnProps & 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>, {}, {}>;

package/dist/components/{Global.styles.js → Global.styles.esm.js}

@@ -1,4 +1,4 @@
-import styled from '@emotion/styled';
+import { styled } from '@mui/material/styles';
 import { Button, Typography, Grid, Dialog, DialogTitle } from '@mui/material';
 
 styled(Button) `
@@ -39,7 +39,7 @@ const SaveAsDraftButton = styled(Button) `
 `;
 styled(Typography) ``;
 styled(Grid, {
-    shouldForwardProp: (prop) => prop !== "isActive" && prop !== "noOfColumn",
+    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'noOfColumn',
 }) `
   flex-direction: column;
   margin-bottom: 8px;

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

@@ -1,12 +1,3 @@
-export interface ConfirmationDialogProps {
-    openConfirmDialog: boolean;
-    handleCancel: () => void;
-    onClickSubmit: () => void;
-    text: string;
-    Submit?: string;
-    Cancel?: string;
-    buttonStyleProps?: any;
-}
-declare const ConfirmationDialog: ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit, Cancel, buttonStyleProps, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
+import { ConfirmationDialogProps } from '../../utils/Interface/ModalInterface';
+declare const ConfirmationDialog: ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit, Cancel, title, sx, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmationDialog;
-//# sourceMappingURL=ConfirmationDialog.d.ts.map

package/dist/components/ModalField/ConfirmationDialog.esm.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, Slide, DialogTitle, DialogContent, Typography, Grid, DialogActions, Button } from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
+import { SubmitButton } from '../Global.styles.esm.js';
+
+const ConfirmationDialog = ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit = 'Submit', Cancel = 'Cancel', title = 'Confirmation Dailog', sx = {}, }) => {
+    return (jsxs(Dialog, { open: openConfirmDialog, TransitionComponent: Slide, fullWidth: true, sx: {
+            position: 'fixed',
+            top: '10%',
+            left: 0,
+            right: 0,
+            bottom: 'auto',
+            '& .css-tlc64q-MuiPaper-root-MuiDialog-paper,.css-mbdu2s': {
+                maxWidth: '500px',
+            },
+            zIndex: 40,
+            ...sx,
+        }, "aria-labelledby": "draggable-dialog-title", children: [jsxs(DialogTitle, { sx: {
+                    // background: theme.palette.primary.main,
+                    // color: "#fff",
+                    padding: '8px 16px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    fontSize: '14px',
+                    cursor: 'move',
+                    borderBottom: '1px solid rgb(229 231 235 / 1)',
+                }, children: [jsx("span", { children: title }), jsx(CloseIcon, { sx: { cursor: 'pointer' }, onClick: () => handleCancel() })] }), jsxs(DialogContent, { style: { paddingTop: '20px', paddingBottom: 0 }, sx: {
+                    '& .pt-0': {
+                        paddingTop: 0,
+                    },
+                }, children: [jsx(Typography, { children: text }), jsx(Grid, { container: true, gap: 3 })] }), jsx(DialogActions, { sx: { borderTop: '1px solid #e0e0e0', marginTop: 3 }, children: jsxs("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'flex-end',
+                        gap: '8px',
+                    }, children: [jsx(SubmitButton, { variant: "contained", size: "small", type: "submit", onClick: () => onClickSubmit(), children: Submit }), jsx(Button, { variant: "text", 
+                            // color="error"
+                            size: "small", sx: {
+                                textTransform: 'none',
+                                color: '#000',
+                                background: '#ececee',
+                                ':hover': { background: '#0009', color: '#fff' },
+                            }, onClick: () => handleCancel(), children: Cancel })] }) })] }));
+};
+
+export { ConfirmationDialog as default };

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

@@ -6,8 +6,8 @@ interface ViewModal {
     handleSaveButton?: () => void;
     content: React.ReactNode;
     width?: string;
-    Transition?: "Slide" | "";
-    Type?: "Submit" | "";
+    Transition?: 'Slide' | '';
+    Type?: 'Submit' | '';
     styles?: any;
     SubmitButtonName?: string;
     saveButton?: boolean;
@@ -15,4 +15,3 @@ interface ViewModal {
 }
 declare const ModalField: ({ name, openModal, handleCancel, content, width, Transition, handleSubmit, styles, saveButton: isSaveButton, submitButton, handleSaveButton, SubmitButtonName, }: ViewModal) => import("react/jsx-runtime").JSX.Element;
 export default ModalField;
-//# sourceMappingURL=ModalField.d.ts.map

package/dist/components/ModalField/{ModalField.js → ModalField.esm.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import CloseIcon from '@mui/icons-material/Close';
 import { DialogContent, DialogActions, Slide } from '@mui/material';
-import { DialogContainer, DialogTitleWrapper, SaveAsDraftButton, SubmitButton, CancelButton } from '../Global.styles.js';
+import { DialogContainer, DialogTitleWrapper, SaveAsDraftButton, SubmitButton, CancelButton } from '../Global.styles.esm.js';
 
-const ModalField = ({ name, openModal, handleCancel, content, width = "900px", Transition = "", handleSubmit, styles = {}, saveButton: isSaveButton = false, submitButton = true, handleSaveButton = () => null, SubmitButtonName = "Submit", }) => {
+const ModalField = ({ name, openModal, handleCancel, content, width = '900px', Transition = '', handleSubmit, styles = {}, saveButton: isSaveButton = false, submitButton = true, handleSaveButton = () => null, SubmitButtonName = 'Submit', }) => {
     const TransitionComponent = () => {
         switch (Transition) {
-            case "Slide":
+            case 'Slide':
                 return Slide;
             default:
                 return undefined;
@@ -14,18 +14,18 @@ const ModalField = ({ name, openModal, handleCancel, content, width = "900px", T
     };
     return (jsxs(DialogContainer, { open: openModal, TransitionComponent: TransitionComponent(), fullWidth: true, "aria-labelledby": "draggable-dialog-title", sx: {
             zIndex: 20,
-            "& .css-tlc64q-MuiPaper-root-MuiDialog-paper,.css-mbdu2s": {
+            '& .css-tlc64q-MuiPaper-root-MuiDialog-paper,.css-mbdu2s': {
                 maxWidth: width,
             },
             ...styles,
-        }, children: [jsxs(DialogTitleWrapper, { children: [jsx("span", { children: name }), jsx(CloseIcon, { sx: { cursor: "pointer" }, onClick: () => handleCancel() })] }), jsx(DialogContent, { style: { paddingTop: "20px", paddingBottom: 0 }, sx: {
-                    "& .pt-0": {
+        }, children: [jsxs(DialogTitleWrapper, { children: [jsx("span", { children: name }), jsx(CloseIcon, { sx: { cursor: 'pointer' }, onClick: () => handleCancel() })] }), jsx(DialogContent, { style: { paddingTop: '20px', paddingBottom: 0 }, sx: {
+                    '& .pt-0': {
                         paddingTop: 0,
                     },
-                }, children: content }), jsx(DialogActions, { sx: { borderTop: "1px solid #e0e0e0", marginTop: 3 }, children: jsxs("div", { style: {
-                        display: "flex",
-                        justifyContent: "flex-end",
-                        gap: "8px",
+                }, children: content }), jsx(DialogActions, { sx: { borderTop: '1px solid #e0e0e0', marginTop: 3 }, children: jsxs("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'flex-end',
+                        gap: '8px',
                     }, children: [isSaveButton && (jsx(SaveAsDraftButton, { variant: "contained", size: "small", onClick: () => handleSaveButton(), children: "Save" })), submitButton && (jsx(SubmitButton, { variant: "contained", size: "small", onClick: () => handleSubmit(), children: SubmitButtonName })), jsx(CancelButton, { variant: "text", size: "small", onClick: () => handleCancel(), children: "Cancel" })] }) })] }));
 };
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+export { default as SingleSelect } from '../FormComponents/Select/SingleSelect';
+export { default as SingleSelectNonAutoComplete } from '../FormComponents/Select/SingleSelectNonAutoComplete';
+export { default as SingleSelectSearchApi } from '../FormComponents/Select/SingleSelectSearchApi';
+export { default as MultiSelectV1 } from '../FormComponents/Select/MultiSelectv1';
+declare const _default: {};
+export default _default;