@payloadcms/ui 3.0.0-beta.9 → 3.0.0-canary.220bb7c

package/dist/providers/RouteCache/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname, useRouter } from 'next/navigation.js';
 import React, { createContext, useCallback, useContext, useEffect } from 'react';
 const Context = /*#__PURE__*/ createContext({
@@ -18,11 +19,12 @@ export const RouteCache = ({ children })=>{
         pathname,
         clearRouteCache
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             clearRouteCache
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useRouteCache = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, useCallback, useContext, useEffect } from 'react'\n\nexport type RouteCacheContext = {\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    clearRouteCache()\n  }, [pathname, clearRouteCache])\n\n  return <Context.Provider value={{ clearRouteCache }}>{children}</Context.Provider>\n}\n\nexport const useRouteCache = () => useContext(Context)\n"],"names":["usePathname","useRouter","React","createContext","useCallback","useContext","useEffect","Context","clearRouteCache","RouteCache","children","pathname","router","refresh","Provider","value","useRouteCache"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,QAAQ,QAAO;AAMhF,MAAMC,wBAAUJ,cAAiC;IAC/CK,iBAAiB,KAAO;AAC1B;AAEA,OAAO,MAAMC,aAAsD,CAAC,EAAEC,QAAQ,EAAE;IAC9E,MAAMC,WAAWX;IACjB,MAAMY,SAASX;IAEf,MAAMO,kBAAkBJ,YAAY;QAClCQ,OAAOC,OAAO;IAChB,GAAG;QAACD;KAAO;IAEXN,UAAU;QACRE;IACF,GAAG;QAACG;QAAUH;KAAgB;IAE9B,qBAAO,oBAACD,QAAQO,QAAQ;QAACC,OAAO;YAAEP;QAAgB;OAAIE;AACxD,EAAC;AAED,OAAO,MAAMM,gBAAgB,IAAMX,WAAWE,SAAQ"}
+{"version":3,"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, useCallback, useContext, useEffect } from 'react'\n\nexport type RouteCacheContext = {\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    clearRouteCache()\n  }, [pathname, clearRouteCache])\n\n  return <Context.Provider value={{ clearRouteCache }}>{children}</Context.Provider>\n}\n\nexport const useRouteCache = () => useContext(Context)\n"],"names":["usePathname","useRouter","React","createContext","useCallback","useContext","useEffect","Context","clearRouteCache","RouteCache","children","pathname","router","refresh","Provider","value","useRouteCache"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,QAAQ,QAAO;AAMhF,MAAMC,wBAAUJ,cAAiC;IAC/CK,iBAAiB,KAAO;AAC1B;AAEA,OAAO,MAAMC,aAAsD,CAAC,EAAEC,QAAQ,EAAE;IAC9E,MAAMC,WAAWX;IACjB,MAAMY,SAASX;IAEf,MAAMO,kBAAkBJ,YAAY;QAClCQ,OAAOC,OAAO;IAChB,GAAG;QAACD;KAAO;IAEXN,UAAU;QACRE;IACF,GAAG;QAACG;QAAUH;KAAgB;IAE9B,qBAAO,KAACD,QAAQO,QAAQ;QAACC,OAAO;YAAEP;QAAgB;kBAAIE;;AACxD,EAAC;AAED,OAAO,MAAMM,gBAAgB,IAAMX,WAAWE,SAAQ"}

package/dist/providers/SearchParams/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSearchParams as useNextSearchParams } from 'next/navigation.js';
 import qs from 'qs';
 import React, { createContext, useContext } from 'react';
