tp-react-elements 1.1.13 → 1.1.17

package/dist/_virtual/index.esm11.js

@@ -1,3 +1,3 @@
-var DayCell = {};
+var Month = {};
 
-export { DayCell as __exports };
+export { Month as __exports };

package/dist/_virtual/index.esm12.js

@@ -1,3 +1,3 @@
-var DateInput = {};
+var DayCell = {};
 
-export { DateInput as __exports };
+export { DayCell as __exports };

package/dist/_virtual/index.esm13.js

@@ -1,3 +1,3 @@
-var Month = {};
+var DateInput = {};
 
-export { Month as __exports };
+export { DateInput as __exports };

package/dist/_virtual/index.esm4.js

@@ -1,3 +1,3 @@
-var DateRangePicker = {};
+var Calendar = {};
 
-export { DateRangePicker as __exports };
+export { Calendar as __exports };

package/dist/_virtual/index.esm5.js

@@ -1,3 +1,3 @@
-var Calendar = {};
+var DateRange = {};
 
-export { Calendar as __exports };
+export { DateRange as __exports };

package/dist/_virtual/index.esm6.js

@@ -1,3 +1,3 @@
-var DateRange = {};
+var DefinedRange = {};
 
-export { DateRange as __exports };
+export { DefinedRange as __exports };

package/dist/_virtual/index.esm7.js

@@ -1,3 +1,3 @@
-var DefinedRange = {};
+var DateRangePicker = {};
 
-export { DefinedRange as __exports };
+export { DateRangePicker as __exports };

package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.esm.js

@@ -26,6 +26,7 @@ const DatepickerWrapperV2 = ({ props, variant, }) => {
         if (!open) {
             inputTextRef.current?.blur();
         }
+        document.activeElement?.blur();
         setOpen(!open);
     };
     const isError = !!props.errors?.[props.item.name];

package/dist/components/FormComponents/DatePicker/MonthPicker.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import { Controller } from 'react-hook-form';
 import { TextField, FormGroup, FormControlLabel, Checkbox } from '@mui/material';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
@@ -7,7 +7,16 @@ import { LocalizationProvider } from '@mui/x-date-pickers';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 
 const MonthPicker = ({ props }) => {
+    const inputTextRef = useRef(null);
+    const [open, setOpen] = useState(false);
     const [selectedMonths, setSelectedMonths] = useState([]);
+    const handleToggle = () => {
+        if (!open) {
+            inputTextRef.current?.blur();
+        }
+        document.activeElement?.blur();
+        setOpen(!open);
+    };
     const handleMonthChange = (date) => {
         // Handle the selected months
         setSelectedMonths((prevSelectedMonths) => {
@@ -22,12 +31,14 @@ const MonthPicker = ({ props }) => {
             }
         });
     };
-    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: jsx(DatePicker, { value: field.value, onChange: handleMonthChange, slots: {
+    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: jsx(DatePicker, { value: field.value, onChange: handleMonthChange, open: open, onOpen: handleToggle, onClose: handleToggle, slots: {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            textField: (textFieldProps) => (jsx(TextField, { ...textFieldProps, fullWidth: true, disabled: props.item.disable || false, InputLabelProps: {
+                            textField: (textFieldProps) => (jsx(TextField, { ...textFieldProps, fullWidth: true, onClick: () => handleToggle(), inputRef: inputTextRef, disabled: props.item.disable || false, InputLabelProps: {
                                     shrink: true,
                                 }, error: props.errors, inputProps: {
                                     min: props.item.minDate,
+                                    readOnly: true,
+                                    style: { cursor: 'pointer' },
                                 } })),
                         }, slotProps: {
                             textField: {

package/dist/components/FormComponents/DatePicker/Monthpickerrender.esm.js

@@ -26,6 +26,7 @@ const Monthpickerrender = ({ props, variant, }) => {
         if (!open) {
             ref.current?.blur();
         }
+        document.activeElement?.blur();
         setOpen(!open);
     };
     const isError = !!props.errors?.[props.item.name];
@@ -39,6 +40,10 @@ const Monthpickerrender = ({ props, variant, }) => {
                                         onClick: () => handleToggle(),
                                         inputRef: ref,
                                         error: isShowBorderError,
+                                        inputProps: {
+                                            readOnly: true,
+                                            style: { cursor: 'pointer' },
+                                        },
                                     },
                                 }, disableOpenPicker: props.item.disable, open: open, onOpen: handleToggle, onClose: handleToggle, defaultValue: field.value, onChange: (date) => {
                                     const formatted = dayjs(date).format('MM/YYYY');

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

@@ -87,7 +87,7 @@ const FormNumberField = ({ props, variant }) => {
                                 '& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root,.css-kichxs-MuiFormLabel-root-MuiInputLabel-root': {
                                     top: '-10px',
                                 },
-                            }, 
+                            }, placeholder: props.item.placeholder || '', 
                             /**
                              * Additional input properties for the TextField
                              * Controls input pattern, length restrictions, and additional input handling

package/dist/components/FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js

@@ -33,7 +33,7 @@ const FormNumberFieldDecimal = ({ props, variant, }) => {
                         '& .css-16hdwvj,.css-1idq7r3-MuiFormLabel-root-MuiInputLabel-root': {
                             top: '-5px',
                         },
-                    }, onBlur: (e) => {
+                    }, placeholder: props.item.placeholder || '', onBlur: (e) => {
                         props?.item?.onBlurFn && props?.item?.onBlurFn(e);
                     }, InputProps: {
                         inputProps: {

package/dist/node_modules/react-date-range/dist/components/Calendar/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Calendar } from '../../../../../_virtual/index.esm5.js';
+import { __exports as Calendar } from '../../../../../_virtual/index.esm4.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDayCell } from '../DayCell/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateInput/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateInput } from '../../../../../_virtual/index.esm12.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm13.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireClassnames } from '../../../../classnames/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRange } from '../../../../../_virtual/index.esm6.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm5.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireCalendar } from '../Calendar/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DateRangePicker/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm4.js';
+import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm7.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDateRange } from '../DateRange/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DayCell/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DayCell } from '../../../../../_virtual/index.esm11.js';
+import { __exports as DayCell } from '../../../../../_virtual/index.esm12.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireClassnames } from '../../../../classnames/index.esm.js';

package/dist/node_modules/react-date-range/dist/components/DefinedRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DefinedRange } from '../../../../../_virtual/index.esm7.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm6.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireStyles } from '../../styles.esm.js';

package/dist/node_modules/react-date-range/dist/components/Month/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Month } from '../../../../../_virtual/index.esm13.js';
+import { __exports as Month } from '../../../../../_virtual/index.esm11.js';
 import require$$0__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDayCell } from '../DayCell/index.esm.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements",
-  "version": "1.1.13",
+  "version": "1.1.17",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",