tp-react-elements 1.2.7 → 1.2.9

package/dist/_virtual/index.esm10.js

@@ -1,3 +1,3 @@
-var accessibility = {};
+var propTypes = {exports: {}};
 
-export { accessibility as __exports };
+export { propTypes as __module };

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 InputRangeField = {};
+var DateInput = {};
 
-export { InputRangeField as __exports };
+export { DateInput as __exports };

package/dist/_virtual/index.esm13.js

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

package/dist/_virtual/index.esm14.js

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

package/dist/_virtual/index.esm5.js

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

package/dist/_virtual/index.esm7.js

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

package/dist/_virtual/index.esm9.js

@@ -1,3 +1,3 @@
-var propTypes = {exports: {}};
+var accessibility = {};
 
-export { propTypes as __module };
+export { accessibility as __exports };

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

@@ -21,7 +21,7 @@ const FormRenderWrapper = ({ formArray, name = '', numberOfColumns = 3, form, va
      * Maps through the form array and renders each item with appropriate configuration
      */
     return (jsx(FormComponent, { container: true, margin: 'auto', children: formArray.map((item, i) => {
-            return (item.inputType && (jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: item.inputType === 'custom' ? (item.FormElement || jsx(Fragment, {})) : (jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, watch: form.watch, variant: variant, fieldError: fieldError })) }, `${name}_${i}`)));
+            return (item.inputType && (jsx(Formitem, { id: item.id || '', className: item.className || '', container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: item.inputType === 'custom' ? (item.FormElement || jsx(Fragment, {})) : (jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, watch: form.watch, variant: variant, fieldError: fieldError })) }, `${name}_${i}`)));
         }) }));
 };
 /**

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

@@ -46,46 +46,46 @@ const PasswordField = ({ props, variant }) => {
     /**
      * Renders the password field component with visibility toggle
      */
-    return (jsx(Box, { position: 'relative', children: jsx(FormControl, { fullWidth: true, children: jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [jsxs(Box, { sx: { position: 'relative' }, children: [renderLabel(variant, props), jsx(TextField, { size: "small", error: isShowBorderError, type: showPassword ? 'text' : 'password', autoComplete: props.item?.InputProps?.autoComplete || 'off', placeholder: props.item.placeholder || '', ...field, label: label, sx: {
-                                        width: '100%',
-                                        '& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy': {
-                                            top: '-8px',
-                                        },
-                                    }, inputProps: {
-                                        maxLength: props.item.maxLength || 100,
-                                        /**
-                                         * Handles input events
-                                         * Calls custom onInputProps handler if provided
-                                         *
-                                         * @param {any} e - The input event object
-                                         */
-                                        onInput: (e) => {
-                                            props.item.onInputProps && props.item.onInputProps(e);
-                                        },
-                                        /**
-                                         * Handles paste events
-                                         * Prevents paste action if configured
-                                         *
-                                         * @param {React.ClipboardEvent} e - The paste event object
-                                         */
-                                        onPaste: (e) => {
-                                            if (props.item?.doNotAllowPaste) {
-                                                e.preventDefault();
-                                            }
-                                        },
-                                    }, value: field.value || null, disabled: props.item.disable }), jsx(IconButton, { sx: {
-                                        position: 'absolute',
-                                        right: '14px',
-                                        top: variant === 'standard' ? '70%' : '50%',
-                                        transform: 'translateY(-50%)',
-                                        width: '25px',
-                                    }, "aria-label": showPassword ? 'Hide password' : 'Show password', "aria-pressed": showPassword, onClick: handleTogglePasswordVisibility, edge: "end", children: showPassword ? (jsx(Visibility, { sx: {
-                                            fontSize: '12px',
-                                            position: 'absolute',
-                                        } })) : (jsx(VisibilityOff, { sx: {
-                                            fontSize: '12px',
-                                            position: 'absolute',
-                                        } })) })] }), jsx(FormBottomField, { ...props })] })) }) }) }, props.item.name));
+    return (jsx(Box, { position: 'relative', children: jsx(FormControl, { fullWidth: true, children: jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(TextField, { size: "small", error: isShowBorderError, type: showPassword ? 'text' : 'password', autoComplete: props.item?.InputProps?.autoComplete || 'off', placeholder: props.item.placeholder || '', ...field, label: label, sx: {
+                                width: '100%',
+                                '& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy': {
+                                    top: '-8px',
+                                },
+                            }, inputProps: {
+                                maxLength: props.item.maxLength || 100,
+                                /**
+                                 * Handles input events
+                                 * Calls custom onInputProps handler if provided
+                                 *
+                                 * @param {any} e - The input event object
+                                 */
+                                onInput: (e) => {
+                                    props.item.onInputProps && props.item.onInputProps(e);
+                                },
+                                /**
+                                 * Handles paste events
+                                 * Prevents paste action if configured
+                                 *
+                                 * @param {React.ClipboardEvent} e - The paste event object
+                                 */
+                                onPaste: (e) => {
+                                    if (props.item?.doNotAllowPaste) {
+                                        e.preventDefault();
+                                    }
+                                },
+                            }, value: field.value || null, disabled: props.item.disable }), jsx(IconButton, { sx: {
+                                position: 'absolute',
+                                right: '14px',
+                                top: variant === 'standard' ? '65%' : '45%',
+                                transform: 'translateY(-50%)',
+                                width: '25px',
+                            }, "aria-label": showPassword ? 'Hide password' : 'Show password', "aria-pressed": showPassword, onClick: handleTogglePasswordVisibility, edge: "end", children: showPassword ? (jsx(Visibility, { sx: {
+                                    fontSize: '12px',
+                                    position: 'absolute',
+                                } })) : (jsx(VisibilityOff, { sx: {
+                                    fontSize: '12px',
+                                    position: 'absolute',
+                                } })) }), jsx(FormBottomField, { ...props })] })) }) }) }, props.item.name));
 };
 
 export { PasswordField as default };

