tp-react-elements 1.0.0

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

@@ -0,0 +1,79 @@
+import { styled } from '@mui/material/styles';
+import { Button, Typography, Grid, Dialog, DialogTitle } from '@mui/material';
+
+styled(Button) `
+  border: 0;
+  color: #fff;
+  position: absolute;
+  text-align: center;
+  padding: 5px 12px;
+  font-size: 13px;
+  height: 30px;
+  right: -38px;
+  text-transform: none;
+  z-index: 2;
+  border-radius: 10px 0px 0px 10px;
+  &:hover {
+    right: 0px;
+  }
+`;
+const SubmitButton = styled(Button) `
+  text-transform: none;
+`;
+const CancelButton = styled(Button) `
+  text-transform: none;
+  color: #000;
+  background: #ececee;
+  &:hover {
+    background: #0009;
+    color: #fff;
+  }
+`;
+const SaveAsDraftButton = styled(Button) `
+  text-transform: none;
+  font-size: 12px;
+  background: orange;
+  &:hover {
+    background: orange;
+  }
+`;
+styled(Typography) ``;
+styled(Grid, {
+    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'noOfColumn',
+}) `
+  flex-direction: column;
+  margin-bottom: 8px;
+  min-width: 10%;
+  padding-left: 0px;
+  z-index: 2;
+  padding-right: 0px;
+  border: 1px solid #0003;
+  font-size: 12px;
+  padding: 6px;
+  text-align: center;
+  &:hover {
+    cursor: pointer;
+  }
+`;
+const DialogContainer = styled(Dialog) `
+  position: fixed;
+  top: -16px;
+  left: 0;
+  right: 0;
+  bottom: auto;
+  & .css-tlc64q-MuiPaper-root-MuiDialog-paper,
+  .css-mbdu2s {
+    max-width: 900px;
+  }
+`;
+const DialogTitleWrapper = styled(DialogTitle) `
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  cursor: move;
+  border-bottom: 1px solid rgb(229 231 235 / 1);
+`;
+
+export { CancelButton, DialogContainer, DialogTitleWrapper, SaveAsDraftButton, SubmitButton };

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

@@ -0,0 +1,3 @@
+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;

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

@@ -0,0 +1,17 @@
+interface ViewModal {
+    openModal: boolean;
+    name: string;
+    handleSubmit: () => void;
+    handleCancel: () => void;
+    handleSaveButton?: () => void;
+    content: React.ReactNode;
+    width?: string;
+    Transition?: 'Slide' | '';
+    Type?: 'Submit' | '';
+    styles?: any;
+    SubmitButtonName?: string;
+    saveButton?: boolean;
+    submitButton?: boolean;
+}
+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;

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

@@ -0,0 +1,32 @@
+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.esm.js';
+
+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':
+                return Slide;
+            default:
+                return undefined;
+        }
+    };
+    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': {
+                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': {
+                        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: [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" })] }) })] }));
+};
+
+export { ModalField as default };

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;

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

@@ -0,0 +1,8 @@
+export { default as SingleSelect } from '../FormComponents/Select/SingleSelect.esm.js';
+export { default as SingleSelectNonAutoComplete } from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
+export { default as SingleSelectSearchApi } from '../FormComponents/Select/SingleSelectSearchApi.esm.js';
+export { default as MultiSelectV1 } from '../FormComponents/Select/MultiSelectv1.esm.js';
+
+var index = {};
+
+export { index as default };

package/dist/components/SelectField/MultiSelectField.d.ts

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

package/dist/components/SelectField/MultiSelectFieldComponent.d.ts

