@payloadcms/ui 3.0.0-canary.92e4997 → 3.0.0-canary.f1db24e

package/dist/providers/ComponentMap/buildComponentMap/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/types.ts"],"sourcesContent":["import type { HiddenInputFieldProps } from '@payloadcms/ui/fields/HiddenInput'\nimport type { FieldTypes } from 'payload/config'\nimport type {\n  BlockField,\n  CellComponentProps,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  TabsField,\n} from 'payload/types'\n\nimport type { ArrayFieldProps } from '../../../fields/Array/index.js'\nimport type { BlocksFieldProps } from '../../../fields/Blocks/index.js'\nimport type { CheckboxFieldProps } from '../../../fields/Checkbox/types.js'\nimport type { CodeFieldProps } from '../../../fields/Code/index.js'\nimport type { CollapsibleFieldProps } from '../../../fields/Collapsible/index.js'\nimport type { DateFieldProps } from '../../../fields/DateTime/index.js'\nimport type { EmailFieldProps } from '../../../fields/Email/index.js'\nimport type { GroupFieldProps } from '../../../fields/Group/index.js'\nimport type { JSONFieldProps } from '../../../fields/JSON/index.js'\nimport type { NumberFieldProps } from '../../../fields/Number/index.js'\nimport type { PointFieldProps } from '../../../fields/Point/index.js'\nimport type { RelationshipFieldProps } from '../../../fields/Relationship/index.js'\nimport type { RichTextFieldProps } from '../../../fields/RichText/index.js'\nimport type { RowFieldProps } from '../../../fields/Row/types.js'\nimport type { SelectFieldProps } from '../../../fields/Select/index.js'\nimport type { TabsFieldProps } from '../../../fields/Tabs/index.js'\nimport type { TextFieldProps } from '../../../fields/Text/types.js'\nimport type { TextareaFieldProps } from '../../../fields/Textarea/types.js'\nimport type { UploadFieldProps } from '../../../fields/Upload/types.js'\n\nexport type MappedTab = {\n  fieldMap?: FieldMap\n  label: TabsField['tabs'][0]['label']\n  name?: string\n}\n\nexport type ReducedBlock = {\n  custom?: Record<any, string>\n  fieldMap: FieldMap\n  imageAltText?: string\n  imageURL?: string\n  labels: BlockField['labels']\n  slug: string\n}\n\nexport type FieldComponentProps =\n  | ArrayFieldProps\n  | BlocksFieldProps\n  | CheckboxFieldProps\n  | CodeFieldProps\n  | CollapsibleFieldProps\n  | DateFieldProps\n  | EmailFieldProps\n  | GroupFieldProps\n  | HiddenInputFieldProps\n  | JSONFieldProps\n  | NumberFieldProps\n  | PointFieldProps\n  | RelationshipFieldProps\n  | RichTextFieldProps\n  | RowFieldProps\n  | SelectFieldProps\n  | TabsFieldProps\n  | TextFieldProps\n  | TextareaFieldProps\n  | UploadFieldProps\n\nexport type MappedField = {\n  CustomCell?: React.ReactNode\n  CustomField?: React.ReactNode\n  cellComponentProps: CellComponentProps\n  custom?: Record<any, string>\n  disableBulkEdit?: boolean\n  disabled?: boolean\n  fieldComponentProps: FieldComponentProps\n  fieldIsPresentational: boolean\n  isFieldAffectingData: boolean\n  isHidden?: boolean\n  isSidebar?: boolean\n  localized: boolean\n  name?: string\n  type: keyof FieldTypes\n  unique?: boolean\n}\n\nexport type FieldMap = MappedField[]\n\nexport type ActionMap = {\n  Edit: {\n    [view: string]: React.ReactNode[]\n  }\n  List: React.ReactNode[]\n}\n\nexport type CollectionComponentMap = ConfigComponentMapBase & {\n  AfterList: React.ReactNode\n  AfterListTable: React.ReactNode\n  BeforeList: React.ReactNode\n  BeforeListTable: React.ReactNode\n  List: React.ReactNode\n}\n\nexport type GlobalComponentMap = ConfigComponentMapBase\n\nexport type ConfigComponentMapBase = {\n  Description: React.ReactNode\n  Edit: React.ReactNode\n  PreviewButton: React.ReactNode\n  PublishButton: React.ReactNode\n  SaveButton: React.ReactNode\n  SaveDraftButton: React.ReactNode\n  actionsMap: ActionMap\n  fieldMap: FieldMap\n  isPreviewEnabled: boolean\n}\n\nexport type ComponentMap = {\n  Icon: React.ReactNode\n  LogoutButton: React.ReactNode\n  actions: React.ReactNode[]\n  collections: {\n    [slug: SanitizedCollectionConfig['slug']]: CollectionComponentMap\n  }\n  globals: {\n    [slug: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n  }\n}\n"],"names":[],"rangeMappings":"","mappings":"AAoHA,WAUC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/types.ts"],"sourcesContent":["import type { FieldTypes } from 'payload/config'\nimport type {\n  BlockField,\n  CellComponentProps,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  TabsField,\n} from 'payload/types'\n\nimport type { ArrayFieldProps } from '../../../fields/Array/index.js'\nimport type { BlocksFieldProps } from '../../../fields/Blocks/index.js'\nimport type { CheckboxFieldProps } from '../../../fields/Checkbox/types.js'\nimport type { CodeFieldProps } from '../../../fields/Code/index.js'\nimport type { CollapsibleFieldProps } from '../../../fields/Collapsible/index.js'\nimport type { DateFieldProps } from '../../../fields/DateTime/index.js'\nimport type { EmailFieldProps } from '../../../fields/Email/index.js'\nimport type { GroupFieldProps } from '../../../fields/Group/index.js'\nimport type { HiddenInputFieldProps } from '../../../fields/HiddenInput/index.js'\nimport type { JSONFieldProps } from '../../../fields/JSON/index.js'\nimport type { NumberFieldProps } from '../../../fields/Number/index.js'\nimport type { PointFieldProps } from '../../../fields/Point/index.js'\nimport type { RelationshipFieldProps } from '../../../fields/Relationship/index.js'\nimport type { RichTextFieldProps } from '../../../fields/RichText/index.js'\nimport type { RowFieldProps } from '../../../fields/Row/types.js'\nimport type { SelectFieldProps } from '../../../fields/Select/index.js'\nimport type { TabsFieldProps } from '../../../fields/Tabs/index.js'\nimport type { TextFieldProps } from '../../../fields/Text/types.js'\nimport type { TextareaFieldProps } from '../../../fields/Textarea/types.js'\nimport type { UploadFieldProps } from '../../../fields/Upload/types.js'\n\nexport type MappedTab = {\n  fieldMap?: FieldMap\n  label: TabsField['tabs'][0]['label']\n  name?: string\n}\n\nexport type ReducedBlock = {\n  custom?: Record<any, string>\n  fieldMap: FieldMap\n  imageAltText?: string\n  imageURL?: string\n  labels: BlockField['labels']\n  slug: string\n}\n\nexport type FieldComponentProps =\n  | ArrayFieldProps\n  | BlocksFieldProps\n  | CheckboxFieldProps\n  | CodeFieldProps\n  | CollapsibleFieldProps\n  | DateFieldProps\n  | EmailFieldProps\n  | GroupFieldProps\n  | HiddenInputFieldProps\n  | JSONFieldProps\n  | NumberFieldProps\n  | PointFieldProps\n  | RelationshipFieldProps\n  | RichTextFieldProps\n  | RowFieldProps\n  | SelectFieldProps\n  | TabsFieldProps\n  | TextFieldProps\n  | TextareaFieldProps\n  | UploadFieldProps\n\nexport type MappedField = {\n  CustomCell?: React.ReactNode\n  CustomField?: React.ReactNode\n  cellComponentProps: CellComponentProps\n  custom?: Record<any, string>\n  disableBulkEdit?: boolean\n  disableListColumn?: boolean\n  disableListFilter?: boolean\n  disabled?: boolean\n  fieldComponentProps: FieldComponentProps\n  fieldIsPresentational: boolean\n  isFieldAffectingData: boolean\n  isHidden?: boolean\n  isSidebar?: boolean\n  localized: boolean\n  name?: string\n  type: keyof FieldTypes\n  unique?: boolean\n}\n\nexport type FieldMap = MappedField[]\n\nexport type ActionMap = {\n  Edit: {\n    [view: string]: React.ReactNode[]\n  }\n  List: React.ReactNode[]\n}\n\nexport type CollectionComponentMap = ConfigComponentMapBase & {\n  AfterList: React.ReactNode\n  AfterListTable: React.ReactNode\n  BeforeList: React.ReactNode\n  BeforeListTable: React.ReactNode\n  List: React.ReactNode\n}\n\nexport type GlobalComponentMap = ConfigComponentMapBase\n\nexport type ConfigComponentMapBase = {\n  Description: React.ReactNode\n  Edit: React.ReactNode\n  PreviewButton: React.ReactNode\n  PublishButton: React.ReactNode\n  SaveButton: React.ReactNode\n  SaveDraftButton: React.ReactNode\n  actionsMap: ActionMap\n  fieldMap: FieldMap\n  isPreviewEnabled: boolean\n}\n\nexport type ComponentMap = {\n  Icon: React.ReactNode\n  LogoutButton: React.ReactNode\n  actions: React.ReactNode[]\n  collections: {\n    [slug: SanitizedCollectionConfig['slug']]: CollectionComponentMap\n  }\n  globals: {\n    [slug: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n  }\n}\n"],"names":[],"rangeMappings":"","mappings":"AAsHA,WAUC"}

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

@@ -16,7 +16,6 @@ export type IComponentMapContext = {
         path: string;
     }) => MappedField | undefined;
 };
