tp-react-elements 2.0.0 → 2.0.1

package/dist/_virtual/index.esm12.js

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

package/dist/_virtual/index.esm4.js

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

package/dist/_virtual/index.esm5.js

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

package/dist/_virtual/index.esm6.js

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

package/dist/_virtual/index.esm7.js

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

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

@@ -210,21 +210,45 @@ const SingleSelectSearchApi = ({ props, variant, minSearchLength = 3, debounceMs
                         // pinned to the viewport's top-left corner when this field
                         // sits inside an `overflow: hidden` ancestor (e.g. a table
                         // cell in material-react-table / GenericPaginatedGrid).
-                        // `disablePortal: false` (the default) lets the tooltip
-                        // escape the clipping ancestor by portal-rendering to
-                        // `document.body`, while the `preventOverflow` / `flip`
-                        // modifiers keep it correctly anchored to the input and
-                        // flip placement when there isn't room above.
+                        //
+                        // ROOT CAUSE: Popper.js ships a built-in `hide` modifier that
+                        // runs `detectOverflow` against the `clippingParents` boundary.
+                        // Because our reference element (the input) sits inside an
+                        // `overflow: hidden` table cell, Popper decides the reference
+                        // is "hidden" relative to that clipping boundary and collapses
+                        // the popper to `inset: 0 auto auto 0` (the body's top-left
+                        // origin) — regardless of `placement`/`offset`/`preventOverflow`
+                        // configuration. That's the (0,0) pin we were seeing.
+                        //
+                        // FIX: explicitly disable the `hide` modifier (we don't want
+                        // "hide when clipped" behaviour — we want the tooltip to
+                        // escape the clipping ancestor instead), and measure overflow
+                        // against the `viewport` (via `rootBoundary`) rather than the
+                        // clipping table cell, since the whole point is to stay
+                        // visible in the viewport even when the anchor is inside a
+                        // clipped container. `disablePortal: false` (the default)
+                        // portal-renders the tooltip to `document.body` so it can
+                        // visually escape the clipping ancestor.
                         slotProps: {
                             popper: {
                                 sx: { zIndex: 20001 },
                                 modifiers: [
+                                    { name: 'hide', enabled: false },
                                     { name: 'offset', options: { offset: [0, 6] } },
                                     {
                                         name: 'preventOverflow',
-                                        options: { boundary: 'clippingParents', altAxis: true, padding: 8 },
+                                        options: {
+                                            boundary: 'clippingParents',
+                                            rootBoundary: 'viewport',
+                                            altAxis: true,
+                                            padding: 8,
+                                        },
+                                    },
+                                    {
+                                        name: 'flip',
+                                        enabled: true,
+                                        options: { rootBoundary: 'viewport', fallbackPlacements: ['bottom-start', 'top-start', 'right', 'left'] },
                                     },
-                                    { name: 'flip', enabled: true },
                                 ],
                             },
                         }, children: jsx(TextField, { ...params, error: isError && !formValue, label: variant !== 'standard'

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 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.esm14.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/DateRange/index.esm.js

@@ -1,4 +1,4 @@
-import { __exports as DateRange } from '../../../../../_virtual/index.esm4.js';
+import { __exports as DateRange } from '../../../../../_virtual/index.esm6.js';
 import React__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.esm4.js';
 import React__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.esm7.js';
+import { __exports as DefinedRange } from '../../../../../_virtual/index.esm5.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.esm14.js';
+import { __exports as InputRangeField } from '../../../../../_virtual/index.esm12.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.esm12.js';
+import { __exports as Month } from '../../../../../_virtual/index.esm13.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/package.json

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