@@ -34,12 +35,13 @@ export const SearchParamsProvider = ({ children })=>{
     }, [
         searchString
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             searchParams,
             stringifyParams
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useSearchParams = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport React, { createContext, useContext } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: State; replace?: boolean }) => string\n}\n\nexport type State = qs.ParsedQs\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\nfunction createParams(search: string) {\n  return qs.parse(search, {\n    depth: 10,\n    ignoreQueryPrefix: true,\n  })\n}\n\n// TODO: abstract the `next/navigation` dependency out from this provider so that it can be used in other contexts\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n  const initialParams = createParams(searchString)\n\n  const [searchParams, setSearchParams] = React.useState(initialParams)\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: State; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  React.useEffect(() => {\n    setSearchParams(createParams(searchString))\n  }, [searchString])\n\n  return <Context.Provider value={{ searchParams, stringifyParams }}>{children}</Context.Provider>\n}\n\nexport const useSearchParams = (): SearchParamsContext => useContext(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","useContext","initialContext","searchParams","stringifyParams","Context","createParams","search","parse","depth","ignoreQueryPrefix","SearchParamsProvider","children","nextSearchParams","searchString","toString","initialParams","setSearchParams","useState","useCallback","params","replace","stringify","addQueryPrefix","useEffect","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,OAAOC,QAAQ,KAAI;AACnB,OAAOC,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B,SAASI,aAAaC,MAAc;IAClC,OAAOT,GAAGU,KAAK,CAACD,QAAQ;QACtBE,OAAO;QACPC,mBAAmB;IACrB;AACF;AAEA,kHAAkH;AAClH,OAAO,MAAMC,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBhB;IACzB,MAAMiB,eAAeD,iBAAiBE,QAAQ;IAC9C,MAAMC,gBAAgBV,aAAaQ;IAEnC,MAAM,CAACX,cAAcc,gBAAgB,GAAGlB,MAAMmB,QAAQ,CAACF;IAEvD,MAAMZ,kBAAkBL,MAAMoB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAAwC;QAChE,OAAOvB,GAAGwB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAIlB,YAAY;YAC/B,GAAGiB,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAACpB;KAAa;IAGhBJ,MAAMyB,SAAS,CAAC;QACdP,gBAAgBX,aAAaQ;IAC/B,GAAG;QAACA;KAAa;IAEjB,qBAAO,oBAACT,QAAQoB,QAAQ;QAACC,OAAO;YAAEvB;YAAcC;QAAgB;OAAIQ;AACtE,EAAC;AAED,OAAO,MAAMhB,kBAAkB,IAA2BK,WAAWI,SAAQ"}
+{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport React, { createContext, useContext } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: State; replace?: boolean }) => string\n}\n\nexport type State = qs.ParsedQs\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\nfunction createParams(search: string) {\n  return qs.parse(search, {\n    depth: 10,\n    ignoreQueryPrefix: true,\n  })\n}\n\n// TODO: abstract the `next/navigation` dependency out from this provider so that it can be used in other contexts\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n  const initialParams = createParams(searchString)\n\n  const [searchParams, setSearchParams] = React.useState(initialParams)\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: State; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  React.useEffect(() => {\n    setSearchParams(createParams(searchString))\n  }, [searchString])\n\n  return <Context.Provider value={{ searchParams, stringifyParams }}>{children}</Context.Provider>\n}\n\nexport const useSearchParams = (): SearchParamsContext => useContext(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","useContext","initialContext","searchParams","stringifyParams","Context","createParams","search","parse","depth","ignoreQueryPrefix","SearchParamsProvider","children","nextSearchParams","searchString","toString","initialParams","setSearchParams","useState","useCallback","params","replace","stringify","addQueryPrefix","useEffect","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,OAAOC,QAAQ,KAAI;AACnB,OAAOC,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B,SAASI,aAAaC,MAAc;IAClC,OAAOT,GAAGU,KAAK,CAACD,QAAQ;QACtBE,OAAO;QACPC,mBAAmB;IACrB;AACF;AAEA,kHAAkH;AAClH,OAAO,MAAMC,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBhB;IACzB,MAAMiB,eAAeD,iBAAiBE,QAAQ;IAC9C,MAAMC,gBAAgBV,aAAaQ;IAEnC,MAAM,CAACX,cAAcc,gBAAgB,GAAGlB,MAAMmB,QAAQ,CAACF;IAEvD,MAAMZ,kBAAkBL,MAAMoB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAAwC;QAChE,OAAOvB,GAAGwB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAIlB,YAAY;YAC/B,GAAGiB,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAACpB;KAAa;IAGhBJ,MAAMyB,SAAS,CAAC;QACdP,gBAAgBX,aAAaQ;IAC/B,GAAG;QAACA;KAAa;IAEjB,qBAAO,KAACT,QAAQoB,QAAQ;QAACC,OAAO;YAAEvB;YAAcC;QAAgB;kBAAIQ;;AACtE,EAAC;AAED,OAAO,MAAMhB,kBAAkB,IAA2BK,WAAWI,SAAQ"}