-export { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js';
 export declare const ComponentMapProvider: React.FC<{
     children: React.ReactNode;
     componentMap: ComponentMap;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ComponentMap/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IACtF,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,WAAW,GAAG,SAAS,CAAA;CAC9B,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAIhF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAwDA,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,oBAAuD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ComponentMap/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IACtF,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,WAAW,GAAG,SAAS,CAAA;CAC9B,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAwDA,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,oBAAuD,CAAA"}

package/dist/providers/ComponentMap/index.js

@@ -1,6 +1,6 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext } from 'react';
-export { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js';
 const ComponentMapContext = /*#__PURE__*/ createContext({});
 export const ComponentMapProvider = ({ children, componentMap })=>{
     const getMappedFieldByPath = useCallback(({ collectionSlug, globalSlug, path })=>{
@@ -38,14 +38,15 @@ export const ComponentMapProvider = ({ children, componentMap })=>{
     }, [
         componentMap
     ]);
-    return /*#__PURE__*/ React.createElement(ComponentMapContext.Provider, {
+    return /*#__PURE__*/ _jsx(ComponentMapContext.Provider, {
         value: {
             componentMap,
             getComponentMap,
             getFieldMap,
             getMappedFieldByPath
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useComponentMap = ()=>useContext(ComponentMapContext);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/ComponentMap/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ComponentMap, FieldMap, MappedField } from './buildComponentMap/types.js'\n\nexport type IComponentMapContext = {\n  componentMap: ComponentMap\n  getComponentMap: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ComponentMap['collections'][0] | ComponentMap['globals'][0]\n  getFieldMap: (args: { collectionSlug?: string; globalSlug?: string }) => [] | FieldMap\n  getMappedFieldByPath: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n    path: string\n  }) => MappedField | undefined\n}\n\nexport { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js'\n\nconst ComponentMapContext = createContext<IComponentMapContext>({} as IComponentMapContext)\n\nexport const ComponentMapProvider: React.FC<{\n  children: React.ReactNode\n  componentMap: ComponentMap\n}> = ({ children, componentMap }) => {\n  const getMappedFieldByPath: IComponentMapContext['getMappedFieldByPath'] = useCallback(\n    ({ collectionSlug, globalSlug, path }) => {\n      let fieldMap: FieldMap\n\n      if (collectionSlug) {\n        fieldMap = componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        fieldMap = componentMap.globals[globalSlug].fieldMap\n      }\n\n      // TODO: better lookup for nested fields, etc.\n      return fieldMap.find((field) => 'name' in field && field.name === path)\n    },\n    [componentMap],\n  )\n\n  const getFieldMap: IComponentMapContext['getFieldMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug].fieldMap\n      }\n\n      return []\n    },\n    [componentMap],\n  )\n\n  const getComponentMap: IComponentMapContext['getComponentMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug]\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug]\n      }\n\n      return {} as ComponentMap['collections'][0] | ComponentMap['globals'][0]\n    },\n    [componentMap],\n  )\n\n  return (\n    <ComponentMapContext.Provider\n      value={{ componentMap, getComponentMap, getFieldMap, getMappedFieldByPath }}\n    >\n      {children}\n    </ComponentMapContext.Provider>\n  )\n}\n\nexport const useComponentMap = (): IComponentMapContext => useContext(ComponentMapContext)\n"],"names":["React","createContext","useCallback","useContext","WithServerSideProps","ComponentMapContext","ComponentMapProvider","children","componentMap","getMappedFieldByPath","collectionSlug","globalSlug","path","fieldMap","collections","globals","find","field","name","getFieldMap","getComponentMap","Provider","value","useComponentMap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAkBrE,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,MAAMC,oCAAsBJ,cAAoC,CAAC;AAEjE,OAAO,MAAMK,uBAGR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE;IAC9B,MAAMC,uBAAqEP,YACzE,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAEC,IAAI,EAAE;QACnC,IAAIC;QAEJ,IAAIH,gBAAgB;YAClBG,WAAWL,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC9D;QAEA,IAAIF,YAAY;YACdE,WAAWL,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QACtD;QAEA,8CAA8C;QAC9C,OAAOA,SAASG,IAAI,CAAC,CAACC,QAAU,UAAUA,SAASA,MAAMC,IAAI,KAAKN;IACpE,GACA;QAACJ;KAAa;IAGhB,MAAMW,cAAmDjB,YACvD,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC1D;QAEA,IAAIF,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QAClD;QAEA,OAAO,EAAE;IACX,GACA;QAACL;KAAa;IAGhB,MAAMY,kBAA2DlB,YAC/D,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe;QACjD;QAEA,IAAIC,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW;QACzC;QAEA,OAAO,CAAC;IACV,GACA;QAACH;KAAa;IAGhB,qBACE,oBAACH,oBAAoBgB,QAAQ;QAC3BC,OAAO;YAAEd;YAAcY;YAAiBD;YAAaV;QAAqB;OAEzEF;AAGP,EAAC;AAED,OAAO,MAAMgB,kBAAkB,IAA4BpB,WAAWE,qBAAoB"}
+{"version":3,"sources":["../../../src/providers/ComponentMap/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ComponentMap, FieldMap, MappedField } from './buildComponentMap/types.js'\n\nexport type IComponentMapContext = {\n  componentMap: ComponentMap\n  getComponentMap: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ComponentMap['collections'][0] | ComponentMap['globals'][0]\n  getFieldMap: (args: { collectionSlug?: string; globalSlug?: string }) => [] | FieldMap\n  getMappedFieldByPath: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n    path: string\n  }) => MappedField | undefined\n}\n\nconst ComponentMapContext = createContext<IComponentMapContext>({} as IComponentMapContext)\n\nexport const ComponentMapProvider: React.FC<{\n  children: React.ReactNode\n  componentMap: ComponentMap\n}> = ({ children, componentMap }) => {\n  const getMappedFieldByPath: IComponentMapContext['getMappedFieldByPath'] = useCallback(\n    ({ collectionSlug, globalSlug, path }) => {\n      let fieldMap: FieldMap\n\n      if (collectionSlug) {\n        fieldMap = componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        fieldMap = componentMap.globals[globalSlug].fieldMap\n      }\n\n      // TODO: better lookup for nested fields, etc.\n      return fieldMap.find((field) => 'name' in field && field.name === path)\n    },\n    [componentMap],\n  )\n\n  const getFieldMap: IComponentMapContext['getFieldMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug].fieldMap\n      }\n\n      return []\n    },\n    [componentMap],\n  )\n\n  const getComponentMap: IComponentMapContext['getComponentMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug]\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug]\n      }\n\n      return {} as ComponentMap['collections'][0] | ComponentMap['globals'][0]\n    },\n    [componentMap],\n  )\n\n  return (\n    <ComponentMapContext.Provider\n      value={{ componentMap, getComponentMap, getFieldMap, getMappedFieldByPath }}\n    >\n      {children}\n    </ComponentMapContext.Provider>\n  )\n}\n\nexport const useComponentMap = (): IComponentMapContext => useContext(ComponentMapContext)\n"],"names":["React","createContext","useCallback","useContext","ComponentMapContext","ComponentMapProvider","children","componentMap","getMappedFieldByPath","collectionSlug","globalSlug","path","fieldMap","collections","globals","find","field","name","getFieldMap","getComponentMap","Provider","value","useComponentMap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAkBrE,MAAMC,oCAAsBH,cAAoC,CAAC;AAEjE,OAAO,MAAMI,uBAGR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE;IAC9B,MAAMC,uBAAqEN,YACzE,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAEC,IAAI,EAAE;QACnC,IAAIC;QAEJ,IAAIH,gBAAgB;YAClBG,WAAWL,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC9D;QAEA,IAAIF,YAAY;YACdE,WAAWL,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QACtD;QAEA,8CAA8C;QAC9C,OAAOA,SAASG,IAAI,CAAC,CAACC,QAAU,UAAUA,SAASA,MAAMC,IAAI,KAAKN;IACpE,GACA;QAACJ;KAAa;IAGhB,MAAMW,cAAmDhB,YACvD,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC1D;QAEA,IAAIF,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QAClD;QAEA,OAAO,EAAE;IACX,GACA;QAACL;KAAa;IAGhB,MAAMY,kBAA2DjB,YAC/D,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe;QACjD;QAEA,IAAIC,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW;QACzC;QAEA,OAAO,CAAC;IACV,GACA;QAACH;KAAa;IAGhB,qBACE,KAACH,oBAAoBgB,QAAQ;QAC3BC,OAAO;YAAEd;YAAcY;YAAiBD;YAAaV;QAAqB;kBAEzEF;;AAGP,EAAC;AAED,OAAO,MAAMgB,kBAAkB,IAA4BnB,WAAWC,qBAAoB"}

package/dist/providers/Config/index.js

@@ -1,10 +1,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext } from 'react';
 const Context = /*#__PURE__*/ createContext({});
 export const ConfigProvider = ({ children, config })=>{
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: config
-    }, children);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: config,
+        children: children
+    });
 };
 export const useConfig = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload/types'\n\nimport React, { createContext, useContext } from 'react'\n\nconst Context = createContext<ClientConfig>({} as ClientConfig)\n\nexport const ConfigProvider: React.FC<{ children: React.ReactNode; config: ClientConfig }> = ({\n  children,\n  config,\n}) => {\n  return <Context.Provider value={config}>{children}</Context.Provider>\n}\n\nexport const useConfig = (): ClientConfig => useContext(Context)\n"],"names":["React","createContext","useContext","Context","ConfigProvider","children","config","Provider","value","useConfig"],"rangeMappings":";;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,MAAMC,wBAAUF,cAA4B,CAAC;AAE7C,OAAO,MAAMG,iBAAgF,CAAC,EAC5FC,QAAQ,EACRC,MAAM,EACP;IACC,qBAAO,oBAACH,QAAQI,QAAQ;QAACC,OAAOF;OAASD;AAC3C,EAAC;AAED,OAAO,MAAMI,YAAY,IAAoBP,WAAWC,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload/types'\n\nimport React, { createContext, useContext } from 'react'\n\nconst Context = createContext<ClientConfig>({} as ClientConfig)\n\nexport const ConfigProvider: React.FC<{ children: React.ReactNode; config: ClientConfig }> = ({\n  children,\n  config,\n}) => {\n  return <Context.Provider value={config}>{children}</Context.Provider>\n}\n\nexport const useConfig = (): ClientConfig => useContext(Context)\n"],"names":["React","createContext","useContext","Context","ConfigProvider","children","config","Provider","value","useConfig"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,MAAMC,wBAAUF,cAA4B,CAAC;AAE7C,OAAO,MAAMG,iBAAgF,CAAC,EAC5FC,QAAQ,EACRC,MAAM,EACP;IACC,qBAAO,KAACH,QAAQI,QAAQ;QAACC,OAAOF;kBAASD;;AAC3C,EAAC;AAED,OAAO,MAAMI,YAAY,IAAoBP,WAAWC,SAAQ"}

