tp-react-elements 1.1.9 → 1.1.12

package/dist/_virtual/index.esm10.js

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

package/dist/_virtual/index.esm13.js

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

package/dist/_virtual/index.esm14.js

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

package/dist/_virtual/index.esm5.js

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

package/dist/_virtual/index.esm7.js

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

package/dist/_virtual/index.esm9.js

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

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

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Box, TextField, FormControlLabel, Checkbox, Tooltip } from '@mui/material';
 import FormControl from '@mui/material/FormControl';
 import InputLabel from '@mui/material/InputLabel';
+import ListItemText from '@mui/material/ListItemText';
 import MenuItem from '@mui/material/MenuItem';
 import OutlinedInput from '@mui/material/OutlinedInput';
 import Select from '@mui/material/Select';
@@ -74,7 +75,7 @@ function MultiSelectV1({ props, variant, }) {
                         disableAutoFocusItem: true,
                     }, children: [jsx(Box, { sx: { width: '100%', position: 'sticky', top: 0, padding: '7px', zIndex: 2, background: '#fff' }, children: jsx(TextField, { inputRef: textfieldRef, fullWidth: true, size: "small", placeholder: "Search...", value: searchText, onChange: (e) => setSearchText(e.target.value), 
                                 // Prevent space key from closing the select while typing in search
-                                onKeyDown: (e) => e.key !== 'Escape' && e.stopPropagation() }) }), jsx(MenuItem, { disabled: filterOptions.length === 0, sx: { py: 0, px: 2 }, children: jsx(FormControlLabel, { control: jsx(Checkbox, { id: `${props.item.name}-select-all`, size: "small", checked: selectAll, sx: { p: 1 }, onChange: () => {
+                                onKeyDown: (e) => e.key !== 'Escape' && e.stopPropagation() }) }), jsx(MenuItem, { disabled: filterOptions.length === 0, sx: { py: 0, px: 2 }, children: jsx(FormControlLabel, { control: jsx(Checkbox, { id: `${props.item.name}-select-all`, size: "small", checked: selectAll, sx: { p: 1 }, onMouseDown: (e) => e.stopPropagation(), onChange: (e) => {
                                         const currentValues = fieldValue?.split(',').filter(Boolean) || [];
                                         const filteredIds = filterOptions.map((opt) => String(opt.value));
                                         if (selectAll) {
@@ -86,22 +87,26 @@ function MultiSelectV1({ props, variant, }) {
                                     } }), label: "Select All", sx: {
                                     width: '100%',
                                     margin: 0,
-                                    '& .MuiFormControlLabel-label': { fontSize: '13px' }
+                                    // Remove pointerEvents: 'none' to allow label to trigger checkbox
+                                    '& .MuiFormControlLabel-label': { fontSize: props.item?.optionFontSize || '13px' }
                                 } }) }), filterOptions.length !== 0 ? (filterOptions.map((option) => {
                             const selectedArray = fieldValue ? extractValuesToArray(fieldValue) : [];
                             const isChecked = selectedArray.includes(String(option.value));
-                            return (jsx(MenuItem, { value: `${option.value}`, sx: {
+                            return (jsxs(MenuItem, { value: `${option.value}`, sx: {
                                     whiteSpace: 'normal',
                                     wordBreak: 'break-all',
-                                    alignItems: 'flex-start',
-                                    py: 0,
+                                    alignItems: 'center',
+                                    py: 0.5,
                                     px: 2,
                                     minHeight: ITEM_HEIGHT,
-                                }, children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: isChecked, size: "small", sx: { p: 1 } }), label: option.label, sx: {
-                                        width: '100%',
-                                        margin: 0,
-                                        '& .MuiFormControlLabel-label': { fontSize: '13px' }
-                                    } }) }, option.value));
+                                }, children: [jsx(Checkbox, { checked: isChecked, size: "small", sx: { p: 1, mr: 1, pointerEvents: 'none' } }), jsx(ListItemText, { primary: option.label, primaryTypographyProps: {
+                                            fontSize: props.item?.optionFontSize || '13px',
+                                            sx: {
+                                                whiteSpace: 'normal',
+                                                wordBreak: 'break-all',
+                                                lineHeight: '1.2'
+                                            }
+                                        } })] }, option.value));
                         })) : (jsx(MenuItem, { disabled: true, children: "No data Found" }))] }), jsx(FormBottomField, { ...props })] }) }, props.item.name));
 }
 

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

@@ -3,16 +3,30 @@ export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNon
 export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
 export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
 export { default as MultiSelectTable } from './Select/MultiSelectTable.esm.js';
-export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
+export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
+export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
+import 'react/jsx-runtime';
+import '@mui/material';
+import 'react';
+import 'react-hook-form';
+import 'dayjs';
 export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
+import '@mui/icons-material/Visibility';
+import '@mui/icons-material/Close';
+import '@mui/icons-material/NavigateBefore';
+import '@mui/icons-material/NavigateNext';
+import '@mui/icons-material/Delete';
+import '@mui/icons-material/UploadFile';
+import '@mui/icons-material/PictureAsPdf';
+import '@mui/icons-material/TableChart';
+import '@mui/icons-material/Description';
+export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
 export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
 export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
 export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
 export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
 export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
 export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
