@rolster/react-components 18.21.5 → 18.21.7

package/dist/es/index.js

@@ -1861,51 +1861,51 @@ function RlsLabelSwitch({ children, disabled, extended, identifier, formControl,
 }
 
 function RlsPagination({ suggestions, count, filter, onPagination }) {
-    const controller = useRef(new PaginationController({ suggestions, count }));
-    const [template, setTemplate] = useState(controller.current.template);
+    const [template, setTemplate] = useState();
+    const controller = useRef();
     const refreshTemplate = useCallback((template, suggestions) => {
         const { firstPage, lastPage } = template;
         onPagination && onPagination({ firstPage, lastPage, suggestions });
         setTemplate(template);
     }, [onPagination]);
+    const refreshPagination = useCallback((pagination) => {
+        pagination &&
+            refreshTemplate(pagination.template, pagination.page.collection);
+    }, []);
     useEffect(() => {
-        controller.current = new PaginationController({
+        const pagination = new PaginationController({
             suggestions,
             count,
-            position: template.currentPage.value
+            position: template?.currentPage.value
         });
-        refreshTemplate(controller.current.template, controller.current.page.collection);
+        controller.current = pagination;
+        refreshTemplate(pagination.template, pagination.page.collection);
     }, [suggestions, count]);
     useEffect(() => {
-        refreshPagination(controller.current.filtrable(filter));
+        refreshPagination(controller.current?.filtrable(filter));
     }, [filter]);
-    const refreshPagination = useCallback((pagination) => {
-        if (pagination) {
-            refreshTemplate(pagination.template, pagination.page.collection);
-        }
-    }, []);
     const goToPagination = useCallback((page) => {
-        refreshPagination(controller.current.goToPage(page));
+        refreshPagination(controller.current?.goToPage(page));
     }, []);
     const goFirstPagination = useCallback(() => {
-        refreshPagination(controller.current.goFirstPage());
+        refreshPagination(controller.current?.goFirstPage());
     }, []);
     const goPreviousPagination = useCallback(() => {
-        refreshPagination(controller.current.goPreviousPage());
+        refreshPagination(controller.current?.goPreviousPage());
     }, []);
     const goNextPagination = useCallback(() => {
-        refreshPagination(controller.current.goNextPage());
+        refreshPagination(controller.current?.goNextPage());
     }, []);
     const goLastPagination = useCallback(() => {
-        refreshPagination(controller.current.goLastPage());
+        refreshPagination(controller.current?.goLastPage());
     }, []);
-    return (jsxRuntimeExports.jsxs("div", { className: "rls-pagination", children: [jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-left" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), jsxRuntimeExports.jsx("div", { className: "rls-pagination__pages", children: template.pages.map((page, index) => {
+    return (jsxRuntimeExports.jsxs("div", { className: "rls-pagination", children: [jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: template?.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-left" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: template?.firstPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), jsxRuntimeExports.jsx("div", { className: "rls-pagination__pages", children: template?.pages.map((page, index) => {
                     return (jsxRuntimeExports.jsx("div", { className: renderClassStatus('rls-pagination__page', {
                             active: page.active
                         }), onClick: () => {
                             goToPagination(page);
                         }, children: page.label }, index));
-                }) }), jsxRuntimeExports.jsx("div", { className: "rls-pagination__description", children: template.description }), jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goNextPagination, disabled: template.lastPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-right" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goLastPagination, disabled: template.lastPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-right" }) })] })] }));
+                }) }), jsxRuntimeExports.jsx("div", { className: "rls-pagination__description", children: template?.description }), jsxRuntimeExports.jsxs("div", { className: "rls-pagination__actions", children: [jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goNextPagination, disabled: template?.lastPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrow-ios-right" }) }), jsxRuntimeExports.jsx("button", { className: "rls-pagination__action", onClick: goLastPagination, disabled: template?.lastPage, children: jsxRuntimeExports.jsx(RlsIcon, { value: "arrowhead-right" }) })] })] }));
 }
 
 function RlsPickerDayItem({ day, onSelect, disabled }) {
@@ -2434,7 +2434,9 @@ function useListController(props) {
                 element && setFormValue(element);
             }
             else {
-                automatic && setFormValue(collection.value[0], true);
+                automatic
+                    ? setFormValue(collection.value[0], true)
+                    : refreshState({ ...state, value: '' });
             }
         }
         changeValueInternal.current = false;