tp-react-elements 1.1.11 → 1.1.13

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.esm6.js

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

package/dist/_virtual/index.esm7.js

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

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

@@ -88,7 +88,7 @@ function MultiSelectV1({ props, variant, }) {
                                     width: '100%',
                                     margin: 0,
                                     // Remove pointerEvents: 'none' to allow label to trigger checkbox
-                                    '& .MuiFormControlLabel-label': { fontSize: '13px' }
+                                    '& .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));
@@ -99,8 +99,8 @@ function MultiSelectV1({ props, variant, }) {
                                     py: 0.5,
                                     px: 2,
                                     minHeight: ITEM_HEIGHT,
-                                }, children: [jsx(Checkbox, { checked: isChecked, size: "small", sx: { p: 1, mr: 1, pointerEvents: 'none' } }), jsx(ListItemText, { primary: option.label, primaryTypographyProps: {
-                                            fontSize: '13px',
+                                }, children: [jsx(Checkbox, { checked: isChecked, size: "small", sx: { p: 1, mr: 1, pointerEvents: 'none' } }), jsx(ListItemText, { className: 'Mui-multi-select-option', primary: option.label, primaryTypographyProps: {
+                                            fontSize: props.item?.optionFontSize || '13px',
                                             sx: {
                                                 whiteSpace: 'normal',
                                                 wordBreak: 'break-all',

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

@@ -15,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);
@@ -114,14 +114,14 @@ function MultiSelectFieldComponent({ value, options, onChangeFn, disable = false
                                 } }), label: "Select All", sx: {
                                 margin: 0,
                                 width: '100%',
-                                '& .MuiFormControlLabel-label': { fontSize: '13px' }
+                                '& .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(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: '13px',
+                                    fontSize: optionFontSize,
                                     sx: {
                                         whiteSpace: 'normal',
                                         wordBreak: 'break-all',

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

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

@@ -1,4 +1,4 @@
-import { __exports as DateRange } from '../../../../../_virtual/index.esm7.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm6.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/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 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/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.11",
+  "version": "1.1.13",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",