@orion-studios/payload-studio 0.5.0-beta.98 → 0.6.0-beta.1

package/dist/studio-pages/client.d.mts

@@ -1,4 +1,4 @@
-import type { FC } from 'react'
+import type { ComponentType, CSSProperties, FC, ReactNode } from 'react'
 import type {
   BuilderBlockSettingsV2,
   BuilderSettingsPanelMode,
@@ -18,15 +18,72 @@ export type SectionPreset = {
   blocks: BuilderBlock[]
 }
 
+export type BuilderRenderWithSectionShell = (
+  block: {
+    blockType?: string
+    [key: string]: unknown
+  },
+  className: string,
+  content: ReactNode,
+  options?: {
+    inheritProjectStyles?: boolean
+  },
+) => ReactNode
+
+export type BuilderInlineTextComponentProps = {
+  as?: 'h1' | 'h2' | 'h3' | 'p' | 'span'
+  className?: string
+  multiline?: boolean
+  onCommit: (value: string) => void
+  placeholder?: string
+  style?: CSSProperties
+  value?: string
+}
+
+export type BuilderPreviewTextFieldOptions = Omit<
+  BuilderInlineTextComponentProps,
+  'onCommit' | 'value'
+>
+
+export type BuilderPreviewEditingHelpers = {
+  InlineText: ComponentType<BuilderInlineTextComponentProps>
+  readText: (value: unknown, fallback?: string) => string
+  updateArrayItemText: (
+    arrayField: string,
+    itemIndex: number,
+    fieldName: string,
+    value: string,
+  ) => void
+  updateBlockText: (fieldName: string, value: string) => void
+}
+
+export type BuilderBlockPreviewRenderArgs = {
+  block: {
+    blockType?: string
+    [key: string]: unknown
+  }
+  editing: BuilderPreviewEditingHelpers
+  index: number
+  renderWithSectionShell: BuilderRenderWithSectionShell
+  resolvedThemeTokens: BuilderThemeTokens
+}
+
+export type BuilderBlockPreviewRenderer = (args: BuilderBlockPreviewRenderArgs) => ReactNode | null
+
 export declare const BuilderPageEditor: FC<{
   featureFlags?: {
     settingsPanelV2?: boolean
   }
   initialDoc?: Record<string, unknown>
   pageID: string
+  renderBlockPreview?: (args: BuilderBlockPreviewRenderArgs) => ReactNode | null
   siteThemeTokens?: BuilderThemeTokenOverrides
 }>
 
+export declare const registerBuilderBlockPreviewRenderer: (
+  renderer: BuilderBlockPreviewRenderer | null,
+) => void
+
 export type {
   BuilderBlockSettingsV2,
   BuilderSettingsPanelMode,

package/dist/studio-pages/client.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react'
+import type { ComponentType, CSSProperties, FC, ReactNode } from 'react'
 import type {
   BuilderBlockSettingsV2,
   BuilderSettingsPanelMode,
@@ -18,15 +18,72 @@ export type SectionPreset = {
   blocks: BuilderBlock[]
 }
 
+export type BuilderRenderWithSectionShell = (
+  block: {
+    blockType?: string
+    [key: string]: unknown
+  },
+  className: string,
+  content: ReactNode,
+  options?: {
+    inheritProjectStyles?: boolean
+  },
+) => ReactNode
+
+export type BuilderInlineTextComponentProps = {
+  as?: 'h1' | 'h2' | 'h3' | 'p' | 'span'
+  className?: string
+  multiline?: boolean
+  onCommit: (value: string) => void
+  placeholder?: string
+  style?: CSSProperties
+  value?: string
+}
+
+export type BuilderPreviewTextFieldOptions = Omit<
+  BuilderInlineTextComponentProps,
+  'onCommit' | 'value'
+>
+
+export type BuilderPreviewEditingHelpers = {
+  InlineText: ComponentType<BuilderInlineTextComponentProps>
+  readText: (value: unknown, fallback?: string) => string
+  updateArrayItemText: (
+    arrayField: string,
+    itemIndex: number,
+    fieldName: string,
+    value: string,
+  ) => void
+  updateBlockText: (fieldName: string, value: string) => void
+}
+
+export type BuilderBlockPreviewRenderArgs = {
+  block: {
+    blockType?: string
+    [key: string]: unknown
+  }
+  editing: BuilderPreviewEditingHelpers
+  index: number
+  renderWithSectionShell: BuilderRenderWithSectionShell
+  resolvedThemeTokens: BuilderThemeTokens
+}
+
+export type BuilderBlockPreviewRenderer = (args: BuilderBlockPreviewRenderArgs) => ReactNode | null
+
 export declare const BuilderPageEditor: FC<{
   featureFlags?: {
     settingsPanelV2?: boolean
   }
   initialDoc?: Record<string, unknown>
   pageID: string
+  renderBlockPreview?: (args: BuilderBlockPreviewRenderArgs) => ReactNode | null
   siteThemeTokens?: BuilderThemeTokenOverrides
 }>
 
+export declare const registerBuilderBlockPreviewRenderer: (
+  renderer: BuilderBlockPreviewRenderer | null,
+) => void
+
 export type {
   BuilderBlockSettingsV2,
   BuilderSettingsPanelMode,