@panneau/data 4.0.78 → 4.0.82

package/dist/index.d.ts

@@ -27,9 +27,8 @@ declare function useItem<T = Item>(scope: any, id: any, loader: (id: any) => Pro
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<T>, Error>>;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<T>>;
     item: T;
 } | {
     error: null;
@@ -54,9 +53,8 @@ declare function useItem<T = Item>(scope: any, id: any, loader: (id: any) => Pro
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<T>, Error>>;
+    refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<T, Error>>;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<T>>;
     item: T;
 };
 
@@ -84,12 +82,13 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isFetching: boolean;
     isRefetching: boolean;
     isFetched: boolean;
+    isPlaceholderData: boolean;
     items: any;
     pages: {};
     allItems: any;
     loading: boolean;
     loaded: boolean;
-    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<UseItemsResponse<T>>, Error>>;
+    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<UseItemsResponse<T>, Error>>;
     updateItem: (item: any) => void;
     pagination: {
         page: number;
@@ -102,7 +101,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -115,18 +113,18 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isStale: boolean;
     isEnabled: boolean;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<UseItemsResponse<T>>>;
 } | {
     isLoading: boolean;
     isFetching: boolean;
     isRefetching: boolean;
     isFetched: boolean;
+    isPlaceholderData: boolean;
     items: any;
     pages: {};
     allItems: any;
     loading: boolean;
     loaded: boolean;
-    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<UseItemsResponse<T>>, Error>>;
+    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<UseItemsResponse<T>, Error>>;
     updateItem: (item: any) => void;
     pagination: {
         page: number;
@@ -139,7 +137,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
-    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -152,18 +149,18 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isStale: boolean;
     isEnabled: boolean;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<UseItemsResponse<T>>>;
 } | {
     isLoading: boolean;
     isFetching: boolean;
     isRefetching: boolean;
     isFetched: boolean;
+    isPlaceholderData: boolean;
     items: any;
     pages: {};
     allItems: any;
     loading: boolean;
     loaded: boolean;
-    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<UseItemsResponse<T>>, Error>>;
+    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<UseItemsResponse<T>, Error>>;
     updateItem: (item: any) => void;
     pagination: {
         page: number;
@@ -176,7 +173,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -189,18 +185,18 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isStale: boolean;
     isEnabled: boolean;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<UseItemsResponse<T>>>;
 } | {
     isLoading: boolean;
     isFetching: boolean;
     isRefetching: boolean;
     isFetched: boolean;
+    isPlaceholderData: boolean;
     items: any;
     pages: {};
     allItems: any;
     loading: boolean;
     loaded: boolean;
-    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<UseItemsResponse<T>>, Error>>;
+    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<UseItemsResponse<T>, Error>>;
     updateItem: (item: any) => void;
     pagination: {
         page: number;
@@ -213,7 +209,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -226,18 +221,18 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isStale: boolean;
     isEnabled: boolean;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<UseItemsResponse<T>>>;
 } | {
     isLoading: boolean;
     isFetching: boolean;
     isRefetching: boolean;
     isFetched: boolean;
+    isPlaceholderData: boolean;
     items: any;
     pages: {};
     allItems: any;
     loading: boolean;
     loaded: boolean;
-    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<UseItemsResponse<T>>, Error>>;
+    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<UseItemsResponse<T>, Error>>;
     updateItem: (item: any) => void;
     pagination: {
         page: number;
@@ -250,7 +245,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -263,18 +257,18 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isStale: boolean;
     isEnabled: boolean;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<UseItemsResponse<T>>>;
 } | {
     isLoading: boolean;
     isFetching: boolean;
     isRefetching: boolean;
     isFetched: boolean;
+    isPlaceholderData: boolean;
     items: any;
     pages: {};
     allItems: any;
     loading: boolean;
     loaded: boolean;
-    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<NoInfer<UseItemsResponse<T>>, Error>>;
+    reload: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<UseItemsResponse<T>, Error>>;
     updateItem: (item: any) => void;
     pagination: {
         page: number;
@@ -287,7 +281,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
-    isPlaceholderData: true;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -300,7 +293,6 @@ declare function useItems<T = Item>(scope: string, { url, getItems, page: initia
     isStale: boolean;
     isEnabled: boolean;
     fetchStatus: _tanstack_react_query.FetchStatus;
-    promise: Promise<NoInfer<UseItemsResponse<T>>>;
 };
 
 declare function useResourceDestroy(resource: Resource | string): any;

package/dist/index.js

@@ -5,7 +5,7 @@ import { getJSON, getCSRFHeaders, postJSON } from '@folklore/fetch';
 import { generatePath } from '@folklore/routes';
 import queryString from 'query-string';
 import { jsx } from 'react/jsx-runtime';
-import { useQuery, keepPreviousData, useMutation, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { useQuery, keepPreviousData, hashKey, useMutation, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import isArray from 'lodash-es/isArray';
 import isObject from 'lodash-es/isObject';
 import isString from 'lodash-es/isString';
@@ -85,97 +85,40 @@ function useItem(scope, id, loader, t0) {
 // The new, better version
 
 function useItems(scope, t0) {
-  const $ = c(75);
-  let queryConfig;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  if ($[0] !== t0) {
-    ({
-      url: t1,
-      getItems: t2,
-      page: t3,
-      count: t4,
-      query: t5,
-      keepData: t6,
-      ...queryConfig
-    } = t0);
-    $[0] = t0;
-    $[1] = queryConfig;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
-    $[6] = t5;
-    $[7] = t6;
-  } else {
-    queryConfig = $[1];
-    t1 = $[2];
-    t2 = $[3];
-    t3 = $[4];
-    t4 = $[5];
-    t5 = $[6];
-    t6 = $[7];
-  }
+  const $ = c(52);
+  const {
+    url: t1,
+    getItems: t2,
+    page: t3,
+    count: t4,
+    query: t5,
+    keepData: t6,
+    ...queryConfig
+  } = t0;
   const url = t1 === undefined ? null : t1;
   const getItems = t2 === undefined ? null : t2;
   const initialPage = t3 === undefined ? null : t3;
   const initialCount = t4 === undefined ? null : t4;
   const query = t5 === undefined ? null : t5;
   const keepData = t6 === undefined ? true : t6;
-  let t7;
-  if ($[8] !== query) {
-    t7 = query || {};
-    $[8] = query;
-    $[9] = t7;
-  } else {
-    t7 = $[9];
-  }
-  let queryWithoutPage;
-  let t8;
-  let t9;
-  if ($[10] !== t7) {
-    ({
-      page: t8,
-      count: t9,
-      ...queryWithoutPage
-    } = t7);
-    $[10] = t7;
-    $[11] = queryWithoutPage;
-    $[12] = t8;
-    $[13] = t9;
-  } else {
-    queryWithoutPage = $[11];
-    t8 = $[12];
-    t9 = $[13];
-  }
-  const page = t8 === undefined ? initialPage : t8;
-  const count = t9 === undefined ? initialCount : t9;
+  const {
+    page: t7,
+    count: t8,
+    ...queryWithoutPage
+  } = query || {};
+  const page = t7 === undefined ? initialPage : t7;
+  const count = t8 === undefined ? initialCount : t8;
   const paginated = page !== null;
-  let t10;
-  if ($[14] !== count || $[15] !== page || $[16] !== queryWithoutPage || $[17] !== scope) {
-    t10 = [scope, queryWithoutPage, page, count];
-    $[14] = count;
-    $[15] = page;
-    $[16] = queryWithoutPage;
-    $[17] = scope;
-    $[18] = t10;
-  } else {
-    t10 = $[18];
-  }
-  let t11;
-  if ($[19] !== getItems || $[20] !== url) {
-    t11 = t12 => {
+  let t9;
+  if ($[0] !== getItems || $[1] !== url) {
+    t9 = t10 => {
       const {
-        queryKey: t13
-      } = t12;
-      const [, t14, t15, t16] = t13 === undefined ? [] : t13;
-      const queryParam = t14 === undefined ? null : t14;
-      const pageParam = t15 === undefined ? null : t15;
-      const countParam = t16 === undefined ? null : t16;
+        queryKey: t11
+      } = t10;
+      const [, t12, t13, t14] = t11 === undefined ? [] : t11;
+      const queryParam = t12 === undefined ? null : t12;
+      const pageParam = t13 === undefined ? null : t13;
+      const countParam = t14 === undefined ? null : t14;
       return getItems !== null ? getItems(queryParam, pageParam, countParam) : getJSON(`${url}?${queryString.stringify({
         ...(isObject(queryParam) ? queryParam : {}),
         ...(pageParam !== null ? {
@@ -188,165 +131,121 @@ function useItems(scope, t0) {
         arrayFormat: "bracket"
       })}`);
     };
-    $[19] = getItems;
-    $[20] = url;
-    $[21] = t11;
+    $[0] = getItems;
+    $[1] = url;
+    $[2] = t9;
   } else {
-    t11 = $[21];
+    t9 = $[2];
   }
-  let t12;
-  if ($[22] !== keepData) {
-    t12 = keepData ? {
+  const {
+    data: t10,
+    refetch: reload,
+    isLoading,
+    isFetching,
+    isRefetching,
+    isFetched,
+    isPlaceholderData,
+    ...otherProps
+  } = useQuery({
+    queryKey: [scope, queryWithoutPage, page, count],
+    queryFn: t9,
+    refetchOnMount: "always",
+    ...(keepData ? {
       placeholderData: keepPreviousData
-    } : null;
-    $[22] = keepData;
-    $[23] = t12;
-  } else {
-    t12 = $[23];
-  }
-  let t13;
-  if ($[24] !== queryConfig || $[25] !== t10 || $[26] !== t11 || $[27] !== t12) {
-    t13 = {
-      queryKey: t10,
-      queryFn: t11,
-      refetchOnMount: "always",
-      ...t12,
-      ...queryConfig
-    };
-    $[24] = queryConfig;
-    $[25] = t10;
-    $[26] = t11;
-    $[27] = t12;
-    $[28] = t13;
-  } else {
-    t13 = $[28];
-  }
-  const t14 = useQuery(t13);
-  let isFetched;
-  let isFetching;
-  let isLoading;
-  let isRefetching;
-  let otherProps;
-  let reload;
-  let t15;
-  if ($[29] !== t14) {
-    ({
-      data: t15,
-      refetch: reload,
-      isLoading,
-      isFetching,
-      isRefetching,
-      isFetched,
-      ...otherProps
-    } = t14);
-    $[29] = t14;
-    $[30] = isFetched;
-    $[31] = isFetching;
-    $[32] = isLoading;
-    $[33] = isRefetching;
-    $[34] = otherProps;
-    $[35] = reload;
-    $[36] = t15;
-  } else {
-    isFetched = $[30];
-    isFetching = $[31];
-    isLoading = $[32];
-    isRefetching = $[33];
-    otherProps = $[34];
-    reload = $[35];
-    t15 = $[36];
-  }
-  const data = t15 === undefined ? null : t15;
-  let t16;
-  if ($[37] !== data) {
-    t16 = isArray(data) ? {
+    } : null),
+    ...queryConfig
+  });
+  const data = t10 === undefined ? null : t10;
+  let t11;
+  if ($[3] !== data) {
+    t11 = isArray(data) ? {
       data
     } : data || {};
-    $[37] = data;
-    $[38] = t16;
+    $[3] = data;
+    $[4] = t11;
   } else {
-    t16 = $[38];
+    t11 = $[4];
   }
   const {
-    data: t17,
-    pagination: t18,
-    meta: t19
-  } = t16;
-  let t20;
-  if ($[39] !== t17) {
-    t20 = t17 === undefined ? [] : t17;
-    $[39] = t17;
-    $[40] = t20;
+    data: t12,
+    pagination: t13,
+    meta: t14
+  } = t11;
+  let t15;
+  if ($[5] !== t12) {
+    t15 = t12 === undefined ? [] : t12;
+    $[5] = t12;
+    $[6] = t15;
   } else {
-    t20 = $[40];
+    t15 = $[6];
   }
-  const items = t20;
-  const pagination = t18 === undefined ? null : t18;
-  const meta = t19 === undefined ? null : t19;
-  let t21;
-  if ($[41] !== meta || $[42] !== pagination) {
-    t21 = pagination || meta || {};
-    $[41] = meta;
-    $[42] = pagination;
-    $[43] = t21;
+  const items = t15;
+  const pagination = t13 === undefined ? null : t13;
+  const meta = t14 === undefined ? null : t14;
+  let t16;
+  if ($[7] !== meta || $[8] !== pagination) {
+    t16 = pagination || meta || {};
+    $[7] = meta;
+    $[8] = pagination;
+    $[9] = t16;
   } else {
-    t21 = $[43];
+    t16 = $[9];
   }
   const {
-    page: t22,
-    last_page: t23,
-    total: t24
-  } = t21;
-  const currentPage = t22 === undefined ? null : t22;
-  const lastPage = t23 === undefined ? 0 : t23;
-  const total = t24 === undefined ? null : t24;
-  let t25;
-  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
-    t25 = [];
-    $[44] = t25;
+    page: t17,
+    last_page: t18,
+    total: t19
+  } = t16;
+  const currentPage = t17 === undefined ? null : t17;
+  const lastPage = t18 === undefined ? 0 : t18;
+  const total = t19 === undefined ? null : t19;
+  let t20;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t20 = [];
+    $[10] = t20;
   } else {
-    t25 = $[44];
+    t20 = $[10];
   }
-  const [updatedItems, setUpdatedItems] = useState(t25);
-  let t26;
-  if ($[45] !== updatedItems) {
-    t26 = item => {
+  const [updatedItems, setUpdatedItems] = useState(t20);
+  let t21;
+  if ($[11] !== updatedItems) {
+    t21 = item => {
       const {
-        id: t27
+        id: t22
       } = item || {};
-      const itemId = t27 === undefined ? null : t27;
+      const itemId = t22 === undefined ? null : t22;
       if (itemId !== null) {
-        setUpdatedItems([...(updatedItems || []).filter(t28 => {
+        setUpdatedItems([...(updatedItems || []).filter(t23 => {
           const {
-            id: t29
-          } = t28 === undefined ? {} : t28;
-          const id = t29 === undefined ? null : t29;
+            id: t24
+          } = t23 === undefined ? {} : t23;
+          const id = t24 === undefined ? null : t24;
           return id !== itemId;
         }), item]);
       }
     };
-    $[45] = updatedItems;
-    $[46] = t26;
+    $[11] = updatedItems;
+    $[12] = t21;
   } else {
-    t26 = $[46];
+    t21 = $[12];
   }
-  const updateItem = t26;
-  let t27;
-  if ($[47] !== updatedItems) {
-    t27 = currentItems => {
+  const updateItem = t21;
+  let t22;
+  if ($[13] !== updatedItems) {
+    t22 = currentItems => {
       if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
         return currentItems;
       }
       return (currentItems || []).map(item_0 => {
         const {
-          id: t28
+          id: t23
         } = item_0 || {};
-        const itemId_0 = t28 === undefined ? null : t28;
-        const updated = (updatedItems || []).find(t29 => {
+        const itemId_0 = t23 === undefined ? null : t23;
+        const updated = (updatedItems || []).find(t24 => {
           const {
-            id: t30
-          } = t29 === undefined ? {} : t29;
-          const id_0 = t30 === undefined ? null : t30;
+            id: t25
+          } = t24 === undefined ? {} : t24;
+          const id_0 = t25 === undefined ? null : t25;
           return id_0 === itemId_0;
         }) || null;
         if (updated !== null) {
@@ -355,71 +254,108 @@ function useItems(scope, t0) {
         return item_0;
       }, []);
     };
-    $[47] = updatedItems;
-    $[48] = t27;
+    $[13] = updatedItems;
+    $[14] = t22;
   } else {
-    t27 = $[48];
+    t22 = $[14];
   }
-  const replaceUpdatedItems = t27;
-  let t28;
-  if ($[49] !== items || $[50] !== replaceUpdatedItems) {
-    t28 = replaceUpdatedItems(items);
-    $[49] = items;
-    $[50] = replaceUpdatedItems;
-    $[51] = t28;
+  const replaceUpdatedItems = t22;
+  let t23;
+  if ($[15] !== items || $[16] !== replaceUpdatedItems) {
+    t23 = replaceUpdatedItems(items);
+    $[15] = items;
+    $[16] = replaceUpdatedItems;
+    $[17] = t23;
   } else {
-    t28 = $[51];
+    t23 = $[17];
   }
-  const finalItems = t28;
-  let t29;
-  if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
-    t29 = {};
-    $[52] = t29;
+  const finalItems = t23;
+  const pagesKey = hashKey([scope, queryWithoutPage, count]);
+  let t24;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t24 = {};
+    $[18] = t24;
   } else {
-    t29 = $[52];
+    t24 = $[18];
   }
-  const [pages, setPages] = useState(t29);
-  if (isFetched && page !== null && data !== null && typeof pages[page] === "undefined") {
-    setPages({
-      ...pages,
-      [page]: data
+  let t25;
+  if ($[19] !== pagesKey) {
+    t25 = {
+      key: pagesKey,
+      pages: t24
+    };
+    $[19] = pagesKey;
+    $[20] = t25;
+  } else {
+    t25 = $[20];
+  }
+  const [pagesState, setPagesState] = useState(t25);
+  let t26;
+  if ($[21] !== pagesKey || $[22] !== pagesState.key || $[23] !== pagesState.pages) {
+    t26 = pagesState.key === pagesKey ? pagesState.pages : {};
+    $[21] = pagesKey;
+    $[22] = pagesState.key;
+    $[23] = pagesState.pages;
+    $[24] = t26;
+  } else {
+    t26 = $[24];
+  }
+  const pages = t26;
+  if (isFetched && !isPlaceholderData && page !== null && data !== null && typeof pages[page] === "undefined") {
+    let t27;
+    if ($[25] !== data || $[26] !== page || $[27] !== pages) {
+      t27 = {
+        ...pages,
+        [page]: data
+      };
+      $[25] = data;
+      $[26] = page;
+      $[27] = pages;
+      $[28] = t27;
+    } else {
+      t27 = $[28];
+    }
+    setPagesState({
+      key: pagesKey,
+      pages: t27
     });
   }
-  let t30;
-  if ($[53] !== finalItems || $[54] !== pages || $[55] !== replaceUpdatedItems) {
-    t30 = pages ? replaceUpdatedItems(Object.keys(pages).flatMap(k => pages[k]?.data)) : finalItems;
-    $[53] = finalItems;
-    $[54] = pages;
-    $[55] = replaceUpdatedItems;
-    $[56] = t30;
+  let t27;
+  if ($[29] !== finalItems || $[30] !== pages || $[31] !== replaceUpdatedItems) {
+    t27 = Object.keys(pages).length > 0 ? replaceUpdatedItems(Object.keys(pages).flatMap(k => pages[k]?.data)) : finalItems;
+    $[29] = finalItems;
+    $[30] = pages;
+    $[31] = replaceUpdatedItems;
+    $[32] = t27;
   } else {
-    t30 = $[56];
+    t27 = $[32];
   }
-  const allItems = t30;
+  const allItems = t27;
   const finalLoading = isLoading || isFetching || isRefetching;
-  let t31;
-  if ($[57] !== currentPage || $[58] !== lastPage || $[59] !== paginated || $[60] !== total) {
-    t31 = paginated ? {
+  let t28;
+  if ($[33] !== currentPage || $[34] !== lastPage || $[35] !== paginated || $[36] !== total) {
+    t28 = paginated ? {
       page: currentPage,
       lastPage,
       total
     } : null;
-    $[57] = currentPage;
-    $[58] = lastPage;
-    $[59] = paginated;
-    $[60] = total;
-    $[61] = t31;
+    $[33] = currentPage;
+    $[34] = lastPage;
+    $[35] = paginated;
+    $[36] = total;
+    $[37] = t28;
   } else {
-    t31 = $[61];
+    t28 = $[37];
   }
-  let t32;
-  if ($[62] !== allItems || $[63] !== finalItems || $[64] !== finalLoading || $[65] !== isFetched || $[66] !== isFetching || $[67] !== isLoading || $[68] !== isRefetching || $[69] !== otherProps || $[70] !== pages || $[71] !== reload || $[72] !== t31 || $[73] !== updateItem) {
-    t32 = {
+  let t29;
+  if ($[38] !== allItems || $[39] !== finalItems || $[40] !== finalLoading || $[41] !== isFetched || $[42] !== isFetching || $[43] !== isLoading || $[44] !== isPlaceholderData || $[45] !== isRefetching || $[46] !== otherProps || $[47] !== pages || $[48] !== reload || $[49] !== t28 || $[50] !== updateItem) {
+    t29 = {
       ...otherProps,
       isLoading,
       isFetching,
       isRefetching,
       isFetched,
+      isPlaceholderData,
       items: finalItems,
       pages,
       allItems,
@@ -427,25 +363,26 @@ function useItems(scope, t0) {
       loaded: isFetched,
       reload,
       updateItem,
-      pagination: t31
+      pagination: t28
     };
-    $[62] = allItems;
-    $[63] = finalItems;
-    $[64] = finalLoading;
-    $[65] = isFetched;
-    $[66] = isFetching;
-    $[67] = isLoading;
-    $[68] = isRefetching;
-    $[69] = otherProps;
-    $[70] = pages;
-    $[71] = reload;
-    $[72] = t31;
-    $[73] = updateItem;
-    $[74] = t32;
-  } else {
-    t32 = $[74];
-  }
-  return t32;
+    $[38] = allItems;
+    $[39] = finalItems;
+    $[40] = finalLoading;
+    $[41] = isFetched;
+    $[42] = isFetching;
+    $[43] = isLoading;
+    $[44] = isPlaceholderData;
+    $[45] = isRefetching;
+    $[46] = otherProps;
+    $[47] = pages;
+    $[48] = reload;
+    $[49] = t28;
+    $[50] = updateItem;
+    $[51] = t29;
+  } else {
+    t29 = $[51];
+  }
+  return t29;
 }
 
 class Base {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/data",
-    "version": "4.0.78",
+    "version": "4.0.82",
     "description": "",
     "keywords": [
         "javascript"
@@ -71,5 +71,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "669f20a39ca9545acbe0f2279c6d1af23e43ae6e"
+    "gitHead": "07ddafacd3409c53502e1f15604c03f7cff41c06"
 }