payload 1.4.2 → 1.5.0

package/dist/admin/components/views/collections/List/RelationshipProvider/index.js

@@ -1,17 +1,46 @@
-import React, { createContext, useCallback, useContext, useEffect, useReducer } from 'react';
-import querystring from 'qs';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../../utilities/Config';
-import { reducer } from './reducer';
-import useDebounce from '../../../../../hooks/useDebounce';
-const Context = createContext({});
-export const RelationshipProvider = ({ children }) => {
-    const [documents, dispatchDocuments] = useReducer(reducer, {});
-    const debouncedDocuments = useDebounce(documents, 100);
-    const config = useConfig();
-    const { i18n } = useTranslation();
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListRelationships = exports.RelationshipProvider = void 0;
+const react_1 = __importStar(require("react"));
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../../utilities/Config");
+const reducer_1 = require("./reducer");
+const useDebounce_1 = __importDefault(require("../../../../../hooks/useDebounce"));
+const Context = (0, react_1.createContext)({});
+const RelationshipProvider = ({ children }) => {
+    const [documents, dispatchDocuments] = (0, react_1.useReducer)(reducer_1.reducer, {});
+    const debouncedDocuments = (0, useDebounce_1.default)(documents, 100);
+    const config = (0, Config_1.useConfig)();
+    const { i18n } = (0, react_i18next_1.useTranslation)();
     const { serverURL, routes: { api }, } = config;
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {
             const idsToLoad = [];
             Object.entries(docs).forEach(([id, value]) => {
@@ -27,7 +56,7 @@ export const RelationshipProvider = ({ children }) => {
                     locale: i18n.language,
                     limit: 250,
                 };
-                const query = querystring.stringify(params, { addQueryPrefix: true });
+                const query = qs_1.default.stringify(params, { addQueryPrefix: true });
                 const result = await fetch(`${url}${query}`, {
                     credentials: 'include',
                     headers: {
@@ -46,9 +75,11 @@ export const RelationshipProvider = ({ children }) => {
             }
         });
     }, [i18n, serverURL, api, debouncedDocuments]);
-    const getRelationships = useCallback(async (relationships) => {
+    const getRelationships = (0, react_1.useCallback)(async (relationships) => {
         dispatchDocuments({ type: 'REQUEST', docs: relationships });
     }, []);
-    return (React.createElement(Context.Provider, { value: { getRelationships, documents } }, children));
+    return (react_1.default.createElement(Context.Provider, { value: { getRelationships, documents } }, children));
 };
-export const useListRelationships = () => useContext(Context);
+exports.RelationshipProvider = RelationshipProvider;
+const useListRelationships = () => (0, react_1.useContext)(Context);
+exports.useListRelationships = useListRelationships;

package/dist/admin/components/views/collections/List/RelationshipProvider/reducer.d.ts

@@ -1,18 +1,18 @@
 import { Documents } from './index';
 import { TypeWithID } from '../../../../../../collections/config/types';
-declare type RequestDocuments = {
+type RequestDocuments = {
     type: 'REQUEST';
     docs: {
         relationTo: string;
         value: number | string;
     }[];
 };
-declare type AddLoadedDocuments = {
+type AddLoadedDocuments = {
     type: 'ADD_LOADED';
     relationTo: string;
     docs: TypeWithID[];
     idsToLoad: (string | number)[];
 };
-declare type Action = RequestDocuments | AddLoadedDocuments;
+type Action = RequestDocuments | AddLoadedDocuments;
 export declare function reducer(state: Documents, action: Action): Documents;
 export {};

package/dist/admin/components/views/collections/List/RelationshipProvider/reducer.js

@@ -1,4 +1,7 @@
-export function reducer(state, action) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reducer = void 0;
+function reducer(state, action) {
     switch (action.type) {
         case 'REQUEST': {
             const newState = { ...state };
@@ -32,3 +35,4 @@ export function reducer(state, action) {
         }
     }
 }
+exports.reducer = reducer;

package/dist/admin/components/views/collections/List/buildColumns.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import Cell from './Cell';
-import SortColumn from '../../../elements/SortColumn';
-import { fieldIsPresentationalOnly } from '../../../../../fields/config/types';
-import flattenFields from '../../../../../utilities/flattenTopLevelFields';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Cell_1 = __importDefault(require("./Cell"));
+const SortColumn_1 = __importDefault(require("../../../elements/SortColumn"));
+const types_1 = require("../../../../../fields/config/types");
+const flattenTopLevelFields_1 = __importDefault(require("../../../../../utilities/flattenTopLevelFields"));
 const buildColumns = ({ collection, columns, t, cellProps, }) => {
-    const flattenedFields = flattenFields([
+    const flattenedFields = (0, flattenTopLevelFields_1.default)([
         ...collection.fields,
         {
             name: 'id',
@@ -35,9 +40,9 @@ const buildColumns = ({ collection, columns, t, cellProps, }) => {
                 {
                     accessor: field.name,
                     components: {
-                        Heading: (React.createElement(SortColumn, { label: field.label || field.name, name: field.name, disable: (field.disableSort || fieldIsPresentationalOnly(field)) || undefined })),
+                        Heading: (react_1.default.createElement(SortColumn_1.default, { label: field.label || field.name, name: field.name, disable: (field.disableSort || (0, types_1.fieldIsPresentationalOnly)(field)) || undefined })),
                         renderCell: (rowData, cellData) => {
-                            return (React.createElement(Cell, { key: JSON.stringify(cellData), field: field, colIndex: colIndex, collection: collection, rowData: rowData, cellData: cellData, link: colIndex === 0, ...(cellProps === null || cellProps === void 0 ? void 0 : cellProps[colIndex]) || {} }));
+                            return (react_1.default.createElement(Cell_1.default, { key: JSON.stringify(cellData), field: field, colIndex: colIndex, collection: collection, rowData: rowData, cellData: cellData, link: colIndex === 0, ...(cellProps === null || cellProps === void 0 ? void 0 : cellProps[colIndex]) || {} }));
                         },
                     },
                 },
@@ -46,4 +51,4 @@ const buildColumns = ({ collection, columns, t, cellProps, }) => {
         return cols;
     }, []);
 };
-export default buildColumns;
+exports.default = buildColumns;

package/dist/admin/components/views/collections/List/formatFields.js

@@ -1,9 +1,11 @@
-import { fieldAffectsData, fieldIsPresentationalOnly } from '../../../../../fields/config/types';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = require("../../../../../fields/config/types");
 const formatFields = (config, t) => {
-    const hasID = config.fields.findIndex((field) => fieldAffectsData(field) && field.name === 'id') > -1;
+    const hasID = config.fields.findIndex((field) => (0, types_1.fieldAffectsData)(field) && field.name === 'id') > -1;
     let fields = config.fields.reduce((formatted, field) => {
         var _a;
-        if (!fieldIsPresentationalOnly(field) && (field.hidden === true || ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.disabled) === true)) {
+        if (!(0, types_1.fieldIsPresentationalOnly)(field) && (field.hidden === true || ((_a = field === null || field === void 0 ? void 0 : field.admin) === null || _a === void 0 ? void 0 : _a.disabled) === true)) {
             return formatted;
         }
         return [
@@ -35,4 +37,4 @@ const formatFields = (config, t) => {
     }
     return fields;
 };
-export default formatFields;
+exports.default = formatFields;

package/dist/admin/components/views/collections/List/getInitialColumns.js

@@ -1,9 +1,11 @@
-import { fieldHasSubFields, fieldAffectsData, tabHasName } from '../../../../../fields/config/types';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = require("../../../../../fields/config/types");
 const getRemainingColumns = (fields, useAsTitle) => fields.reduce((remaining, field) => {
-    if (fieldAffectsData(field) && field.name === useAsTitle) {
+    if ((0, types_1.fieldAffectsData)(field) && field.name === useAsTitle) {
         return remaining;
     }
-    if (!fieldAffectsData(field) && fieldHasSubFields(field)) {
+    if (!(0, types_1.fieldAffectsData)(field) && (0, types_1.fieldHasSubFields)(field)) {
         return [
             ...remaining,
             ...getRemainingColumns(field.fields, useAsTitle),
@@ -14,7 +16,7 @@ const getRemainingColumns = (fields, useAsTitle) => fields.reduce((remaining, fi
             ...remaining,
             ...field.tabs.reduce((tabFieldColumns, tab) => [
                 ...tabFieldColumns,
-                ...(tabHasName(tab) ? [tab.name] : getRemainingColumns(tab.fields, useAsTitle)),
+                ...((0, types_1.tabHasName)(tab) ? [tab.name] : getRemainingColumns(tab.fields, useAsTitle)),
             ], []),
         ];
     }
@@ -36,4 +38,4 @@ const getInitialColumnState = (fields, useAsTitle, defaultColumns) => {
     initialColumns = initialColumns.slice(0, 4);
     return initialColumns;
 };
-export default getInitialColumnState;
+exports.default = getInitialColumnState;

package/dist/admin/components/views/collections/List/index.js

@@ -1,42 +1,70 @@
-import React, { useEffect, useState, useCallback } from 'react';
-import { useHistory } from 'react-router-dom';
-import queryString from 'qs';
-import { useTranslation } from 'react-i18next';
-import { useConfig } from '../../../utilities/Config';
-import { useAuth } from '../../../utilities/Auth';
-import usePayloadAPI from '../../../../hooks/usePayloadAPI';
-import DefaultList from './Default';
-import RenderCustomComponent from '../../../utilities/RenderCustomComponent';
-import { useStepNav } from '../../../elements/StepNav';
-import formatFields from './formatFields';
-import buildColumns from './buildColumns';
-import { usePreferences } from '../../../utilities/Preferences';
-import { useSearchParams } from '../../../utilities/SearchParams';
-import getInitialColumns from './getInitialColumns';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Config_1 = require("../../../utilities/Config");
+const Auth_1 = require("../../../utilities/Auth");
+const usePayloadAPI_1 = __importDefault(require("../../../../hooks/usePayloadAPI"));
+const Default_1 = __importDefault(require("./Default"));
+const RenderCustomComponent_1 = __importDefault(require("../../../utilities/RenderCustomComponent"));
+const StepNav_1 = require("../../../elements/StepNav");
+const formatFields_1 = __importDefault(require("./formatFields"));
+const buildColumns_1 = __importDefault(require("./buildColumns"));
+const Preferences_1 = require("../../../utilities/Preferences");
+const SearchParams_1 = require("../../../utilities/SearchParams");
+const getInitialColumns_1 = __importDefault(require("./getInitialColumns"));
 const ListView = (props) => {
     var _a, _b;
     const { collection, collection: { slug, labels: { plural, }, admin: { useAsTitle, defaultColumns, pagination: { defaultLimit, }, components: { views: { List: CustomList, } = {}, } = {}, }, }, } = props;
-    const { serverURL, routes: { api, admin } } = useConfig();
+    const { serverURL, routes: { api, admin } } = (0, Config_1.useConfig)();
     const preferenceKey = `${collection.slug}-list`;
-    const { permissions } = useAuth();
-    const { setStepNav } = useStepNav();
-    const { getPreference, setPreference } = usePreferences();
-    const { page, sort, limit, where } = useSearchParams();
-    const history = useHistory();
-    const { t } = useTranslation('general');
-    const [fetchURL, setFetchURL] = useState('');
-    const [fields] = useState(() => formatFields(collection, t));
-    const [tableColumns, setTableColumns] = useState(() => {
-        const initialColumns = getInitialColumns(fields, useAsTitle, defaultColumns);
-        return buildColumns({ collection, columns: initialColumns, t });
+    const { permissions } = (0, Auth_1.useAuth)();
+    const { setStepNav } = (0, StepNav_1.useStepNav)();
+    const { getPreference, setPreference } = (0, Preferences_1.usePreferences)();
+    const { page, sort, limit, where } = (0, SearchParams_1.useSearchParams)();
+    const history = (0, react_router_dom_1.useHistory)();
+    const { t } = (0, react_i18next_1.useTranslation)('general');
+    const [fetchURL, setFetchURL] = (0, react_1.useState)('');
+    const [fields] = (0, react_1.useState)(() => (0, formatFields_1.default)(collection, t));
+    const [tableColumns, setTableColumns] = (0, react_1.useState)(() => {
+        const initialColumns = (0, getInitialColumns_1.default)(fields, useAsTitle, defaultColumns);
+        return (0, buildColumns_1.default)({ collection, columns: initialColumns, t });
     });
     const collectionPermissions = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.collections) === null || _a === void 0 ? void 0 : _a[slug];
     const hasCreatePermission = (_b = collectionPermissions === null || collectionPermissions === void 0 ? void 0 : collectionPermissions.create) === null || _b === void 0 ? void 0 : _b.permission;
     const newDocumentURL = `${admin}/collections/${slug}/create`;
-    const [{ data }, { setParams: setFetchParams }] = usePayloadAPI(fetchURL, { initialParams: { page: 1 } });
+    const [{ data }, { setParams: setFetchParams }] = (0, usePayloadAPI_1.default)(fetchURL, { initialParams: { page: 1 } });
     const activeColumnNames = tableColumns.map(({ accessor }) => accessor);
     const stringifiedActiveColumns = JSON.stringify(activeColumnNames);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         setStepNav([
             {
                 label: plural,
@@ -46,7 +74,7 @@ const ListView = (props) => {
     // /////////////////////////////////////
     // Set up Payload REST API query params
     // /////////////////////////////////////
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const params = {
             depth: 0,
             draft: 'true',
@@ -70,19 +98,19 @@ const ListView = (props) => {
     // /////////////////////////////////////
     // Fetch preferences on first load
     // /////////////////////////////////////
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         (async () => {
             const currentPreferences = await getPreference(preferenceKey);
             if (currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.columns) {
-                setTableColumns(buildColumns({ collection, columns: currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.columns, t }));
+                setTableColumns((0, buildColumns_1.default)({ collection, columns: currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.columns, t }));
             }
-            const params = queryString.parse(history.location.search, { ignoreQueryPrefix: true, depth: 0 });
+            const params = qs_1.default.parse(history.location.search, { ignoreQueryPrefix: true, depth: 0 });
             const search = {
                 ...params,
                 sort: (params === null || params === void 0 ? void 0 : params.sort) || (currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.sort),
                 limit: (params === null || params === void 0 ? void 0 : params.limit) || (currentPreferences === null || currentPreferences === void 0 ? void 0 : currentPreferences.limit),
             };
-            const newSearchQuery = queryString.stringify(search, { addQueryPrefix: true });
+            const newSearchQuery = qs_1.default.stringify(search, { addQueryPrefix: true });
             if (newSearchQuery.length > 1) {
                 history.replace({
                     search: newSearchQuery,
@@ -94,7 +122,7 @@ const ListView = (props) => {
     // When any preference-enabled values are updated,
     // Set preferences
     // /////////////////////////////////////
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const newPreferences = {
             limit,
             sort,
@@ -102,10 +130,10 @@ const ListView = (props) => {
         };
         setPreference(preferenceKey, newPreferences);
     }, [sort, limit, stringifiedActiveColumns, preferenceKey, setPreference]);
-    const setActiveColumns = useCallback((columns) => {
-        setTableColumns(buildColumns({ collection, columns, t }));
+    const setActiveColumns = (0, react_1.useCallback)((columns) => {
+        setTableColumns((0, buildColumns_1.default)({ collection, columns, t }));
     }, [collection, t]);
-    return (React.createElement(RenderCustomComponent, { DefaultComponent: DefaultList, CustomComponent: CustomList, componentProps: {
+    return (react_1.default.createElement(RenderCustomComponent_1.default, { DefaultComponent: Default_1.default, CustomComponent: CustomList, componentProps: {
             collection: { ...collection, fields },
             newDocumentURL,
             hasCreatePermission,
@@ -116,4 +144,4 @@ const ListView = (props) => {
             limit: limit || defaultLimit,
         } }));
 };
-export default ListView;
+exports.default = ListView;

package/dist/admin/components/views/collections/List/types.d.ts

@@ -5,7 +5,7 @@ import { Column } from '../../../elements/Table/types';
 import { Props as ListControlsProps } from '../../../elements/ListControls/types';
 import { Props as PerPageProps } from '../../../elements/PerPage';
 import { Props as PaginatorProps } from '../../../elements/Paginator/types';
-export declare type Props = {
+export type Props = {
     collection: SanitizedCollectionConfig;
     data: PaginatedDocs<any>;
     newDocumentURL: string;
@@ -28,10 +28,10 @@ export declare type Props = {
     onCreateNewClick?: () => void;
     customHeader?: React.ReactNode;
 };
-export declare type ListIndexProps = {
+export type ListIndexProps = {
     collection: SanitizedCollectionConfig;
 };
-export declare type ListPreferences = {
+export type ListPreferences = {
     columns: string[];
     limit: number;
     sort: number;

package/dist/admin/components/views/collections/List/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/admin/hooks/useDebounce.js

@@ -1,9 +1,11 @@
-import { useState, useEffect } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
 // Our hook
-export default function useDebounce(value, delay) {
+function useDebounce(value, delay) {
     // State and setters for debounced value
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
+    const [debouncedValue, setDebouncedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
         const handler = setTimeout(() => {
             setDebouncedValue(value);
         }, delay);
@@ -13,3 +15,4 @@ export default function useDebounce(value, delay) {
     }, [value, delay]);
     return debouncedValue;
 }
+exports.default = useDebounce;

package/dist/admin/hooks/useDebouncedCallback.js

@@ -1,15 +1,18 @@
-import { useRef, useCallback } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedCallback = void 0;
+const react_1 = require("react");
 /**
  * Returns a memoized function that will only call the passed function when it hasn't been called for the wait period
  * @param func The function to be called
  * @param wait Wait period after function hasn't been called for
  * @returns A memoized function that is debounced
  */
-export const useDebouncedCallback = (func, wait) => {
+const useDebouncedCallback = (func, wait) => {
     // Use a ref to store the timeout between renders
     // and prevent changes to it from causing re-renders
-    const timeout = useRef();
-    return useCallback((...args) => {
+    const timeout = (0, react_1.useRef)();
+    return (0, react_1.useCallback)((...args) => {
         const later = () => {
             clearTimeout(timeout.current);
             func(...args);
@@ -18,3 +21,4 @@ export const useDebouncedCallback = (func, wait) => {
         timeout.current = setTimeout(later, wait);
     }, [func, wait]);
 };
+exports.useDebouncedCallback = useDebouncedCallback;

package/dist/admin/hooks/useIntersect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Intersect = [
+type Intersect = [
     setNode: React.Dispatch<Element>,
     entry: IntersectionObserverEntry
 ];

package/dist/admin/hooks/useIntersect.js

@@ -1,14 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-shadow */
-import { useEffect, useRef, useState } from 'react';
+const react_1 = require("react");
 const useIntersect = ({ root = null, rootMargin = '0px', threshold = 0, } = {}) => {
-    const [entry, updateEntry] = useState();
-    const [node, setNode] = useState(null);
-    const observer = useRef(new window.IntersectionObserver(([ent]) => updateEntry(ent), {
+    const [entry, updateEntry] = (0, react_1.useState)();
+    const [node, setNode] = (0, react_1.useState)(null);
+    const observer = (0, react_1.useRef)(new window.IntersectionObserver(([ent]) => updateEntry(ent), {
         root,
         rootMargin,
         threshold,
     }));
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const { current: currentObserver } = observer;
         currentObserver.disconnect();
         if (node)
@@ -17,4 +19,4 @@ const useIntersect = ({ root = null, rootMargin = '0px', threshold = 0, } = {})
     }, [node]);
     return [setNode, entry];
 };
-export default useIntersect;
+exports.default = useIntersect;

package/dist/admin/hooks/useMountEffect.js

@@ -1,3 +1,5 @@
-import { useEffect } from 'react';
-const useMountEffect = (func) => useEffect(func, []);
-export default useMountEffect;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useMountEffect = (func) => (0, react_1.useEffect)(func, []);
+exports.default = useMountEffect;

package/dist/admin/hooks/usePayloadAPI.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Result = [
+type Result = [
     {
         isLoading: boolean;
         isError: boolean;
@@ -9,10 +9,10 @@ declare type Result = [
         setParams: React.Dispatch<unknown>;
     }
 ];
-declare type Options = {
+type Options = {
     initialParams?: unknown;
     initialData?: any;
 };
-declare type UsePayloadAPI = (url: string, options?: Options) => Result;
+type UsePayloadAPI = (url: string, options?: Options) => Result;
 declare const usePayloadAPI: UsePayloadAPI;
 export default usePayloadAPI;

package/dist/admin/hooks/usePayloadAPI.js

@@ -1,28 +1,33 @@
-import { useState, useEffect } from 'react';
-import queryString from 'qs';
-import { useTranslation } from 'react-i18next';
-import { useLocale } from '../components/utilities/Locale';
-import { requests } from '../api';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const qs_1 = __importDefault(require("qs"));
+const react_i18next_1 = require("react-i18next");
+const Locale_1 = require("../components/utilities/Locale");
+const api_1 = require("../api");
 const usePayloadAPI = (url, options = {}) => {
     const { initialParams = {}, initialData = {}, } = options;
-    const { i18n } = useTranslation();
-    const [data, setData] = useState(initialData);
-    const [params, setParams] = useState(initialParams);
-    const [isLoading, setIsLoading] = useState(true);
-    const [isError, setIsError] = useState(false);
-    const locale = useLocale();
-    const search = queryString.stringify({
+    const { i18n } = (0, react_i18next_1.useTranslation)();
+    const [data, setData] = (0, react_1.useState)(initialData);
+    const [params, setParams] = (0, react_1.useState)(initialParams);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [isError, setIsError] = (0, react_1.useState)(false);
+    const locale = (0, Locale_1.useLocale)();
+    const search = qs_1.default.stringify({
         locale,
         ...(typeof params === 'object' ? params : {}),
     }, {
         addQueryPrefix: true,
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const fetchData = async () => {
             setIsError(false);
             setIsLoading(true);
             try {
-                const response = await requests.get(`${url}${search}`, {
+                const response = await api_1.requests.get(`${url}${search}`, {
                     headers: {
                         'Accept-Language': i18n.language,
                     },
@@ -49,4 +54,4 @@ const usePayloadAPI = (url, options = {}) => {
     }, [url, locale, search, i18n.language]);
     return [{ data, isLoading, isError }, { setParams }];
 };
-export default usePayloadAPI;
+exports.default = usePayloadAPI;

package/dist/admin/hooks/useThrottledEffect.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-declare type useThrottledEffect = (callback: React.EffectCallback, delay: number, deps: React.DependencyList) => void;
+type useThrottledEffect = (callback: React.EffectCallback, delay: number, deps: React.DependencyList) => void;
 declare const useThrottledEffect: useThrottledEffect;
 export default useThrottledEffect;

package/dist/admin/hooks/useThrottledEffect.js

@@ -1,8 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable react-hooks/exhaustive-deps */
-import { useEffect, useRef } from 'react';
+const react_1 = require("react");
 const useThrottledEffect = (callback, delay, deps = []) => {
-    const lastRan = useRef(Date.now());
-    useEffect(() => {
+    const lastRan = (0, react_1.useRef)(Date.now());
+    (0, react_1.useEffect)(() => {
         const handler = setTimeout(() => {
             if (Date.now() - lastRan.current >= delay) {
                 callback();
@@ -14,4 +16,4 @@ const useThrottledEffect = (callback, delay, deps = []) => {
         };
     }, [delay, ...deps]);
 };
-export default useThrottledEffect;
+exports.default = useThrottledEffect;

package/dist/admin/hooks/useThumbnail.js

@@ -1,12 +1,17 @@
-import { useConfig } from '../components/utilities/Config';
-import isImage from '../../uploads/isImage';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Config_1 = require("../components/utilities/Config");
+const isImage_1 = __importDefault(require("../../uploads/isImage"));
 const absoluteURLPattern = new RegExp('^(?:[a-z]+:)?//', 'i');
 const useThumbnail = (collection, doc) => {
     var _a, _b;
     const { upload: { staticURL, adminThumbnail, }, } = collection;
     const { mimeType, sizes, filename, url, } = doc;
-    const { serverURL } = useConfig();
-    if (isImage(mimeType)) {
+    const { serverURL } = (0, Config_1.useConfig)();
+    if ((0, isImage_1.default)(mimeType)) {
         if (typeof adminThumbnail === 'undefined' && url) {
             return url;
         }
@@ -27,4 +32,4 @@ const useThumbnail = (collection, doc) => {
     }
     return false;
 };
-export default useThumbnail;
+exports.default = useThumbnail;