tp-react-elements 1.1.1 → 1.1.2

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

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

package/dist/_virtual/index.esm13.js

@@ -1,3 +1,3 @@
-var InputRangeField = {};
+var DateInput = {};
 
-export { InputRangeField as __exports };
+export { DateInput 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.esm4.js

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

package/dist/_virtual/index.esm5.js

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

package/dist/_virtual/index.esm6.js

@@ -1,3 +1,3 @@
-var DateRangePicker = {};
+var Calendar = {};
 
-export { DateRangePicker as __exports };
+export { Calendar 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/_virtual/index.esm9.js

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

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

@@ -20,10 +20,18 @@ const MultiSelectTable = ({ props, variant, }) => {
             style: {
                 maxHeight: ITEM_HEIGHT * 8 + ITEM_PADDING_TOP,
                 width: '100%',
-                minWidth: '280px',
-                maxWidth: '450px',
+                minWidth: '320px',
+                maxWidth: '500px',
             },
         },
+        anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'left',
+        },
+        transformOrigin: {
+            vertical: 'top',
+            horizontal: 'left',
+        },
         autoFocus: false,
         disableAutoFocusItem: true,
     };
@@ -187,8 +195,8 @@ const MultiSelectTable = ({ props, variant, }) => {
             placeholder: 'Search...',
             size: 'small',
             sx: {
-                width: 'calc(100% - 24px)',
-                margin: '0 12px',
+                width: 'calc(100% - 16px)',
+                margin: '0 8px',
                 '& .MuiInputBase-root': {
                     fontSize: '11px',
                     height: '28px',
@@ -228,7 +236,7 @@ const MultiSelectTable = ({ props, variant, }) => {
         },
         paginationDisplayMode: 'pages',
         muiPaginationProps: {
-            rowsPerPageOptions: [10, 25, 50],
+            rowsPerPageOptions: [],
             showFirstButton: false,
             showLastButton: false,
             size: 'small',
@@ -238,7 +246,10 @@ const MultiSelectTable = ({ props, variant, }) => {
                     minHeight: '28px',
                 },
                 '& .MuiTablePagination-select': {
-                    fontSize: '10px',
+                    display: 'none',
+                },
+                '& .MuiTablePagination-selectLabel': {
+                    display: 'none',
                 },
                 '& .MuiTablePagination-displayedRows': {
                     fontSize: '10px',
@@ -265,6 +276,8 @@ const MultiSelectTable = ({ props, variant, }) => {
                 fontSize: '11px',
                 padding: '4px 6px',
                 borderBottom: '1px solid #e0e0e0',
+                whiteSpace: 'normal',
+                wordWrap: 'break-word',
                 '& .Mui-TableHeadCell-Content': {
                     color: '#fff',
                     fontSize: '11px',
@@ -280,12 +293,16 @@ const MultiSelectTable = ({ props, variant, }) => {
                 fontSize: '10px',
                 padding: '4px 6px',
                 borderBottom: '1px solid #e0e0e0',
+                whiteSpace: 'normal',
+                wordWrap: 'break-word',
+                overflow: 'visible',
             },
         },
         muiTableBodyRowProps: {
             sx: {
                 borderBottom: '1px solid #e0e0e0',
-                height: '32px',
+                height: 'auto',
+                minHeight: '32px',
                 '&:hover': {
                     backgroundColor: '#e0f2f1',
                 },
@@ -330,8 +347,8 @@ const MultiSelectTable = ({ props, variant, }) => {
                     }, input: jsx(OutlinedInput, { label: variant !== 'standard' ? props.item.label : '' }), renderValue: () => (jsx(Tooltip, { title: selectedDisplayText, children: jsx("span", { children: selectedRows.length > (props.item.multiSelectLabelLength || 2)
                                 ? `${selectedRows.length} Selected`
                                 : selectedDisplayText || placeholder }) })), MenuProps: MenuProps, autoFocus: false, children: jsx(Box, { sx: {
-                            maxHeight: 450, width: '100%', overflow: 'hidden', '.MuiTextField-root': {
-                                width: '260% !important'
+                            maxHeight: 450, width: '100%', overflow: 'hidden', overflowY: 'auto', '.MuiTextField-root': {
+                                width: '280% !important'
                             }
                         }, children: rows.length > 0 ? (jsx(MaterialReactTable, { table: table })) : (jsx(Box, { sx: { padding: '16px', textAlign: 'center', color: '#999', fontSize: '11px' }, children: "No Options found" })) }) }), jsx(FormBottomField, { ...props })] }) }, props.item.name));
 };

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.esm4.js';
+import { __exports as Calendar } from '../../../../../_virtual/index.esm6.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.esm7.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm4.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.esm6.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/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/node_modules/react-date-range/dist/components/InputRangeField/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as InputRangeField } from '../../../../../_virtual/index.esm13.js';
+import { __exports as InputRangeField } from '../../../../../_virtual/index.esm14.js';
 import require$$0__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.esm12.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.1",
+  "version": "1.1.2",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",