package/dist/providers/Selection/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import queryString from 'qs';
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useLocale } from '../Locale/index.js';
@@ -135,9 +136,10 @@ export const SelectionProvider = ({ children, docs = [], totalDocs })=>{
         toggleAll,
         totalDocs
     };
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: contextRef.current
-    }, children);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: contextRef.current,
+        children: children
+    });
 };
 export const useSelection = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload/types'\n\nimport queryString from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  children: React.ReactNode\n  docs: any[]\n  totalDocs: number\n}\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return queryString.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"names":["queryString","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","Provider","value","useSelection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload/types'\n\nimport queryString from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  children: React.ReactNode\n  docs: any[]\n  totalDocs: number\n}\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return queryString.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"names":["queryString","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","Provider","value","useSelection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/providers/Theme/index.d.ts

@@ -5,8 +5,11 @@ export type ThemeContext = {
     setTheme: (theme: Theme) => void;
     theme: Theme;
 };
+export declare const defaultTheme = "light";
 export declare const ThemeProvider: React.FC<{
     children?: React.ReactNode;
+    cookiePrefix?: string;
+    theme?: Theme;
 }>;
 export declare const useTheme: () => ThemeContext;
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/Theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAkCD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA+BlE,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,YAAY,UAAU,CAAA;AAEnC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAoCA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAAmC,CAAA"}

package/dist/providers/Theme/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 const initialContext = {
     autoMode: true,
@@ -6,52 +7,63 @@ const initialContext = {
     theme: 'light'
 };
 const Context = /*#__PURE__*/ createContext(initialContext);
-const localStorageKey = 'payload-theme';
-const getTheme = ()=>{
+function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+    const expires = 'expires=' + d.toUTCString();
+    document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
+}
+const getTheme = (cookieKey)=>{
     let theme;
-    const themeFromStorage = window.localStorage.getItem(localStorageKey);
-    if (themeFromStorage === 'light' || themeFromStorage === 'dark') {
-        theme = themeFromStorage;
+    const themeFromCookies = window.document.cookie.split('; ').find((row)=>row.startsWith(`${cookieKey}=`))?.split('=')[1];
+    if (themeFromCookies === 'light' || themeFromCookies === 'dark') {
+        theme = themeFromCookies;
     } else {
         theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }
     document.documentElement.setAttribute('data-theme', theme);
     return {
         theme,
-        themeFromStorage
+        themeFromCookies
     };
 };
-const defaultTheme = 'light';
-export const ThemeProvider = ({ children })=>{
-    const [theme, setThemeState] = useState(defaultTheme);
+export const defaultTheme = 'light';
+export const ThemeProvider = ({ children, cookiePrefix, theme: initialTheme })=>{
+    const cookieKey = `${cookiePrefix || 'payload'}-theme`;
+    const [theme, setThemeState] = useState(initialTheme || defaultTheme);
     const [autoMode, setAutoMode] = useState();
     useEffect(()=>{
-        const { theme, themeFromStorage } = getTheme();
+        const { theme, themeFromCookies } = getTheme(cookieKey);
         setThemeState(theme);
-        setAutoMode(!themeFromStorage);
-    }, []);
+        setAutoMode(!themeFromCookies);
+    }, [
+        cookieKey
+    ]);
     const setTheme = useCallback((themeToSet)=>{
         if (themeToSet === 'light' || themeToSet === 'dark') {
             setThemeState(themeToSet);
             setAutoMode(false);
-            window.localStorage.setItem(localStorageKey, themeToSet);
+            setCookie(cookieKey, themeToSet, 365);
             document.documentElement.setAttribute('data-theme', themeToSet);
         } else if (themeToSet === 'auto') {
-            const existingThemeFromStorage = window.localStorage.getItem(localStorageKey);
-            if (existingThemeFromStorage) window.localStorage.removeItem(localStorageKey);
+            // to delete the cookie, we set an expired date
+            setCookie(cookieKey, themeToSet, -1);
             const themeFromOS = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
             document.documentElement.setAttribute('data-theme', themeFromOS);
             setAutoMode(true);
             setThemeState(themeFromOS);
         }
-    }, []);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    }, [
+        cookieKey
+    ]);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             autoMode,
             setTheme,
             theme
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTheme = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nconst localStorageKey = 'payload-theme'\n\nconst getTheme = (): {\n  theme: Theme\n  themeFromStorage: null | string\n} => {\n  let theme: Theme\n  const themeFromStorage = window.localStorage.getItem(localStorageKey)\n\n  if (themeFromStorage === 'light' || themeFromStorage === 'dark') {\n    theme = themeFromStorage\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n  return { theme, themeFromStorage }\n}\n\nconst defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [theme, setThemeState] = useState<Theme>(defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromStorage } = getTheme()\n    setThemeState(theme)\n    setAutoMode(!themeFromStorage)\n  }, [])\n\n  const setTheme = useCallback((themeToSet: 'auto' | Theme) => {\n    if (themeToSet === 'light' || themeToSet === 'dark') {\n      setThemeState(themeToSet)\n      setAutoMode(false)\n      window.localStorage.setItem(localStorageKey, themeToSet)\n      document.documentElement.setAttribute('data-theme', themeToSet)\n    } else if (themeToSet === 'auto') {\n      const existingThemeFromStorage = window.localStorage.getItem(localStorageKey)\n      if (existingThemeFromStorage) window.localStorage.removeItem(localStorageKey)\n      const themeFromOS =\n        window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n          ? 'dark'\n          : 'light'\n      document.documentElement.setAttribute('data-theme', themeFromOS)\n      setAutoMode(true)\n      setThemeState(themeFromOS)\n    }\n  }, [])\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","localStorageKey","getTheme","themeFromStorage","window","localStorage","getItem","matchMedia","matches","document","documentElement","setAttribute","defaultTheme","ThemeProvider","children","setThemeState","setAutoMode","themeToSet","setItem","existingThemeFromStorage","removeItem","themeFromOS","Provider","value","useTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,MAAMK,kBAAkB;AAExB,MAAMC,WAAW;IAIf,IAAIH;IACJ,MAAMI,mBAAmBC,OAAOC,YAAY,CAACC,OAAO,CAACL;IAErD,IAAIE,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DJ,QAAQI;IACV,OAAO;QACLJ,QACEK,OAAOG,UAAU,IAAIH,OAAOG,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAC,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcZ;IACpD,OAAO;QAAEA;QAAOI;IAAiB;AACnC;AAEA,MAAMS,eAAe;AAErB,OAAO,MAAMC,gBAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACf,OAAOgB,cAAc,GAAGpB,SAAgBiB;IAE/C,MAAM,CAACf,UAAUmB,YAAY,GAAGrB;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEI,gBAAgB,EAAE,GAAGD;QACpCa,cAAchB;QACdiB,YAAY,CAACb;IACf,GAAG,EAAE;IAEL,MAAML,WAAWN,YAAY,CAACyB;QAC5B,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZZ,OAAOC,YAAY,CAACa,OAAO,CAACjB,iBAAiBgB;YAC7CR,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcM;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,MAAME,2BAA2Bf,OAAOC,YAAY,CAACC,OAAO,CAACL;YAC7D,IAAIkB,0BAA0Bf,OAAOC,YAAY,CAACe,UAAU,CAACnB;YAC7D,MAAMoB,cACJjB,OAAOG,UAAU,IAAIH,OAAOG,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNC,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcU;YACpDL,YAAY;YACZD,cAAcM;QAChB;IACF,GAAG,EAAE;IAEL,qBAAO,oBAACrB,QAAQsB,QAAQ;QAACC,OAAO;YAAE1B;YAAUC;YAAUC;QAAM;OAAIe;AAClE,EAAC;AAED,OAAO,MAAMU,WAAW,IAAoB/B,WAAWO,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","children","cookiePrefix","initialTheme","setThemeState","setAutoMode","themeToSet","themeFromOS","Provider","value","useTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,SAASK,UAAUC,KAAK,EAAEC,MAAM,EAAEC,MAAM;IACtC,MAAMC,IAAI,IAAIC;IACdD,EAAEE,OAAO,CAACF,EAAEG,OAAO,KAAKJ,SAAS,KAAK,KAAK,KAAK;IAChD,MAAMK,UAAU,aAAaJ,EAAEK,WAAW;IAC1CC,SAASC,MAAM,GAAGV,QAAQ,MAAMC,SAAS,MAAMM,UAAU;AAC3D;AAEA,MAAMI,WAAW,CACfC;IAKA,IAAIf;IAEJ,MAAMgB,mBAAmBC,OAAOL,QAAQ,CAACC,MAAM,CAC5CK,KAAK,CAAC,MACNC,IAAI,CAAC,CAACC,MAAQA,IAAIC,UAAU,CAAC,CAAC,EAAEN,UAAU,CAAC,CAAC,IAC3CG,MAAM,IAAI,CAAC,EAAE;IAEjB,IAAIF,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DhB,QAAQgB;IACV,OAAO;QACLhB,QACEiB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAczB;IAEpD,OAAO;QAAEA;QAAOgB;IAAiB;AACnC;AAEA,OAAO,MAAMU,eAAe,QAAO;AAEnC,OAAO,MAAMC,gBAIR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE7B,OAAO8B,YAAY,EAAE;IACnD,MAAMf,YAAY,CAAC,EAAEc,gBAAgB,UAAU,MAAM,CAAC;IAEtD,MAAM,CAAC7B,OAAO+B,cAAc,GAAGnC,SAAgBkC,gBAAgBJ;IAE/D,MAAM,CAAC5B,UAAUkC,YAAY,GAAGpC;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEgB,gBAAgB,EAAE,GAAGF,SAASC;QAC7CgB,cAAc/B;QACdgC,YAAY,CAAChB;IACf,GAAG;QAACD;KAAU;IAEd,MAAMhB,WAAWN,YACf,CAACwC;QACC,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZ9B,UAAUa,WAAWkB,YAAY;YACjCrB,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcQ;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,+CAA+C;YAC/C/B,UAAUa,WAAWkB,YAAY,CAAC;YAClC,MAAMC,cACJjB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcS;YACpDF,YAAY;YACZD,cAAcG;QAChB;IACF,GACA;QAACnB;KAAU;IAGb,qBAAO,KAACd,QAAQkC,QAAQ;QAACC,OAAO;YAAEtC;YAAUC;YAAUC;QAAM;kBAAI4B;;AAClE,EAAC;AAED,OAAO,MAAMS,WAAW,IAAoB3C,WAAWO,SAAQ"}

