@payloadcms/ui 3.91.0-internal.6e3dc85 → 3.91.0-internal.c1569dc

package/dist/providers/UploadHandlers/index.js

@@ -1,63 +1,31 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 const Context = /*#__PURE__*/React.createContext(null);
-export const UploadHandlersProvider = t0 => {
-  const $ = _c(6);
-  const {
-    children
-  } = t0;
-  const [uploadHandlers, setUploadHandlers] = useState(_temp);
-  let t1;
-  if ($[0] !== uploadHandlers) {
-    t1 = t2 => {
-      const {
-        collectionSlug
-      } = t2;
-      return uploadHandlers.get(collectionSlug);
-    };
-    $[0] = uploadHandlers;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const getUploadHandler = t1;
-  let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = t3 => {
-      const {
-        collectionSlug: collectionSlug_0,
-        handler
-      } = t3;
-      setUploadHandlers(uploadHandlers_0 => {
-        const clone = new Map(uploadHandlers_0);
-        clone.set(collectionSlug_0, handler);
-        return clone;
-      });
-    };
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const setUploadHandler = t2;
-  let t3;
-  if ($[3] !== children || $[4] !== getUploadHandler) {
-    t3 = _jsx(Context, {
-      value: {
-        getUploadHandler,
-        setUploadHandler
-      },
-      children
-    });
-    $[3] = children;
-    $[4] = getUploadHandler;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  return t3;
+export const UploadHandlersProvider = ({
+  children
+}) => {
+  const uploadHandlers = useRef(new Map());
+  const getUploadHandler = useCallback(({
+    collectionSlug
+  }) => {
+    return uploadHandlers.current.get(collectionSlug);
+  }, []);
+  const setUploadHandler = useCallback(({
+    collectionSlug: collectionSlug_0,
+    handler
+  }) => {
+    uploadHandlers.current.set(collectionSlug_0, handler);
+  }, []);
+  const value = useMemo(() => ({
+    getUploadHandler,
+    setUploadHandler
+  }), [getUploadHandler, setUploadHandler]);
+  return /*#__PURE__*/_jsx(Context, {
+    value: value,
+    children: children
+  });
 };
 export const useUploadHandlers = () => {
   const context = React.use(Context);
@@ -66,7 +34,4 @@ export const useUploadHandlers = () => {
   }
   return context;
 };
-function _temp() {
-  return new Map();
-}
 //# sourceMappingURL=index.js.map

package/dist/providers/UploadHandlers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","Context","createContext","UploadHandlersProvider","t0","$","children","uploadHandlers","setUploadHandlers","_temp","t1","t2","collectionSlug","get","getUploadHandler","Symbol","for","t3","collectionSlug_0","handler","uploadHandlers_0","clone","Map","set","setUploadHandler","_jsx","value","useUploadHandlers","context","use","Error"],"sources":["../../../src/providers/UploadHandlers/index.tsx"],"sourcesContent":["'use client'\nimport type { UploadCollectionSlug } from 'payload'\n\nimport React, { useState } from 'react'\n\ntype UploadHandler = (args: {\n  docPrefix?: string\n  file: File\n  updateFilename: (filename: string) => void\n}) => Promise<unknown>\n\nexport type UploadHandlersContext = {\n  getUploadHandler: (args: { collectionSlug: UploadCollectionSlug }) => null | UploadHandler\n  setUploadHandler: (args: {\n    collectionSlug: UploadCollectionSlug\n    handler: UploadHandler\n  }) => unknown\n}\n\nconst Context = React.createContext<null | UploadHandlersContext>(null)\n\nexport const UploadHandlersProvider = ({ children }) => {\n  const [uploadHandlers, setUploadHandlers] = useState<Map<UploadCollectionSlug, UploadHandler>>(\n    () => new Map(),\n  )\n\n  const getUploadHandler: UploadHandlersContext['getUploadHandler'] = ({ collectionSlug }) => {\n    return uploadHandlers.get(collectionSlug)\n  }\n\n  const setUploadHandler: UploadHandlersContext['setUploadHandler'] = ({\n    collectionSlug,\n    handler,\n  }) => {\n    setUploadHandlers((uploadHandlers) => {\n      const clone = new Map(uploadHandlers)\n      clone.set(collectionSlug, handler)\n      return clone\n    })\n  }\n\n  return <Context value={{ getUploadHandler, setUploadHandler }}>{children}</Context>\n}\n\nexport const useUploadHandlers = (): UploadHandlersContext => {\n  const context = React.use(Context)\n\n  if (context === null) {\n    throw new Error('useUploadHandlers must be used within UploadHandlersProvider')\n  }\n\n  return context\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAgBhC,MAAMC,OAAA,gBAAUF,KAAA,CAAMG,aAAa,CAA+B;AAElE,OAAO,MAAMC,sBAAA,GAAyBC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ;EAAA,IAAAF,EAAY;EACjD,OAAAG,cAAA,EAAAC,iBAAA,IAA4CR,QAAA,CAAAS,KAChC;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAE,cAAA;IAGwDG,EAAA,GAAAC,EAAA;MAAC;QAAAC;MAAA,IAAAD,EAAkB;MAAA,OAC9EJ,cAAA,CAAAM,GAAA,CAAmBD,cAAA;IAAA;IAC5BP,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFA,MAAAS,gBAAA,GAAoEJ,EAEpE;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAU,MAAA,CAAAC,GAAA;IAEoEL,EAAA,GAAAM,EAAA;MAAC;QAAAL,cAAA,EAAAM,gBAAA;QAAAC;MAAA,IAAAF,EAGpE;MACCT,iBAAA,CAAAY,gBAAA;QACE,MAAAC,KAAA,OAAAC,GAAA,CAAsBf,gBAAA;QACtBc,KAAA,CAAAE,GAAA,CAAUX,gBAAA,EAAgBO,OAAA;QAAA,OACnBE,KAAA;MAAA,CACT;IAAA;IACFhB,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EATA,MAAAmB,gBAAA,GAAoEb,EASpE;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAS,gBAAA;IAEOG,EAAA,GAAAQ,IAAA,CAAAxB,OAAA;MAAAyB,KAAA;QAAAZ,gBAAA;QAAAU;MAAA;MAAAlB;IAAA,C;;;;;;;SAAAW,E;CACT;AAEA,OAAO,MAAMU,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,OAAA,GAAU7B,KAAA,CAAM8B,GAAG,CAAC5B,OAAA;EAE1B,IAAI2B,OAAA,KAAY,MAAM;IACpB,MAAM,IAAIE,KAAA,CAAM;EAClB;EAEA,OAAOF,OAAA;AACT;AA/BsC,SAAAnB,MAAA;EAAA,WAAAa,GAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useRef","Context","createContext","UploadHandlersProvider","children","uploadHandlers","Map","getUploadHandler","collectionSlug","current","get","setUploadHandler","handler","set","value","_jsx","useUploadHandlers","context","use","Error"],"sources":["../../../src/providers/UploadHandlers/index.tsx"],"sourcesContent":["'use client'\nimport type { UploadCollectionSlug } from 'payload'\n\nimport React, { useCallback, useMemo, useRef } from 'react'\n\ntype UploadHandler = (args: {\n  docPrefix?: string\n  file: File\n  updateFilename: (filename: string) => void\n}) => Promise<unknown>\n\nexport type UploadHandlersContext = {\n  getUploadHandler: (args: { collectionSlug: UploadCollectionSlug }) => null | UploadHandler\n  setUploadHandler: (args: {\n    collectionSlug: UploadCollectionSlug\n    handler: UploadHandler\n  }) => unknown\n}\n\nconst Context = React.createContext<null | UploadHandlersContext>(null)\n\nexport const UploadHandlersProvider = ({ children }) => {\n  const uploadHandlers = useRef<Map<UploadCollectionSlug, UploadHandler>>(new Map())\n\n  const getUploadHandler = useCallback<UploadHandlersContext['getUploadHandler']>(\n    ({ collectionSlug }) => {\n      return uploadHandlers.current.get(collectionSlug)\n    },\n    [],\n  )\n\n  const setUploadHandler = useCallback<UploadHandlersContext['setUploadHandler']>(\n    ({ collectionSlug, handler }) => {\n      uploadHandlers.current.set(collectionSlug, handler)\n    },\n    [],\n  )\n\n  const value = useMemo<UploadHandlersContext>(\n    () => ({ getUploadHandler, setUploadHandler }),\n    [getUploadHandler, setUploadHandler],\n  )\n\n  return <Context value={value}>{children}</Context>\n}\n\nexport const useUploadHandlers = (): UploadHandlersContext => {\n  const context = React.use(Context)\n\n  if (context === null) {\n    throw new Error('useUploadHandlers must be used within UploadHandlersProvider')\n  }\n\n  return context\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAgBpD,MAAMC,OAAA,gBAAUJ,KAAA,CAAMK,aAAa,CAA+B;AAElE,OAAO,MAAMC,sBAAA,GAAyBA,CAAC;EAAEC;AAAQ,CAAE;EACjD,MAAMC,cAAA,GAAiBL,MAAA,CAAiD,IAAIM,GAAA;EAE5E,MAAMC,gBAAA,GAAmBT,WAAA,CACvB,CAAC;IAAEU;EAAc,CAAE;IACjB,OAAOH,cAAA,CAAeI,OAAO,CAACC,GAAG,CAACF,cAAA;EACpC,GACA,EAAE;EAGJ,MAAMG,gBAAA,GAAmBb,WAAA,CACvB,CAAC;IAAEU,cAAc,EAAdA,gBAAc;IAAEI;EAAO,CAAE;IAC1BP,cAAA,CAAeI,OAAO,CAACI,GAAG,CAACL,gBAAA,EAAgBI,OAAA;EAC7C,GACA,EAAE;EAGJ,MAAME,KAAA,GAAQf,OAAA,CACZ,OAAO;IAAEQ,gBAAA;IAAkBI;EAAiB,IAC5C,CAACJ,gBAAA,EAAkBI,gBAAA,CAAiB;EAGtC,oBAAOI,IAAA,CAACd,OAAA;IAAQa,KAAA,EAAOA,KAAA;cAAQV;;AACjC;AAEA,OAAO,MAAMY,iBAAA,GAAoBA,CAAA;EAC/B,MAAMC,OAAA,GAAUpB,KAAA,CAAMqB,GAAG,CAACjB,OAAA;EAE1B,IAAIgB,OAAA,KAAY,MAAM;IACpB,MAAM,IAAIE,KAAA,CAAM;EAClB;EAEA,OAAOF,OAAA;AACT","ignoreList":[]}

package/dist/providers/UploadHandlers/index.spec.js

@@ -0,0 +1,63 @@
+// @vitest-environment jsdom
+import React, { act, useEffect, useEffectEvent } from 'react';
+import { createRoot } from 'react-dom/client';
+import { describe, expect, it, vi } from 'vitest';
+import { UploadHandlersProvider, useUploadHandlers } from './index.js';
+const reactActEnvironment = globalThis;
+reactActEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+describe('UploadHandlersProvider', () => {
+  it('registers many upload handlers without rerendering context consumers', async () => {
+    const collectionSlugs = Array.from({
+      length: 50
+    }, (_, index) => `upload-${index}`);
+    const container = document.createElement('div');
+    const handler = vi.fn(async () => undefined);
+    const root = createRoot(container);
+    let context;
+    let contextConsumerRenderCount = 0;
+    document.body.appendChild(container);
+    const RegisterUploadHandler = ({
+      collectionSlug
+    }) => {
+      const {
+        setUploadHandler
+      } = useUploadHandlers();
+      const registerUploadHandler = useEffectEvent(() => {
+        setUploadHandler({
+          collectionSlug,
+          handler
+        });
+      });
+      useEffect(() => {
+        registerUploadHandler();
+      }, []);
+      return null;
+    };
+    const ContextConsumer = () => {
+      context = useUploadHandlers();
+      contextConsumerRenderCount++;
+      return null;
+    };
+    try {
+      await act(async () => {
+        root.render(React.createElement(UploadHandlersProvider, null, ...collectionSlugs.map(collectionSlug => React.createElement(RegisterUploadHandler, {
+          collectionSlug,
+          key: collectionSlug
+        })), React.createElement(ContextConsumer)));
+      });
+      expect(contextConsumerRenderCount).toBe(1);
+      expect(context).toBeDefined();
+      for (const collectionSlug of collectionSlugs) {
+        expect(context?.getUploadHandler({
+          collectionSlug
+        })).toBe(handler);
+      }
+    } finally {
+      await act(async () => {
+        root.unmount();
+      });
+      container.remove();
+    }
+  });
+});
+//# sourceMappingURL=index.spec.js.map

package/dist/providers/UploadHandlers/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","names":["React","act","useEffect","useEffectEvent","createRoot","describe","expect","it","vi","UploadHandlersProvider","useUploadHandlers","reactActEnvironment","globalThis","IS_REACT_ACT_ENVIRONMENT","collectionSlugs","Array","from","length","_","index","container","document","createElement","handler","fn","undefined","root","context","contextConsumerRenderCount","body","appendChild","RegisterUploadHandler","collectionSlug","setUploadHandler","registerUploadHandler","ContextConsumer","render","map","key","toBe","toBeDefined","getUploadHandler","unmount","remove"],"sources":["../../../src/providers/UploadHandlers/index.spec.ts"],"sourcesContent":["// @vitest-environment jsdom\n\nimport type { UploadCollectionSlug } from 'payload'\n\nimport React, { act, useEffect, useEffectEvent } from 'react'\nimport { createRoot } from 'react-dom/client'\nimport { describe, expect, it, vi } from 'vitest'\n\nimport type { UploadHandlersContext } from './index.js'\n\nimport { UploadHandlersProvider, useUploadHandlers } from './index.js'\n\nconst reactActEnvironment = globalThis as typeof globalThis & {\n  IS_REACT_ACT_ENVIRONMENT: boolean\n}\n\nreactActEnvironment.IS_REACT_ACT_ENVIRONMENT = true\n\ndescribe('UploadHandlersProvider', () => {\n  it('registers many upload handlers without rerendering context consumers', async () => {\n    const collectionSlugs = Array.from(\n      { length: 50 },\n      (_, index) => `upload-${index}` as UploadCollectionSlug,\n    )\n    const container = document.createElement('div')\n    const handler = vi.fn(async () => undefined)\n    const root = createRoot(container)\n    let context: undefined | UploadHandlersContext\n    let contextConsumerRenderCount = 0\n\n    document.body.appendChild(container)\n\n    const RegisterUploadHandler = ({\n      collectionSlug,\n    }: {\n      collectionSlug: UploadCollectionSlug\n    }) => {\n      const { setUploadHandler } = useUploadHandlers()\n      const registerUploadHandler = useEffectEvent(() => {\n        setUploadHandler({ collectionSlug, handler })\n      })\n\n      useEffect(() => {\n        registerUploadHandler()\n      }, [])\n\n      return null\n    }\n\n    const ContextConsumer = () => {\n      context = useUploadHandlers()\n      contextConsumerRenderCount++\n\n      return null\n    }\n\n    try {\n      await act(async () => {\n        root.render(\n          React.createElement(\n            UploadHandlersProvider,\n            null,\n            ...collectionSlugs.map((collectionSlug) =>\n              React.createElement(RegisterUploadHandler, {\n                collectionSlug,\n                key: collectionSlug,\n              }),\n            ),\n            React.createElement(ContextConsumer),\n          ),\n        )\n      })\n\n      expect(contextConsumerRenderCount).toBe(1)\n      expect(context).toBeDefined()\n\n      for (const collectionSlug of collectionSlugs) {\n        expect(context?.getUploadHandler({ collectionSlug })).toBe(handler)\n      }\n    } finally {\n      await act(async () => {\n        root.unmount()\n      })\n      container.remove()\n    }\n  })\n})\n"],"mappings":"AAAA;AAIA,OAAOA,KAAA,IAASC,GAAG,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AACtD,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ;AAIzC,SAASC,sBAAsB,EAAEC,iBAAiB,QAAQ;AAE1D,MAAMC,mBAAA,GAAsBC,UAAA;AAI5BD,mBAAA,CAAoBE,wBAAwB,GAAG;AAE/CR,QAAA,CAAS,0BAA0B;EACjCE,EAAA,CAAG,wEAAwE;IACzE,MAAMO,eAAA,GAAkBC,KAAA,CAAMC,IAAI,CAChC;MAAEC,MAAA,EAAQ;IAAG,GACb,CAACC,CAAA,EAAGC,KAAA,KAAU,UAAUA,KAAA,EAAO;IAEjC,MAAMC,SAAA,GAAYC,QAAA,CAASC,aAAa,CAAC;IACzC,MAAMC,OAAA,GAAUf,EAAA,CAAGgB,EAAE,CAAC,YAAYC,SAAA;IAClC,MAAMC,IAAA,GAAOtB,UAAA,CAAWgB,SAAA;IACxB,IAAIO,OAAA;IACJ,IAAIC,0BAAA,GAA6B;IAEjCP,QAAA,CAASQ,IAAI,CAACC,WAAW,CAACV,SAAA;IAE1B,MAAMW,qBAAA,GAAwBA,CAAC;MAC7BC;IAAc,CAGf;MACC,MAAM;QAAEC;MAAgB,CAAE,GAAGvB,iBAAA;MAC7B,MAAMwB,qBAAA,GAAwB/B,cAAA,CAAe;QAC3C8B,gBAAA,CAAiB;UAAED,cAAA;UAAgBT;QAAQ;MAC7C;MAEArB,SAAA,CAAU;QACRgC,qBAAA;MACF,GAAG,EAAE;MAEL,OAAO;IACT;IAEA,MAAMC,eAAA,GAAkBA,CAAA;MACtBR,OAAA,GAAUjB,iBAAA;MACVkB,0BAAA;MAEA,OAAO;IACT;IAEA,IAAI;MACF,MAAM3B,GAAA,CAAI;QACRyB,IAAA,CAAKU,MAAM,CACTpC,KAAA,CAAMsB,aAAa,CACjBb,sBAAA,EACA,SACGK,eAAA,CAAgBuB,GAAG,CAAEL,cAAA,IACtBhC,KAAA,CAAMsB,aAAa,CAACS,qBAAA,EAAuB;UACzCC,cAAA;UACAM,GAAA,EAAKN;QACP,KAEFhC,KAAA,CAAMsB,aAAa,CAACa,eAAA;MAG1B;MAEA7B,MAAA,CAAOsB,0BAAA,EAA4BW,IAAI,CAAC;MACxCjC,MAAA,CAAOqB,OAAA,EAASa,WAAW;MAE3B,KAAK,MAAMR,cAAA,IAAkBlB,eAAA,EAAiB;QAC5CR,MAAA,CAAOqB,OAAA,EAASc,gBAAA,CAAiB;UAAET;QAAe,IAAIO,IAAI,CAAChB,OAAA;MAC7D;IACF,UAAU;MACR,MAAMtB,GAAA,CAAI;QACRyB,IAAA,CAAKgB,OAAO;MACd;MACAtB,SAAA,CAAUuB,MAAM;IAClB;EACF;AACF","ignoreList":[]}