@etsoo/react 1.4.27 → 1.4.28

package/lib/mu/ResponsibleContainer.js

@@ -153,8 +153,7 @@ export function ResponsibleContainer(props) {
             ? undefined
             : containerBoxSx(showDataGrid) },
         React.createElement(Stack, null,
-            React.createElement(Box, { ref: dimensions[0][0], sx: searchBoxSx }, searchBar),
-            list),
+            React.createElement(Box, { ref: dimensions[0][0], sx: searchBoxSx }, searchBar)),
         pullToRefresh && pullContainer && (React.createElement(PullToRefreshUI, { mainElement: pullContainer, triggerElement: pullContainer, instructionsPullToRefresh: labels.pullToRefresh, instructionsReleaseToRefresh: labels.releaseToRefresh, instructionsRefreshing: labels.refreshing, onRefresh: () => { var _a; return (_a = state.ref) === null || _a === void 0 ? void 0 : _a.reset(); }, shouldPullToRefresh: () => {
                 const container = document.querySelector(pullContainer);
                 return !(container === null || container === void 0 ? void 0 : container.scrollTop);

package/lib/mu/SearchBar.js

@@ -52,6 +52,7 @@ const setChildState = (child, enabled) => {
  * @returns Component
  */
 export function SearchBar(props) {
+    var _a;
     // Destruct
     const { className, fields, innerHeight = 40, onSubmit } = props;
     // Labels
@@ -65,10 +66,14 @@ export function SearchBar(props) {
     const [open, updateOpen] = React.useState(false);
     // State
     const state = React.useRef({}).current;
+    const lastMaxWidth = (_a = state.lastMaxWidth) !== null && _a !== void 0 ? _a : 9999;
     // Watch container
     const { dimensions } = useDimensions(1, (target, rect) => {
         // Same logic from resetButtonRef
-        if (rect.width === state.lastMaxWidth)
+        if (rect.width === lastMaxWidth ||
+            (index != null &&
+                index >= fields.length &&
+                rect.width > lastMaxWidth))
             return false;
         // Len
         const len = target.children.length;
@@ -96,7 +101,8 @@ export function SearchBar(props) {
             return;
         // Container width
         let maxWidth = containerRect.width;
-        if (maxWidth === state.lastMaxWidth) {
+        if (maxWidth === lastMaxWidth ||
+            (index != null && index >= fields.length && maxWidth > lastMaxWidth)) {
             return;
         }
         state.lastMaxWidth = maxWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.27",
+    "version": "1.4.28",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/mu/ResponsibleContainer.tsx

@@ -374,7 +374,6 @@ export function ResponsibleContainer<
                 <Box ref={dimensions[0][0]} sx={searchBoxSx}>
                     {searchBar}
                 </Box>
-                {list}
             </Stack>
             {pullToRefresh && pullContainer && (
                 <PullToRefreshUI

package/src/mu/SearchBar.tsx

@@ -106,11 +106,18 @@ export function SearchBar(props: SearchBarProps) {
         submitSeed?: number;
         lastMaxWidth?: number;
     }>({}).current;
+    const lastMaxWidth = state.lastMaxWidth ?? 9999;
 
     // Watch container
     const { dimensions } = useDimensions(1, (target, rect) => {
         // Same logic from resetButtonRef
-        if (rect.width === state.lastMaxWidth) return false;
+        if (
+            rect.width === lastMaxWidth ||
+            (index != null &&
+                index >= fields.length &&
+                rect.width > lastMaxWidth)
+        )
+            return false;
 
         // Len
         const len = target.children.length;
@@ -143,7 +150,10 @@ export function SearchBar(props: SearchBarProps) {
 
         // Container width
         let maxWidth = containerRect.width;
-        if (maxWidth === state.lastMaxWidth) {
+        if (
+            maxWidth === lastMaxWidth ||
+            (index != null && index >= fields.length && maxWidth > lastMaxWidth)
+        ) {
             return;
         }
         state.lastMaxWidth = maxWidth;