@@ -0,0 +1,11 @@
+interface MultiSelectProps {
+    value: string;
+    options: {
+        value: number | string;
+        label: string;
+    }[];
+    onChangeFn: (e: any) => void;
+    disable?: boolean;
+}
+export default function MultiSelectFieldComponent({ value, options, onChangeFn, disable, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SelectField/MultiSelectFieldComponent.esm.js

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, TextField, Tooltip } from '@mui/material';
+import Checkbox from '@mui/material/Checkbox';
+import FormControl from '@mui/material/FormControl';
+import ListItemText from '@mui/material/ListItemText';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+import * as React from 'react';
+import { useState } from 'react';
+
+const ITEM_HEIGHT = 48;
+const ITEM_PADDING_TOP = 3;
+const MenuProps = {
+    PaperProps: {
+        style: {
+            maxHeight: ITEM_HEIGHT * 5.5 + ITEM_PADDING_TOP,
+        },
+    },
+    autoFocus: false,
+    disableAutoFocusItem: true,
+};
+const extractValuesToArray = (inputString) => {
+    const valuesArray = inputString?.split(',');
+    const trimmedArray = valuesArray?.map((value) => value.trim());
+    return trimmedArray;
+};
+function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false, }) {
+    const [personName, setPersonName] = React.useState(value ? extractValuesToArray(value) : []);
+    const [searchText, setSearchText] = useState('');
+    const [filterOptions, setFilterOptions] = useState(options);
+    const [selectAll, setSelectAll] = useState(false);
+    const textfieldRef = React.useRef(null);
+    const fieldValue = value;
+    const mappedIds = filterOptions.map((item) => item.value);
+    const filterIds = filterOptions.map((item) => item.value);
+    React.useEffect(() => {
+        if (searchText !== '') {
+            setFilterOptions(options.filter((item) => item.label.toLowerCase().includes(searchText.toLowerCase())));
+        }
+        else {
+            setFilterOptions(options);
+        }
+    }, [options, searchText]);
+    function hasExactMatch(array, value) {
+        return array.some((item) => item === value);
+    }
+    React.useEffect(() => {
+        if (fieldValue?.split(',').length !== filterOptions.length) {
+            setSelectAll(false);
+        }
+        else {
+            if (fieldValue?.split(',').every((value) => hasExactMatch(filterIds, value))) {
+                setSelectAll(true);
+            }
+        }
+    }, [filterOptions, fieldValue]);
+    const handleChange = (event) => {
+        const { target: { value }, } = event;
+        setPersonName(typeof value === 'string' ? value?.split(',') : value);
+        onChangeFn((typeof value === 'string' ? value?.split(',') : value).join(','));
+    };
+    const selectedOptions = options.filter((item) => fieldValue?.split(',').some((value) => value === item.value));
+    const selectedValues = selectedOptions.map((item) => item.label).join(' , ');
+    return (jsx(Box, { children: jsx(FormControl, { fullWidth: true, sx: {
+                '& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy': {
+                    top: '-10px',
+                },
+            }, children: jsxs(Select, { labelId: "demo-multiple-checkbox-label", id: "demo-multiple-checkbox", multiple: true, sx: {
+                    '& .MuiTypography-root': {
+                        fontSize: '5px !important',
+                    },
+                }, disabled: disable, value: value ? extractValuesToArray(value) : [], onChange: handleChange, onOpen: () => {
+                    setTimeout(() => {
+                        if (textfieldRef.current) {
+                            textfieldRef.current?.focus();
+                        }
+                    }, 0);
+                }, onClose: () => {
+                    setSearchText('');
+                }, renderValue: () => (jsx(Tooltip, { title: selectedValues, children: jsx("span", { children: selectedOptions.length > 3 ? `${selectedOptions.length} Selected` : selectedValues }) })), MenuProps: MenuProps, autoFocus: false, children: [jsx(Box, { sx: {
+                            width: '100%',
+                            position: 'sticky',
+                            top: '0px',
+                            padding: '7px',
+                            zIndex: 2,
+                            height: '33px',
+                            background: '#fff',
+                            display: options.length === 0 ? 'none' : undefined,
+                        }, children: jsx(TextField, { inputRef: textfieldRef, autoFocus: true, value: searchText, sx: {
+                                width: '100%',
+                            }, placeholder: "Search...", onChange: (e) => {
+                                setSearchText(e.target.value);
+                            }, onKeyDown: (e) => {
+                                if (e.key !== 'Escape') {
+                                    e.stopPropagation();
+                                }
+                            } }) }), jsxs(MenuItem, { disabled: filterOptions.length === 0, sx: { zIndex: 0, fontSize: '5px !important' }, children: [jsx(Checkbox, { size: "small", checked: selectAll, onChange: () => {
+                                    setSelectAll(!selectAll);
+                                    const selectChanged = !selectAll;
+                                    if (!selectChanged) {
+                                        onChangeFn('');
+                                    }
+                                    else {
+                                        const allDataMapped = mappedIds.join(',');
+                                        onChangeFn(allDataMapped);
+                                    }
+                                } }), jsx(ListItemText, { primary: 'Select All', sx: {
+                                    fontSize: '5px !important',
+                                    '& span': {
+                                        fontSize: '12px !important',
+                                    },
+                                } })] }), filterOptions.length !== 0 ? (filterOptions.map((option) => (jsxs(MenuItem, { value: `${option.value}`, sx: { zIndex: 0, fontSize: '11px !important' }, children: [jsx(Checkbox, { checked: fieldValue?.split(',').some((value) => value === option.value), size: "small" }), jsx(ListItemText, { primary: option.label, sx: {
+                                    fontSize: '5px !important',
+                                    '& span': {
+                                        fontSize: '12px !important',
+                                    },
+                                } })] }, option.value)))) : (jsx(MenuItem, { disabled: true, value: 'NA', children: "No data Found" }, 'NA'))] }) }) }));
+}
+
+export { MultiSelectFieldComponent as default };

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

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

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

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

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

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