package/dist/providers/Translation/index.d.ts

@@ -1,10 +1,13 @@
-import type { I18n, Language } from '@payloadcms/translations';
-import type { ClientConfig } from 'payload/types';
+import type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations';
+import type { AcceptedLanguages, ClientTranslationsObject, Language, TFunction } from '@payloadcms/translations';
+import type { ClientConfig, LanguageOptions } from 'payload/types';
 import React from 'react';
-export type LanguageOptions = {
-    label: string;
-    value: string;
-}[];
+type ContextType<TAdditionalTranslations = {}, TAdditionalClientTranslationKeys extends string = never> = {
+    i18n: [TAdditionalClientTranslationKeys] extends [never] ? I18nClient : TAdditionalTranslations extends object ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys> : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>;
+    languageOptions: LanguageOptions;
+    switchLanguage?: (lang: AcceptedLanguages) => Promise<void>;
+    t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>;
+};
 type Props = {
     children: React.ReactNode;
     dateFNSKey: Language['dateFNSKey'];
@@ -12,14 +15,9 @@ type Props = {
     language: string;
     languageOptions: LanguageOptions;
     switchLanguageServerAction: (lang: string) => Promise<void>;
-    translations: Language['translations'];
+    translations: I18nClient['translations'];
 };
 export declare const TranslationProvider: React.FC<Props>;
-export declare const useTranslation: () => {
-    i18n: I18n;
-    languageOptions: LanguageOptions;
-    switchLanguage?: (lang: string) => Promise<void>;
-    t: (key: string, vars?: Record<string, any>) => string;
-};
+export declare const useTranslation: <TAdditionalTranslations = {}, TAdditionalClientTranslationKeys extends string = never>() => ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/Translation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,EAAE,CAAA;AAqBH,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6D/C,CAAA;AAED,eAAO,MAAM,cAAc;UA3FnB,IAAI;;qBAEO,CAAC,IAAI,EAAE,MAAM,KAAK,QAAQ,IAAI,CAAC;OAC7C,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM;CAwFD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAKlE,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6D/C,CAAA;AAED,eAAO,MAAM,cAAc,qKAGuE,CAAA"}

package/dist/providers/Translation/index.js

@@ -1,10 +1,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from '@payloadcms/translations';
 import { importDateFNSLocale } from '@payloadcms/translations';
-import enUS from 'date-fns/locale/en-US';
+import { enUS } from 'date-fns/locale/en-US';
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { useRouteCache } from '../RouteCache/index.js';
 const Context = /*#__PURE__*/ createContext({
+    // Use `any` here to be replaced later with a more specific type when used
     i18n: {
         dateFNS: enUS,
         dateFNSKey: 'en-US',
@@ -15,7 +17,7 @@ const Context = /*#__PURE__*/ createContext({
     },
     languageOptions: undefined,
     switchLanguage: undefined,
-    t: (key)=>key
+    t: (key)=>undefined
 });
 export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, language, languageOptions, switchLanguageServerAction, translations })=>{
     const { clearRouteCache } = useRouteCache();
@@ -46,7 +48,7 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
     }, [
         dateFNSKey
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             i18n: {
                 dateFNS,
@@ -59,8 +61,9 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
             languageOptions,
             switchLanguage,
             t: nextT
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTranslation = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type { I18n, Language } from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig } from 'payload/types'\n\nimport { t } from '@payloadcms/translations'\nimport { importDateFNSLocale } from '@payloadcms/translations'\nimport enUS from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/index.js'\n\nexport type LanguageOptions = {\n  label: string\n  value: string\n}[]\n\nconst Context = createContext<{\n  i18n: I18n\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: string) => Promise<void>\n  t: (key: string, vars?: Record<string, any>) => string\n}>({\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {},\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => key,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: Language['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT = (key: string, vars?: Record<string, unknown>): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context.Provider\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useTranslation = () => useContext(Context)\n"],"names":["t","importDateFNSLocale","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","nextT","vars","useCallback","lang","error","console","loadDateFNS","imported","Provider","value","useTranslation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,CAAC,QAAQ,2BAA0B;AAC5C,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,OAAOC,UAAU,wBAAuB;AACxC,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,aAAa,QAAQ,yBAAwB;AAOtD,MAAMC,wBAAUL,cAKb;IACDM,MAAM;QACJC,SAAST;QACTU,YAAY;QACZC,kBAAkB;QAClBC,UAAU;QACVd,GAAG,CAACe,MAAQA;QACZC,cAAc,CAAC;IACjB;IACAC,iBAAiBC;IACjBC,gBAAgBD;IAChBlB,GAAG,CAACe,MAAQA;AACd;AAYA,OAAO,MAAMK,sBAAuC,CAAC,EACnDC,QAAQ,EACRT,UAAU,EACVU,YAAY,EACZR,QAAQ,EACRG,eAAe,EACfM,0BAA0B,EAC1BP,YAAY,EACb;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGhB;IAC5B,MAAM,CAACG,SAASc,WAAW,GAAGlB;IAE9B,MAAMmB,QAAQ,CAACX,KAAaY,OAC1B3B,EAAE;YACAe;YACAC;YACAW;QACF;IAEF,MAAMR,iBAAiBhB,MAAMyB,WAAW,CACtC,OAAOC;QACL,IAAI;YACF,MAAMN,2BAA2BM;YACjCL;QACF,EAAE,OAAOM,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,CAAC,yBAAyB,EAAED,KAAK,CAAC,CAAC,EAAEC;QACrD;IACF,GACA;QAACP;QAA4BC;KAAgB;IAG/ClB,UAAU;QACR,MAAM0B,cAAc;YAClB,MAAMC,WAAW,MAAMhC,oBAAoBW;YAE3Ca,WAAWQ;QACb;QAEA,KAAKD;IACP,GAAG;QAACpB;KAAW;IAEf,qBACE,oBAACH,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,MAAM;gBACJC;gBACAC;gBACAC,kBAAkBS;gBAClBR;gBACAd,GAAG0B;gBACHV;YACF;YACAC;YACAE;YACAnB,GAAG0B;QACL;OAECL;AAGP,EAAC;AAED,OAAO,MAAMe,iBAAiB,IAAM/B,WAAWI,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationsObject,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig, LanguageOptions } from 'payload/types'\n\nimport { t } from '@payloadcms/translations'\nimport { importDateFNSLocale } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = (key, vars): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context.Provider\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => useContext<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"names":["t","importDateFNSLocale","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","nextT","vars","useCallback","lang","error","console","loadDateFNS","imported","Provider","value","useTranslation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAWA,SAASA,CAAC,QAAQ,2BAA0B;AAC5C,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,SAASC,IAAI,QAAQ,wBAAuB;AAC5C,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,aAAa,QAAQ,yBAAwB;AAgBtD,MAAMC,wBAAUL,cAAqC;IACnD,0EAA0E;IAC1EM,MAAM;QACJC,SAAST;QACTU,YAAY;QACZC,kBAAkB;QAClBC,UAAU;QACVd,GAAG,CAACe,MAAQA;QACZC,cAAc,CAAC;IACjB;IACAC,iBAAiBC;IACjBC,gBAAgBD;IAChBlB,GAAG,CAACe,MAAQG;AACd;AAYA,OAAO,MAAME,sBAAuC,CAAC,EACnDC,QAAQ,EACRT,UAAU,EACVU,YAAY,EACZR,QAAQ,EACRG,eAAe,EACfM,0BAA0B,EAC1BP,YAAY,EACb;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGhB;IAC5B,MAAM,CAACG,SAASc,WAAW,GAAGlB;IAE9B,MAAMmB,QAA0B,CAACX,KAAKY,OACpC3B,EAAE;YACAe;YACAC;YACAW;QACF;IAEF,MAAMR,iBAAiBhB,MAAMyB,WAAW,CACtC,OAAOC;QACL,IAAI;YACF,MAAMN,2BAA2BM;YACjCL;QACF,EAAE,OAAOM,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,CAAC,yBAAyB,EAAED,KAAK,CAAC,CAAC,EAAEC;QACrD;IACF,GACA;QAACP;QAA4BC;KAAgB;IAG/ClB,UAAU;QACR,MAAM0B,cAAc;YAClB,MAAMC,WAAW,MAAMhC,oBAAoBW;YAE3Ca,WAAWQ;QACb;QAEA,KAAKD;IACP,GAAG;QAACpB;KAAW;IAEf,qBACE,KAACH,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,MAAM;gBACJC;gBACAC;gBACAC,kBAAkBS;gBAClBR;gBACAd,GAAG0B;gBACHV;YACF;YACAC;YACAE;YACAnB,GAAG0B;QACL;kBAECL;;AAGP,EAAC;AAED,OAAO,MAAMe,iBAAiB,IAGvB/B,WAAmFI,SAAQ"}

package/dist/scss/app.scss

@@ -67,12 +67,6 @@ html {
   @extend %body;
   background: var(--theme-bg);
   -webkit-font-smoothing: antialiased;
-  opacity: 0;
-
-  &[data-theme='dark'],
-  &[data-theme='light'] {
-    opacity: initial;
-  }
 
   &[data-theme='dark'] {
     --theme-bg: var(--theme-elevation-0);

package/dist/templates/Default/NavHamburger/index.js

@@ -1,10 +1,11 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Hamburger } from '../../../elements/Hamburger/index.js';
 import { useNav } from '../../../elements/Nav/context.js';
 export const NavHamburger = ()=>{
     const { navOpen } = useNav();
-    return /*#__PURE__*/ React.createElement(Hamburger, {
+    return /*#__PURE__*/ _jsx(Hamburger, {
         closeIcon: "collapse",
         isActive: navOpen
     });

package/dist/templates/Default/NavHamburger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Hamburger } from '../../../elements/Hamburger/index.js'\nimport { useNav } from '../../../elements/Nav/context.js'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"names":["React","Hamburger","useNav","NavHamburger","navOpen","closeIcon","isActive"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,MAAM,QAAQ,mCAAkC;AAEzD,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,GAAGF;IACpB,qBAAO,oBAACD;QAAUI,WAAU;QAAWC,UAAUF;;AACnD,EAAC"}
+{"version":3,"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Hamburger } from '../../../elements/Hamburger/index.js'\nimport { useNav } from '../../../elements/Nav/context.js'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"names":["React","Hamburger","useNav","NavHamburger","navOpen","closeIcon","isActive"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,MAAM,QAAQ,mCAAkC;AAEzD,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,GAAGF;IACpB,qBAAO,KAACD;QAAUI,WAAU;QAAWC,UAAUF;;AACnD,EAAC"}

package/dist/templates/Default/Wrapper/index.js

@@ -1,16 +1,18 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useNav } from '../../../elements/Nav/context.js';
 export const Wrapper = (props)=>{
     const { baseClass, children, className } = props;
     const { navOpen } = useNav();
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: [
             baseClass,
             className,
             navOpen && `${baseClass}--nav-open`
-        ].filter(Boolean).join(' ')
-    }, children);
+        ].filter(Boolean).join(' '),
+        children: children
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/Wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useNav } from '../../../elements/Nav/context.js'\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { navOpen } = useNav()\n\n  return (\n    <div\n      className={[baseClass, className, navOpen && `${baseClass}--nav-open`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useNav","Wrapper","props","baseClass","children","className","navOpen","div","filter","Boolean","join"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AAGzD,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,OAAO,EAAE,GAAGN;IAEpB,qBACE,oBAACO;QACCF,WAAW;YAACF;YAAWE;YAAWC,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;SAAC,CACnEK,MAAM,CAACC,SACPC,IAAI,CAAC;OAEPN;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useNav } from '../../../elements/Nav/context.js'\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { navOpen } = useNav()\n\n  return (\n    <div\n      className={[baseClass, className, navOpen && `${baseClass}--nav-open`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useNav","Wrapper","props","baseClass","children","className","navOpen","div","filter","Boolean","join"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AAGzD,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,OAAO,EAAE,GAAGN;IAEpB,qBACE,KAACO;QACCF,WAAW;YAACF;YAAWE;YAAWC,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;SAAC,CACnEK,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPN;;AAGP,EAAC"}

package/dist/templates/Default/index.d.ts

@@ -1,11 +1,11 @@
-import type { SanitizedConfig, VisibleEntities } from 'payload/types';
+import type { ServerProps } from 'payload/config';
+import type { VisibleEntities } from 'payload/types';
 import React from 'react';
 import './index.scss';
-export type DefaultTemplateProps = {
+export type DefaultTemplateProps = ServerProps & {
     children?: React.ReactNode;
     className?: string;
-    config: Promise<SanitizedConfig> | SanitizedConfig;
-    visibleEntities?: VisibleEntities;
+    visibleEntities: VisibleEntities;
 };
 export declare const DefaultTemplate: React.FC<DefaultTemplateProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/templates/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAAA;IAClD,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0C1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,eAAe,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6D1D,CAAA"}

package/dist/templates/Default/index.js

@@ -1,37 +1,68 @@
-import { EntityVisibilityProvider } from '@payloadcms/ui/providers/EntityVisibility';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { AppHeader } from '../../elements/AppHeader/index.js';
 import { NavToggler } from '../../elements/Nav/NavToggler/index.js';
 import { DefaultNav } from '../../elements/Nav/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { EntityVisibilityProvider } from '../../providers/EntityVisibility/index.js';
 import { NavHamburger } from './NavHamburger/index.js';
 import { Wrapper } from './Wrapper/index.js';
 const baseClass = 'template-default';
-export const DefaultTemplate = async ({ children, className, config: configPromise, visibleEntities })=>{
-    const config = await configPromise;
+export const DefaultTemplate = ({ children, className, i18n, locale, params, payload, permissions, searchParams, user, visibleEntities })=>{
     const { admin: { components: { Nav: CustomNav } = {
         Nav: undefined
-    } } = {} } = config || {};
+    } } = {} } = payload.config || {};
     const navProps = {
-        config
+        i18n,
+        locale,
+        params,
+        payload,
+        permissions,
+        searchParams,
+        user
     };
-    return /*#__PURE__*/ React.createElement(EntityVisibilityProvider, {
-        visibleEntities: visibleEntities
-    }, /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__nav-toggler-wrapper`,
-        id: "nav-toggler"
-    }, /*#__PURE__*/ React.createElement(NavToggler, {
-        className: `${baseClass}__nav-toggler`
-    }, /*#__PURE__*/ React.createElement(NavHamburger, null))), /*#__PURE__*/ React.createElement(Wrapper, {
-        baseClass: baseClass,
-        className: className
-    }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: CustomNav,
-        DefaultComponent: DefaultNav,
-        componentProps: navProps
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement(AppHeader, null), children))));
+    return /*#__PURE__*/ _jsx(EntityVisibilityProvider, {
+        visibleEntities: visibleEntities,
+        children: /*#__PURE__*/ _jsxs("div", {
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: `${baseClass}__nav-toggler-wrapper`,
+                    id: "nav-toggler",
+                    children: /*#__PURE__*/ _jsx(NavToggler, {
+                        className: `${baseClass}__nav-toggler`,
+                        children: /*#__PURE__*/ _jsx(NavHamburger, {})
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(Wrapper, {
+                    baseClass: baseClass,
+                    className: className,
+                    children: [
+                        /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                            CustomComponent: CustomNav,
+                            DefaultComponent: DefaultNav,
+                            componentProps: navProps,
+                            serverOnlyProps: {
+                                i18n,
+                                locale,
+                                params,
+                                payload,
+                                permissions,
+                                searchParams,
+                                user
+                            }
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__wrap`,
+                            children: [
+                                /*#__PURE__*/ _jsx(AppHeader, {}),
+                                children
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map