@refinedev/core 5.0.5 → 5.0.7

package/dist/index.mjs

@@ -321,6 +321,7 @@ var defaultRefineOptions = {
     singular: pluralize.singular
   },
   disableServerSideValidation: false,
+  disableRouteChangeHandler: false,
   title: defaultTitle
 };
 var RefineContext = React2.createContext({
@@ -370,7 +371,8 @@ var handleRefineOptions = /* @__PURE__ */ __name(({
   reactQueryDevtoolConfig,
   syncWithLocation,
   undoableTimeout,
-  warnWhenUnsavedChanges
+  warnWhenUnsavedChanges,
+  disableRouteChangeHandler
 } = {}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const optionsWithDefaults = {
@@ -396,7 +398,8 @@ var handleRefineOptions = /* @__PURE__ */ __name(({
     title: {
       icon: typeof ((_g = options == null ? void 0 : options.title) == null ? void 0 : _g.icon) === "undefined" ? defaultRefineOptions.title.icon : (_h = options == null ? void 0 : options.title) == null ? void 0 : _h.icon,
       text: typeof ((_i = options == null ? void 0 : options.title) == null ? void 0 : _i.text) === "undefined" ? defaultRefineOptions.title.text : (_j = options == null ? void 0 : options.title) == null ? void 0 : _j.text
-    }
+    },
+    disableRouteChangeHandler: (options == null ? void 0 : options.disableRouteChangeHandler) ?? disableRouteChangeHandler ?? defaultRefineOptions.disableRouteChangeHandler
   };
   const disableTelemetryWithDefault = (options == null ? void 0 : options.disableTelemetry) ?? disableTelemetry ?? false;
   const reactQueryWithDefaults = {
@@ -1538,6 +1541,7 @@ var useIsExistAuthentication = /* @__PURE__ */ __name(() => {
 // src/hooks/data/useList.ts
 import { useEffect as useEffect3 } from "react";
 import { getXRay as getXRay10 } from "@refinedev/devtools-internal";
+import { useMemo } from "react";
 import {
   useQuery as useQuery4
 } from "@tanstack/react-query";
@@ -1655,6 +1659,31 @@ var useList = /* @__PURE__ */ __name(({
       dataProviderName: pickedDataProvider
     }
   });
+  const memoizedSelect = useMemo(() => {
+    return (rawData) => {
+      var _a2;
+      let data = rawData;
+      if (prefferedPagination.mode === "client") {
+        data = {
+          ...data,
+          data: data.data.slice(
+            (prefferedPagination.currentPage - 1) * prefferedPagination.pageSize,
+            prefferedPagination.currentPage * prefferedPagination.pageSize
+          ),
+          total: data.total
+        };
+      }
+      if (queryOptions == null ? void 0 : queryOptions.select) {
+        return (_a2 = queryOptions == null ? void 0 : queryOptions.select) == null ? void 0 : _a2.call(queryOptions, data);
+      }
+      return data;
+    };
+  }, [
+    prefferedPagination.currentPage,
+    prefferedPagination.pageSize,
+    prefferedPagination.mode,
+    queryOptions == null ? void 0 : queryOptions.select
+  ]);
   const queryResponse = useQuery4({
     queryKey: keys2().data(pickedDataProvider).resource(identifier ?? "").action("list").params({
       ...preferredMeta || {},
@@ -1681,25 +1710,7 @@ var useList = /* @__PURE__ */ __name(({
     },
     ...queryOptions,
     enabled: typeof (queryOptions == null ? void 0 : queryOptions.enabled) !== "undefined" ? queryOptions == null ? void 0 : queryOptions.enabled : !!(resource == null ? void 0 : resource.name),
-    select: (rawData) => {
-      var _a2;
-      let data = rawData;
-      const { currentPage, mode, pageSize } = prefferedPagination;
-      if (mode === "client") {
-        data = {
-          ...data,
-          data: data.data.slice(
-            (currentPage - 1) * pageSize,
-            currentPage * pageSize
-          ),
-          total: data.total
-        };
-      }
-      if (queryOptions == null ? void 0 : queryOptions.select) {
-        return (_a2 = queryOptions == null ? void 0 : queryOptions.select) == null ? void 0 : _a2.call(queryOptions, data);
-      }
-      return data;
-    },
+    select: memoizedSelect,
     meta: {
       ...queryOptions == null ? void 0 : queryOptions.meta,
       ...getXRay10("useList", resource == null ? void 0 : resource.name)
@@ -4622,10 +4633,10 @@ var useSetLocale = /* @__PURE__ */ __name(() => {
 }, "useSetLocale");
 
 // src/hooks/i18n/useTranslate.ts
-import { useContext as useContext13, useMemo } from "react";
+import { useContext as useContext13, useMemo as useMemo2 } from "react";
 var useTranslate = /* @__PURE__ */ __name(() => {
   const { i18nProvider } = useContext13(I18nContext);
-  const fn = useMemo(() => {
+  const fn = useMemo2(() => {
     function translate(key, options, defaultMessage) {
       return (i18nProvider == null ? void 0 : i18nProvider.translate(key, options, defaultMessage)) ?? defaultMessage ?? (typeof options === "string" && typeof defaultMessage === "undefined" ? options : key);
     }
@@ -4923,11 +4934,26 @@ var useForm = /* @__PURE__ */ __name((props = {}) => {
     });
     return submissionPromise;
   }, "onFinish");
-  const onFinishAutoSave = asyncDebounce(
-    (values) => onFinish(values, { isAutosave: true }),
-    ((_d = props.autoSave) == null ? void 0 : _d.debounce) || 1e3,
-    "Cancelled by debounce"
+  const onFinishRef = React9.useRef(onFinish);
+  React9.useEffect(() => {
+    onFinishRef.current = onFinish;
+  }, [onFinish]);
+  const onFinishAutoSave = React9.useMemo(
+    () => {
+      var _a2;
+      return asyncDebounce(
+        (values) => onFinishRef.current(values, { isAutosave: true }),
+        ((_a2 = props.autoSave) == null ? void 0 : _a2.debounce) ?? 1e3,
+        "Cancelled by debounce"
+      );
+    },
+    [(_d = props.autoSave) == null ? void 0 : _d.debounce]
   );
+  React9.useEffect(() => {
+    return () => {
+      onFinishAutoSave.cancel();
+    };
+  }, [onFinishAutoSave]);
   const overtime = {
     elapsedTime
   };
@@ -5017,7 +5043,7 @@ import React15, { useContext as useContext17 } from "react";
 import React12 from "react";
 
 // src/hooks/deepMemo/index.tsx
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo3 } from "react";
 
 // src/hooks/memoized/index.tsx
 import { useRef } from "react";
@@ -5033,7 +5059,7 @@ var useMemoized = /* @__PURE__ */ __name((value) => {
 // src/hooks/deepMemo/index.tsx
 var useDeepMemo = /* @__PURE__ */ __name((fn, dependencies) => {
   const memoizedDependencies = useMemoized(dependencies);
-  const value = useMemo2(fn, memoizedDependencies);
+  const value = useMemo3(fn, memoizedDependencies);
   return value;
 }, "useDeepMemo");
 
@@ -5822,7 +5848,7 @@ var useCanWithoutCache = /* @__PURE__ */ __name(() => {
 }, "useCanWithoutCache");
 
 // src/hooks/useSelect/index.ts
-import { useCallback as useCallback9, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef2, useState as useState7 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef2, useState as useState7 } from "react";
 import debounce2 from "lodash-es/debounce.js";
 import get from "lodash-es/get.js";
 import uniqBy from "lodash-es/uniqBy.js";
@@ -5942,7 +5968,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     ...overtimeOptions,
     isLoading: queryResult.query.isFetching || defaultValueQueryResult.query.isFetching
   });
-  const combinedOptions = useMemo3(
+  const combinedOptions = useMemo4(
     () => uniqBy(
       selectedOptionsOrder === "in-place" ? [...options, ...selectedOptions] : [...selectedOptions, ...options],
       "value"
@@ -5950,7 +5976,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     [options, selectedOptions]
   );
   const onSearchFromPropRef = useRef2(onSearchFromProp);
-  const onSearch = useMemo3(() => {
+  const onSearch = useMemo4(() => {
     return debounce2((value) => {
       if (onSearchFromPropRef.current) {
         setSearch(onSearchFromPropRef.current(value));
@@ -6536,7 +6562,7 @@ var useMenu = /* @__PURE__ */ __name(({ meta, hideOnMissingParameter = true } =
 import React26, {
   createContext as createContext4,
   useContext as useContext25,
-  useMemo as useMemo4
+  useMemo as useMemo5
 } from "react";
 var MetaContext = createContext4({});
 var MetaContextProvider = /* @__PURE__ */ __name(({
@@ -6544,7 +6570,7 @@ var MetaContextProvider = /* @__PURE__ */ __name(({
   value
 }) => {
   const currentValue = useMetaContext();
-  const metaContext = useMemo4(() => {
+  const metaContext = useMemo5(() => {
     return {
       ...currentValue,
       ...value
@@ -8064,7 +8090,7 @@ import React39 from "react";
 
 // src/hooks/useTelemetryData/index.ts
 import { useContext as useContext26 } from "react";
-var REFINE_VERSION = "5.0.5";
+var REFINE_VERSION = "5.0.7";
 var useTelemetryData = /* @__PURE__ */ __name(() => {
   var _a;
   const auth = useIsExistAuthentication();
@@ -8203,6 +8229,7 @@ var Refine = /* @__PURE__ */ __name(({
   } = handleRefineOptions({
     options
   });
+  const disableRouteChangeHandler = optionsWithDefaults.disableRouteChangeHandler;
   const queryClient = useDeepMemo(() => {
     var _a;
     if (reactQueryWithDefaults.clientConfig instanceof QueryClient) {
@@ -8248,7 +8275,7 @@ var Refine = /* @__PURE__ */ __name(({
           onLiveEvent,
           options: optionsWithDefaults
         },
-        /* @__PURE__ */ React41.createElement(UnsavedWarnContextProvider, null, /* @__PURE__ */ React41.createElement(React41.Fragment, null, children, !disableTelemetryWithDefault && /* @__PURE__ */ React41.createElement(Telemetry, null), /* @__PURE__ */ React41.createElement(RouteChangeHandler, null)))
+        /* @__PURE__ */ React41.createElement(UnsavedWarnContextProvider, null, /* @__PURE__ */ React41.createElement(React41.Fragment, null, children, !disableTelemetryWithDefault && /* @__PURE__ */ React41.createElement(Telemetry, null), !disableRouteChangeHandler && /* @__PURE__ */ React41.createElement(RouteChangeHandler, null)))
       )))
     ))))))
   )));