package/dist/components/SessionTimeOut/SessionTimeOut.esm.js

@@ -0,0 +1,62 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useIdleTimer } from 'react-idle-timer';
+import ConfirmationDialog from '../ModalField/ConfirmationDialog.esm.js';
+
+const secondsToMMSS = (totalSeconds) => {
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = Math.floor(totalSeconds % 60);
+    const formattedMinutes = String(minutes).padStart(2, '0');
+    const formattedSeconds = String(seconds).padStart(2, '0');
+    return `${formattedMinutes}:${formattedSeconds}`;
+};
+const promptBeforeValue = 120000;
+const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName = 'Submit', }) => {
+    const [openConfirmModal, setOpenConfirmModal] = useState(false);
+    const expiryDetails = sessionTime;
+    const providedTimestamp = new Date(expiryDetails).getTime();
+    const currentTimestamp = new Date().getTime();
+    const remainingTime = providedTimestamp - currentTimestamp;
+    const timeout = remainingTime;
+    const promptBeforeIdle = Math.min(promptBeforeValue, timeout - 1000);
+    const [, setRemainingTimeInSeconds] = useState(Math.ceil(timeout / 1000));
+    const [formattedRemainingTime, setFormattedRemainingTime] = useState(secondsToMMSS(Math.ceil(timeout / 1000)));
+    const onIdle = () => {
+        if (sessionTime) {
+            onSessionExpire();
+        }
+    };
+    const handleSubmit = () => {
+        handleSubmitSession();
+        setOpenConfirmModal(false);
+    };
+    const handleCancel = () => {
+        handleSessionCancel();
+        setOpenConfirmModal(false);
+    };
+    const onPrompt = () => {
+        setOpenConfirmModal(true);
+    };
+    const { getRemainingTime } = useIdleTimer({
+        onIdle,
+        onPrompt,
+        promptBeforeIdle,
+        timeout,
+        throttle: 1000, // Adjust throttle to reduce delays
+    });
+    useEffect(() => {
+        const interval = setInterval(() => {
+            const remainingSeconds = Math.ceil(getRemainingTime() / 1000);
+            setRemainingTimeInSeconds(promptBeforeIdle !== promptBeforeValue ? remainingSeconds : 0);
+            const formattedTime = secondsToMMSS(remainingSeconds);
+            setFormattedRemainingTime(promptBeforeIdle !== promptBeforeValue ? formattedTime : '00:00');
+        }, 1000); // Adjust interval to 1000 ms
+        return () => {
+            clearInterval(interval);
+        };
+    }, [promptBeforeIdle, getRemainingTime]);
+    const sessionMessage = `Your session will expire in ${formattedRemainingTime} seconds. Do you want to extend the session?`;
+    return (jsx(Fragment, { children: jsx(ConfirmationDialog, { openConfirmDialog: openConfirmModal, handleCancel: handleCancel, onClickSubmit: handleSubmit, text: sessionMessage, Submit: SubmitButtonName }) }));
+};
+
+export { SessionTimeOut as default };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/TimePickerField/TimePickerField.d.ts

@@ -0,0 +1 @@
+export default function TimePickerField(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimePickerField/TimePickerField.esm.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
+
+function TimePickerField() {
+    return (jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: jsx(DemoContainer, { components: ['TimePicker'], children: jsx(TimePicker, { label: "Basic time picker" }) }) }));
+}
+
+export { TimePickerField as default };

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

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

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

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

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export { default as RenderForm } from './components/Form/FormRenderWrapper';
+export { default as ConfirmationDialog } from './components/ModalField/ConfirmationDialog';
+export { default as ModalField } from './components/ModalField/ModalField';
+export { default as DeleteField } from './components/DeleteComponent/DeleteField';
+export { default as SessionTimeoutField } from './components/SessionTimeOut/SessionTimeOut';
+export { default as useFormValidatingContext } from './components/Form/FormConstants';
+export { TPElementsProvider } from './auth/authContext';
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from './utils';
+export * as Utils from './utils';
+export * as ValidationSchemas from './validation';
+export * as Theme from './theme';
+export type { FormRenderProps } from './utils';
+export type { FormRenderWrapperProps } from './components/Form/FormRenderWrapper';
+export type { FormSectionPropsItem, VariantProps } from './utils';