-export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
-export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
 export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
 export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
 export { default as HelperText } from './HelperText/HelperText.esm.js';

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

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

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

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Box, TextField, FormControlLabel, 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 require$$0 from 'react';
@@ -14,7 +15,7 @@ const extractValuesToArray = (inputString) => {
     const trimmedArray = valuesArray?.map((value) => value.trim());
     return trimmedArray;
 };
-function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false, }) {
+function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false, optionFontSize = '13px', }) {
     const [personName, setPersonName] = require$$0.useState(value ? extractValuesToArray(value) : []);
     const [searchText, setSearchText] = useState('');
     const [filterOptions, setFilterOptions] = useState(options);
@@ -101,7 +102,7 @@ function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false
                                 if (e.key !== 'Escape') {
                                     e.stopPropagation();
                                 }
-                            } }) }), jsx(MenuItem, { disabled: filterOptions.length === 0, sx: { py: 0, px: 2 }, children: jsx(FormControlLabel, { control: jsx(Checkbox, { id: `${value}-select-all`, size: "small", checked: selectAll, sx: { p: 1 }, onChange: () => {
+                            } }) }), jsx(MenuItem, { disabled: filterOptions.length === 0, sx: { py: 0.5, px: 2 }, onMouseDown: (e) => e.stopPropagation(), children: jsx(FormControlLabel, { control: jsx(Checkbox, { id: `${value}-select-all`, size: "small", checked: selectAll, onChange: () => {
                                     const currentValues = fieldValue?.split(',').filter(Boolean) || [];
                                     const filteredIds = filterOptions.map((opt) => String(opt.value));
                                     if (selectAll) {
@@ -111,19 +112,22 @@ function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false
                                         onChangeFn([...new Set([...currentValues, ...filteredIds])].join(','));
                                     }
                                 } }), label: "Select All", sx: {
-                                width: '100%',
                                 margin: 0,
-                                '& .MuiFormControlLabel-label': { fontSize: '13px' }
-                            } }) }), filterOptions.length !== 0 ? (filterOptions.map((option) => (jsx(MenuItem, { value: `${option.value}`, sx: {
+                                width: '100%',
+                                '& .MuiFormControlLabel-label': { fontSize: optionFontSize }
+                            } }) }), filterOptions.length !== 0 ? (filterOptions.map((option) => (jsxs(MenuItem, { value: `${option.value}`, sx: {
                             zIndex: 0,
                             py: 0,
                             px: 2,
                             minHeight: ITEM_HEIGHT
-                        }, children: jsx(FormControlLabel, { control: jsx(Checkbox, { checked: fieldValue?.split(',').some((value) => value === String(option.value)), size: "small", sx: { p: 1 } }), label: option.label, sx: {
-                                width: '100%',
-                                margin: 0,
-                                '& .MuiFormControlLabel-label': { fontSize: '13px' }
-                            } }) }, option.value)))) : (jsx(MenuItem, { disabled: true, value: 'NA', children: "No data Found" }, 'NA'))] }) }) }));
+                        }, children: [jsx(Checkbox, { checked: fieldValue?.split(',').some((val) => String(val) === String(option.value)), size: "small", sx: { p: 1, mr: 1, pointerEvents: 'none' } }), jsx(ListItemText, { primary: option.label, primaryTypographyProps: {
+                                    fontSize: optionFontSize,
+                                    sx: {
+                                        whiteSpace: 'normal',
+                                        wordBreak: 'break-all',
+                                        lineHeight: '1.2'
+                                    }
+                                } })] }, option.value)))) : (jsx(MenuItem, { disabled: true, value: 'NA', children: "No data Found" }, 'NA'))] }) }) }));
 }
 
 export { MultiSelectFieldComponent as default };

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

@@ -1,4 +1,4 @@
-import { __module as propTypes } from '../../_virtual/index.esm10.js';
+import { __module as propTypes } from '../../_virtual/index.esm9.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.esm9.js';
+import { __exports as accessibility } from '../../../../_virtual/index.esm10.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.esm5.js';
+import { __exports as Calendar } from '../../../../../_virtual/index.esm7.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.esm13.js';
+import { __exports as DateInput } from '../../../../../_virtual/index.esm14.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/DateRangePicker/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm7.js';
+import { __exports as DateRangePicker } from '../../../../../_virtual/index.esm5.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/Month/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as Month } from '../../../../../_virtual/index.esm14.js';
+import { __exports as Month } from '../../../../../_virtual/index.esm13.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/utils/Interface/FormInterface.d.ts

@@ -80,6 +80,7 @@ export interface FormSectionPropsItem {
     valueField?: string;
     labelField?: string;
     headerColor?: string;
+    optionFontSize?: string;
 }
 export type VariantProps = 'standard' | 'outlined' | '';
 export interface FormRenderProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements",
-  "version": "1.1.9",
+  "version": "1.1.12",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",
@@ -72,6 +72,9 @@
     "publish:prepare": "npm run build:lib && npm run type-check",
     "publish:npm": "npm publish",
     "publish:beta": "npm publish --tag beta",
+    "publish:patch": "npm version patch --no-git-tag-version && npm publish",
+    "publish:minor": "npm version minor --no-git-tag-version && npm publish",
+    "publish:major": "npm version major --no-git-tag-version && npm publish",
     "publish:auto": "npm run publish:prepare && npm publish",
     "install-peers": "install-tp-form-deps",
     "package-build": "rollup -c --bundleConfigAsCjs",