package/dist/providers/DocumentEvents/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext, useState } from 'react';
 const Context = /*#__PURE__*/ createContext({
     mostRecentUpdate: null,
@@ -6,12 +7,13 @@ const Context = /*#__PURE__*/ createContext({
 });
 export const DocumentEventsProvider = ({ children })=>{
     const [mostRecentUpdate, reportUpdate] = useState(null);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             mostRecentUpdate,
             reportUpdate
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useDocumentEvents = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/DocumentEvents/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nexport type UpdatedDocument = {\n  entitySlug: string\n  id?: number | string\n  updatedAt: string\n}\n\nconst Context = createContext({\n  mostRecentUpdate: null,\n  reportUpdate: (doc: UpdatedDocument) => null, // eslint-disable-line @typescript-eslint/no-unused-vars\n})\n\nexport const DocumentEventsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [mostRecentUpdate, reportUpdate] = useState<UpdatedDocument>(null)\n\n  return <Context.Provider value={{ mostRecentUpdate, reportUpdate }}>{children}</Context.Provider>\n}\n\nexport const useDocumentEvents = () => useContext(Context)\n"],"names":["React","createContext","useContext","useState","Context","mostRecentUpdate","reportUpdate","doc","DocumentEventsProvider","children","Provider","value","useDocumentEvents"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAQlE,MAAMC,wBAAUH,cAAc;IAC5BI,kBAAkB;IAClBC,cAAc,CAACC,MAAyB;AAC1C;AAEA,OAAO,MAAMC,yBAAkE,CAAC,EAAEC,QAAQ,EAAE;IAC1F,MAAM,CAACJ,kBAAkBC,aAAa,GAAGH,SAA0B;IAEnE,qBAAO,oBAACC,QAAQM,QAAQ;QAACC,OAAO;YAAEN;YAAkBC;QAAa;OAAIG;AACvE,EAAC;AAED,OAAO,MAAMG,oBAAoB,IAAMV,WAAWE,SAAQ"}
+{"version":3,"sources":["../../../src/providers/DocumentEvents/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nexport type UpdatedDocument = {\n  entitySlug: string\n  id?: number | string\n  updatedAt: string\n}\n\nconst Context = createContext({\n  mostRecentUpdate: null,\n  reportUpdate: (doc: UpdatedDocument) => null, // eslint-disable-line @typescript-eslint/no-unused-vars\n})\n\nexport const DocumentEventsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [mostRecentUpdate, reportUpdate] = useState<UpdatedDocument>(null)\n\n  return <Context.Provider value={{ mostRecentUpdate, reportUpdate }}>{children}</Context.Provider>\n}\n\nexport const useDocumentEvents = () => useContext(Context)\n"],"names":["React","createContext","useContext","useState","Context","mostRecentUpdate","reportUpdate","doc","DocumentEventsProvider","children","Provider","value","useDocumentEvents"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAQlE,MAAMC,wBAAUH,cAAc;IAC5BI,kBAAkB;IAClBC,cAAc,CAACC,MAAyB;AAC1C;AAEA,OAAO,MAAMC,yBAAkE,CAAC,EAAEC,QAAQ,EAAE;IAC1F,MAAM,CAACJ,kBAAkBC,aAAa,GAAGH,SAA0B;IAEnE,qBAAO,KAACC,QAAQM,QAAQ;QAACC,OAAO;YAAEN;YAAkBC;QAAa;kBAAIG;;AACvE,EAAC;AAED,OAAO,MAAMG,oBAAoB,IAAMV,WAAWE,SAAQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAUxE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAE7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAmZF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAexE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAE7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAkfF,CAAA"}

package/dist/providers/DocumentInfo/index.js

@@ -1,11 +1,13 @@
 'use client';
-import { LoadingOverlay } from '@payloadcms/ui/elements/Loading';
-import { formatDocTitle } from '@payloadcms/ui/utilities/formatDocTitle';
-import { getFormState } from '@payloadcms/ui/utilities/getFormState';
-import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { notFound } from 'next/navigation.js';
 import qs from 'qs';
-import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
+import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { formatDocTitle } from '../../utilities/formatDocTitle.js';
+import { getFormState } from '../../utilities/getFormState.js';
+import { hasSavePermission as getHasSavePermission } from '../../utilities/hasSavePermission.js';
+import { isEditing as getIsEditing } from '../../utilities/isEditing.js';
+import { reduceFieldsToValues } from '../../utilities/reduceFieldsToValues.js';
 import { useAuth } from '../Auth/index.js';
 import { useConfig } from '../Config/index.js';
 import { useLocale } from '../Locale/index.js';
@@ -14,43 +16,62 @@ import { useTranslation } from '../Translation/index.js';
 const Context = /*#__PURE__*/ createContext({});
 export const useDocumentInfo = ()=>useContext(Context);
 export const DocumentInfoProvider = ({ children, ...props })=>{
-    const { id, collectionSlug, globalSlug, onLoadError, onSave: onSaveFromProps } = props;
+    const { id, collectionSlug, docPermissions: docPermissionsFromProps, globalSlug, hasPublishPermission: hasPublishPermissionFromProps, hasSavePermission: hasSavePermissionFromProps, initialData: initialDataFromProps, initialState: initialStateFromProps, onLoadError, onSave: onSaveFromProps } = props;
+    const { admin: { dateFormat }, collections, globals, routes: { api }, serverURL } = useConfig();
+    const collectionConfig = collections.find((c)=>c.slug === collectionSlug);
+    const globalConfig = globals.find((g)=>g.slug === globalSlug);
+    const docConfig = collectionConfig || globalConfig;
+    const { i18n } = useTranslation();
+    const [documentTitle, setDocumentTitle] = useState(()=>{
+        if (!initialDataFromProps) return '';
+        return formatDocTitle({
+            collectionConfig,
+            data: {
+                ...initialDataFromProps,
+                id
+            },
+            dateFormat,
+            fallback: id?.toString(),
+            globalConfig,
+            i18n
+        });
+    });
     const [isLoading, setIsLoading] = useState(false);
     const [isError, setIsError] = useState(false);
-    const [documentTitle, setDocumentTitle] = useState('');
-    const [initialData, setInitialData] = useState();
-    const [initialState, setInitialState] = useState();
+    const [data, setData] = useState(initialDataFromProps);
+    const [initialState, setInitialState] = useState(initialStateFromProps);
     const [publishedDoc, setPublishedDoc] = useState(null);
     const [versions, setVersions] = useState(null);
-    const [docPermissions, setDocPermissions] = useState(null);
-    const [hasSavePermission, setHasSavePermission] = useState(null);
+    const [docPermissions, setDocPermissions] = useState(docPermissionsFromProps);
+    const [hasSavePermission, setHasSavePermission] = useState(hasSavePermissionFromProps);
+    const [hasPublishPermission, setHasPublishPermission] = useState(hasPublishPermissionFromProps);
+    const isInitializing = initialState === undefined || data === undefined;
+    const hasInitializedDocPermissions = useRef(false);
     const [unpublishedVersions, setUnpublishedVersions] = useState(null);
     const { getPreference, setPreference } = usePreferences();
-    const { i18n } = useTranslation();
     const { permissions } = useAuth();
     const { code: locale } = useLocale();
-    const { admin: { dateFormat }, collections, globals, routes: { api }, serverURL } = useConfig();
-    const collectionConfig = collections.find((c)=>c.slug === collectionSlug);
-    const globalConfig = globals.find((g)=>g.slug === globalSlug);
-    const docConfig = collectionConfig || globalConfig;
+    const prevLocale = useRef(locale);
     const versionsConfig = docConfig?.versions;
     const baseURL = `${serverURL}${api}`;
     let slug;
-    let pluralType;
     let preferencesKey;
     if (globalSlug) {
         slug = globalSlug;
-        pluralType = 'globals';
         preferencesKey = `global-${slug}`;
     }
     if (collectionSlug) {
         slug = collectionSlug;
-        pluralType = 'collections';
         if (id) {
             preferencesKey = `collection-${slug}-${id}`;
         }
     }
-    const operation = collectionSlug && !id ? 'create' : 'update';
+    const isEditing = getIsEditing({
+        id,
+        collectionSlug,
+        globalSlug
+    });
+    const operation = isEditing ? 'update' : 'create';
     const shouldFetchVersions = Boolean(versionsConfig && docPermissions?.readVersions?.permission);
     const getVersions = useCallback(async ()=>{
         let versionFetchURL;
@@ -168,41 +189,67 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         versionsConfig,
         shouldFetchVersions
     ]);
-    const getDocPermissions = React.useCallback(async ()=>{
-        let docAccessURL;
+    const getDocPermissions = React.useCallback(async (data)=>{
         const params = {
             locale: locale || undefined
         };
-        if (pluralType === 'globals') {
-            docAccessURL = `/globals/${slug}/access`;
-        } else if (pluralType === 'collections' && id) {
-            docAccessURL = `/${slug}/access/${id}`;
-        }
-        if (docAccessURL) {
-            const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
-                credentials: 'include',
-                headers: {
-                    'Accept-Language': i18n.language
-                }
-            });
-            const json = await res.json();
-            setDocPermissions(json);
-            setHasSavePermission(json?.update?.permission);
+        const newIsEditing = getIsEditing({
+            id: data?.id,
+            collectionSlug,
+            globalSlug
+        });
+        if (newIsEditing) {
+            const docAccessURL = collectionSlug ? `/${collectionSlug}/access/${data.id}` : globalSlug ? `/globals/${globalSlug}/access` : null;
+            if (docAccessURL) {
+                const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
+                    credentials: 'include',
+                    headers: {
+                        'Accept-Language': i18n.language
+                    }
+                });
+                const json = await res.json();
+                const publishedAccessJSON = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
+                    body: JSON.stringify({
+                        data: {
+                            ...data || {},
+                            _status: 'published'
+                        }
+                    }),
+                    credentials: 'include',
+                    headers: {
+                        'Accept-Language': i18n.language
+                    },
+                    method: 'POST'
+                }).then((res)=>res.json());
+                setDocPermissions(json);
+                setHasSavePermission(getHasSavePermission({
+                    collectionSlug,
+                    docPermissions: json,
+                    globalSlug,
+                    isEditing: newIsEditing
+                }));
+                setHasPublishPermission(publishedAccessJSON?.update?.permission);
+            }
         } else {
-            // fallback to permissions from the entity type
-            // (i.e. create has no id)
-            setDocPermissions(permissions?.[pluralType]?.[slug]);
-            setHasSavePermission(permissions?.[pluralType]?.[slug]?.update?.permission);
+            // when creating new documents, there is no permissions saved for this document yet
+            // use the generic entity permissions instead
+            const newDocPermissions = collectionSlug ? permissions?.collections?.[collectionSlug] : permissions?.globals?.[globalSlug];
+            setDocPermissions(newDocPermissions);
+            setHasSavePermission(getHasSavePermission({
+                collectionSlug,
+                docPermissions: newDocPermissions,
+                globalSlug,
+                isEditing: newIsEditing
+            }));
         }
     }, [
         serverURL,
         api,
-        pluralType,
-        slug,
-        id,
         permissions,
         i18n.language,
-        locale
+        locale,
+        collectionSlug,
+        globalSlug
     ]);
     const getDocPreferences = useCallback(()=>{
         return getPreference(preferencesKey);
@@ -253,8 +300,10 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
             },
             serverURL
         });
+        const newData = json.doc;
         setInitialState(newState);
-        setInitialData(json.doc);
+        setData(newData);
+        await getDocPermissions(newData);
     }, [
         api,
         collectionSlug,
@@ -264,42 +313,47 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         operation,
         locale,
         onSaveFromProps,
-        serverURL
+        serverURL,
+        getDocPermissions
     ]);
     useEffect(()=>{
         const abortController = new AbortController();
-        const getInitialState = async ()=>{
-            setIsError(false);
-            setIsLoading(true);
-            try {
-                const result = await getFormState({
-                    apiRoute: api,
-                    body: {
-                        id,
-                        collectionSlug,
-                        globalSlug,
-                        locale,
-                        operation,
-                        schemaPath: collectionSlug || globalSlug
-                    },
-                    onError: onLoadError,
-                    serverURL,
-                    signal: abortController.signal
-                });
-                setInitialData(reduceFieldsToValues(result, true));
-                setInitialState(result);
-            } catch (err) {
-                if (!abortController.signal.aborted) {
-                    if (typeof onLoadError === 'function') {
-                        void onLoadError();
+        const localeChanged = locale !== prevLocale.current;
+        if (initialStateFromProps === undefined || initialDataFromProps === undefined || localeChanged) {
+            if (localeChanged) prevLocale.current = locale;
+            const getInitialState = async ()=>{
+                setIsError(false);
+                setIsLoading(true);
+                try {
+                    const result = await getFormState({
+                        apiRoute: api,
+                        body: {
+                            id,
+                            collectionSlug,
+                            globalSlug,
+                            locale,
+                            operation,
+                            schemaPath: collectionSlug || globalSlug
+                        },
+                        onError: onLoadError,
+                        serverURL,
+                        signal: abortController.signal
+                    });
+                    setData(reduceFieldsToValues(result, true));
+                    setInitialState(result);
+                } catch (err) {
+                    if (!abortController.signal.aborted) {
+                        if (typeof onLoadError === 'function') {
+                            void onLoadError();
+                        }
+                        setIsError(true);
+                        setIsLoading(false);
                     }
-                    setIsError(true);
-                    setIsLoading(false);
                 }
-            }
-            setIsLoading(false);
-        };
-        void getInitialState();
+                setIsLoading(false);
+            };
+            void getInitialState();
+        }
         return ()=>{
             abortController.abort();
         };
@@ -309,10 +363,11 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         collectionSlug,
         serverURL,
         id,
-        getPreference,
         globalSlug,
         locale,
-        onLoadError
+        onLoadError,
+        initialDataFromProps,
+        initialStateFromProps
     ]);
     useEffect(()=>{
         void getVersions();
@@ -323,7 +378,7 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         setDocumentTitle(formatDocTitle({
             collectionConfig,
             data: {
-                ...initialData,
+                ...data,
                 id
             },
             dateFormat,
@@ -333,7 +388,7 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         }));
     }, [
         collectionConfig,
-        initialData,
+        data,
         dateFormat,
         i18n,
         id,
@@ -341,30 +396,28 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
     ]);
     useEffect(()=>{
         const loadDocPermissions = async ()=>{
-            const docPermissions = props.docPermissions;
-            const hasSavePermission = props.hasSavePermission;
-            if (!docPermissions || hasSavePermission === undefined || hasSavePermission === null) {
-                await getDocPermissions();
-            } else {
-                setDocPermissions(docPermissions);
-                setHasSavePermission(hasSavePermission);
+            const docPermissions = docPermissionsFromProps;
+            const hasSavePermission = hasSavePermissionFromProps;
+            const hasPublishPermission = hasPublishPermissionFromProps;
+            if (!docPermissions || hasSavePermission === undefined || hasSavePermission === null || hasPublishPermission === undefined || hasPublishPermission === null) {
+                await getDocPermissions(data);
             }
         };
-        if (collectionSlug || globalSlug) {
+        if (!hasInitializedDocPermissions.current && data && (collectionSlug || globalSlug)) {
+            hasInitializedDocPermissions.current = true;
             void loadDocPermissions();
         }
     }, [
         getDocPermissions,
-        props.docPermissions,
-        props.hasSavePermission,
+        docPermissionsFromProps,
+        hasSavePermissionFromProps,
+        hasPublishPermissionFromProps,
         setDocPermissions,
         collectionSlug,
-        globalSlug
+        globalSlug,
+        data
     ]);
     if (isError) notFound();
-    if (!initialState || isLoading) {
-        return /*#__PURE__*/ React.createElement(LoadingOverlay, null);
-    }
     const value = {
         ...props,
         docConfig,
@@ -372,9 +425,12 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         getDocPermissions,
         getDocPreferences,
         getVersions,
+        hasPublishPermission,
         hasSavePermission,
-        initialData,
+        initialData: data,
         initialState,
+        isInitializing,
+        isLoading,
         onSave,
         publishedDoc,
         setDocFieldPreferences,
@@ -383,9 +439,10 @@ export const DocumentInfoProvider = ({ children, ...props })=>{
         unpublishedVersions,
         versions
     };
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: value
-    }, children);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: value,
+        children: children
+    });
 };
 
 //# sourceMappingURL=index.js.map