@rolster/react-components 18.21.20 → 18.21.22

package/dist/cjs/index.js

@@ -2401,7 +2401,7 @@ function useDatatable() {
 }
 
 function useListController(props) {
-    const { suggestions, automatic, formControl, reference } = props;
+    const { limit, suggestions, automatic, formControl, reference } = props;
     const listIsOpen = require$$0.useRef(false);
     const contentRef = require$$0.useRef(null);
     const listRef = require$$0.useRef(null);
@@ -2464,15 +2464,15 @@ function useListController(props) {
         changeValueInternal.current = false;
     }, [collection, formControl?.value]);
     const setState = require$$0.useCallback((state) => {
-        const length = suggestions.length > 6 ? 6 : suggestions.length;
+        const minHeightList = limit > 0 ? (limit < 6 ? limit * 48 : 300) : 160;
         const _state = state.modalIsVisible
             ? {
                 ...state,
-                higher: components.locationListCanTop(contentRef.current, listRef.current, length * 48)
+                higher: components.locationListCanTop(contentRef.current, listRef.current, minHeightList)
             }
             : state;
         refreshState((state) => ({ ...state, ..._state }));
-    }, []);
+    }, [limit]);
     const setFormValue = require$$0.useCallback((element, initialValue = false) => {
         refreshState((state) => ({
             ...state,
@@ -2517,10 +2517,14 @@ function useListController(props) {
 const DURATION_ANIMATION$1 = 240;
 const MAX_ELEMENTS = 6;
 function useFieldAutocomplete(props) {
-    const controller = useListController(props);
+    const limit = require$$0.useRef(props.suggestions.length);
+    const controller = useListController({
+        ...props,
+        limit: limit.current
+    });
     const [coincidences, setCoincidences] = require$$0.useState([]);
     const [pattern, setPattern] = require$$0.useState('');
-    const currentStore = require$$0.useRef({
+    const _store = require$$0.useRef({
         coincidences: [],
         pattern: '',
         previous: null
@@ -2530,10 +2534,12 @@ function useFieldAutocomplete(props) {
             pattern,
             suggestions,
             reboot,
-            store: currentStore.current
+            store: _store.current
         });
-        currentStore.current = store;
-        setCoincidences(collection.slice(0, MAX_ELEMENTS));
+        _store.current = store;
+        const coincidences = collection.slice(0, MAX_ELEMENTS);
+        setCoincidences(coincidences);
+        limit.current = coincidences.length;
     }, []);
     require$$0.useEffect(() => {
         refreshCoincidences(props.suggestions, pattern, true);
@@ -2921,7 +2927,14 @@ function RlsFieldDateRange({ children, date: _date, disabled, formControl, ident
 }
 
 function useFieldSelect(props) {
-    const controller = useListController(props);
+    const limit = require$$0.useRef(props.suggestions.length);
+    const controller = useListController({
+        ...props,
+        limit: limit.current
+    });
+    require$$0.useEffect(() => {
+        limit.current = props.suggestions.length;
+    }, [props.suggestions]);
     const onFocusInput = require$$0.useCallback(() => {
         controller.setState({ focused: true });
     }, [controller.setState]);
@@ -3119,16 +3132,26 @@ const RlsContext = require$$0.createContext({
         return Promise.resolve(ConfirmationResult.approved());
     },
     snackbar: () => { },
-    withNavbar: () => { }
+    setNavbarInApp: () => { },
+    setNavbarIsCondense: () => { }
 });
 function RlsApplication({ children }) {
     const { RlsConfirmation, confirmation } = useConfirmation();
     const { RlsSnackbar, snackbar } = useSnackbar();
-    const [_withNavbar, withNavbar] = require$$0.useState(false);
+    const [hasNavbar, setNavbarInApp] = require$$0.useState(false);
+    const [isNavbarCondense, setNavbarIsCondense] = require$$0.useState(false);
     const className = require$$0.useMemo(() => {
-        return renderClassStatus('rls-app__body', { snackbar: _withNavbar });
-    }, [_withNavbar]);
-    return (jsxRuntimeExports.jsxs(RlsContext.Provider, { value: { confirmation, snackbar, withNavbar }, children: [jsxRuntimeExports.jsxs("div", { className: className, children: [children, RlsSnackbar] }), RlsConfirmation] }));
+        return renderClassStatus('rls-app__body', {
+            snackbar: hasNavbar,
+            'navbar-condense': isNavbarCondense
+        });
+    }, [hasNavbar, isNavbarCondense]);
+    return (jsxRuntimeExports.jsxs(RlsContext.Provider, { value: {
+            confirmation,
+            snackbar,
+            setNavbarInApp,
+            setNavbarIsCondense
+        }, children: [jsxRuntimeExports.jsxs("div", { className: className, children: [children, RlsSnackbar] }), RlsConfirmation] }));
 }
 
 exports.ConfirmationResult = ConfirmationResult;