package/dist/node_modules/prop-types/index.esm.js

@@ -1,4 +1,4 @@
-import { __module as propTypes } from '../../_virtual/index.esm9.js';
+import { __module as propTypes } from '../../_virtual/index.esm10.js';
 import { __require as requireReactIs } from './node_modules/react-is/index.esm.js';
 import { __require as requireFactoryWithTypeCheckers } from './factoryWithTypeCheckers.esm.js';
 import { __require as requireFactoryWithThrowingShims } from './factoryWithThrowingShims.esm.js';

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

@@ -1,4 +1,4 @@
-import { __exports as accessibility } from '../../../../_virtual/index.esm10.js';
+import { __exports as accessibility } from '../../../../_virtual/index.esm9.js';
 import { __require as requirePropTypes } from '../../../prop-types/index.esm.js';
 
 var hasRequiredAccessibility;

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

@@ -1,4 +1,4 @@
-import { __exports as Calendar } from '../../../../../_virtual/index.esm7.js';
+import { __exports as Calendar } from '../../../../../_virtual/index.esm5.js';
 import React__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.esm13.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm12.js';
 import React__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/DayCell/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DayCell } from '../../../../../_virtual/index.esm11.js';
+import { __exports as DayCell } from '../../../../../_virtual/index.esm13.js';
 import React__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.esm5.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm7.js';
 import React__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/InputRangeField/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as InputRangeField } from '../../../../../_virtual/index.esm12.js';
+import { __exports as InputRangeField } from '../../../../../_virtual/index.esm14.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.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.esm14.js';
+import { __exports as Month } from '../../../../../_virtual/index.esm11.js';
 import React__default from 'react';
 import { __require as requirePropTypes } from '../../../../prop-types/index.esm.js';
 import { __require as requireDayCell } from '../DayCell/index.esm.js';

package/dist/utils/Interface/FormInterface.d.ts

@@ -84,6 +84,8 @@ export interface FormSectionPropsItem {
     optionFontSize?: string;
     isTooltipEnable?: boolean;
     doNotEnableMultiselectOrder?: boolean;
+    id?: string;
+    className?: string;
 }
 export type VariantProps = 'standard' | 'outlined' | '';
 export interface FormRenderProps {

package/package.json

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