package/dist/index.esm.css

@@ -0,0 +1 @@
+.m-form__input .prestashop-switch.switch{display:block;height:30px;position:relative;width:160px}.m-form__input .prestashop-switch.switch.stactv{display:block;height:30px;position:relative;width:162px}.prestashop-switch.switch{background-color:#eee;border:1px solid #ccc;border-radius:50px;-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px 1px rgba(0,0,0,.15);color:#333;text-align:center}.prestashop-switch.switch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.m-form__input .prestashop-switch.switch *{outline:0!important}.m-form__input .prestashop-switch.switch input[type=radio]{line-height:normal;margin:4px 0 0;opacity:0;position:absolute}.m-form__input .prestashop-switch.switch label,.m-form__input .prestashop-switch.switch>span{display:inline-block;line-height:30px;max-width:100%;vertical-align:middle}.m-form__input .prestashop-switch.switch label{color:#bbb;cursor:pointer;float:left;font-size:11px;font-weight:400;height:100%;margin:0;position:relative;text-align:center;text-transform:uppercase;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;width:50%;z-index:2}.m-form__input .prestashop-switch.switch input:checked+label{color:#fff}.m-form__input .prestashop-switch.switch .slide-button{background-color:green;border:1px solid green;border-radius:50px;-webkit-box-shadow:inset -1px 0 green;-moz-box-shadow:inset 0 -1px 0 green;box-shadow:inset 0 -1px 0 green;color:#fff;display:block;height:100%;left:0;padding:0;position:absolute;top:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:50%;z-index:1}.m-form__input{align-items:center;display:flex}.m-form__input .prestashop-switch.switch input:last-of-type:checked~.slide-button{background-color:#ec5c29;border:1px solid #fb561c;-webkit-box-shadow:inset 0 -1px 0 #fb561c;-moz-box-shadow:inset 0 -1px 0 #fb561c;box-shadow:inset 0 -1px 0 #fb561c;left:50%}#list-component{background-color:#fff;max-height:200px;overflow:auto!important}#list-component #MuiScrol-listbox{max-height:none!important;overflow:visible}.css-k2lwa0,.css-svpvcz-MuiFormLabel-root-MuiInputLabel-root{background:#fff;font-size:14px!important}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;position:relative;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 2px 0 rgba(35,57,66,.21)}.rdrDateDisplayItem input{background:transparent;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:rgba(0,0,0,.07)}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:transparent #34495e transparent transparent;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:transparent transparent transparent #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:transparent;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:hsla(0,0%,100%,.85)}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:hsla(0,0%,100%,.09);border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:transparent;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrCalendarWrapper .rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#fff!important}

package/dist/index.esm.js

@@ -0,0 +1,14 @@
+export { default as RenderForm } from './components/Form/FormRenderWrapper.esm.js';
+export { default as ConfirmationDialog } from './components/ModalField/ConfirmationDialog.esm.js';
+export { default as ModalField } from './components/ModalField/ModalField.esm.js';
+export { default as DeleteField } from './components/DeleteComponent/DeleteField.esm.js';
+export { default as SessionTimeoutField } from './components/SessionTimeOut/SessionTimeOut.esm.js';
+export { default as useFormValidatingContext } from './components/Form/FormConstants.esm.js';
+export { TPElementsProvider } from './auth/authContext.esm.js';
+import * as index from './utils/index.esm.js';
+export { index as Utils };
+import * as index$1 from './validation/index.esm.js';
+export { index$1 as ValidationSchemas };
+import * as index$2 from './theme/index.esm.js';
+export { index$2 as Theme };
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor } from './utils/Constants/FunctionConstants.esm.js';

package/dist/node_modules/axios/index.esm.js

@@ -0,0 +1,25 @@
+import axios from './lib/axios.esm.js';
+
+// This module is intended to unwrap Axios default export as named.
+// Keep top-level export same with static properties
+// so that it can keep same with es module or cjs
+const {
+  Axios,
+  AxiosError,
+  CanceledError,
+  isCancel,
+  CancelToken,
+  VERSION,
+  all,
+  Cancel,
+  isAxiosError,
+  spread,
+  toFormData,
+  AxiosHeaders,
+  HttpStatusCode,
+  formToJSON,
+  getAdapter,
+  mergeConfig
+} = axios;
+
+export { Axios, AxiosError, AxiosHeaders, Cancel, CancelToken, CanceledError, HttpStatusCode, VERSION, all, axios as default, formToJSON, getAdapter, isAxiosError, isCancel, mergeConfig, spread, toFormData };