sanity
Version:
Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches
1,898 lines (1,797 loc) • 369 kB
TypeScript
import {ActionFunction} from 'xstate'
import {ActorRef} from 'xstate'
import {ActorRefFrom} from 'xstate'
import {ActorRefFromLogic} from 'xstate'
import {AnyActorLogic} from 'xstate'
import {AnyActorRef} from 'xstate'
import {AnyEventObject} from 'xstate'
import {ArraySchemaType} from '@sanity/types'
import {AssetMetadataType} from '@sanity/types'
import {AssetSource} from '@sanity/types'
import {AssetSourceSpec} from '@sanity/types'
import {BehaviorSubject} from 'rxjs'
import {BifurClient} from '@sanity/bifur-client'
import {BooleanSchemaType} from '@sanity/types'
import {BrowserHistory} from 'history'
import {ButtonTone} from '@sanity/ui'
import {ClientConfig} from '@sanity/client'
import {ClientPerspective} from '@sanity/client'
import {ColorHueKey} from '@sanity/color'
import {ColorTints} from '@sanity/color'
import {ComponentType} from 'react'
import {ConditionalRequired} from 'xstate'
import {Context} from 'react'
import {CrossDatasetReferenceValue} from '@sanity/types'
import {CrossDatasetType} from '@sanity/types'
import {CSSProperties} from 'react'
import {CurrentUser} from '@sanity/types'
import {DialogProps} from '@sanity/ui'
import {Dispatch} from 'react'
import {DocumentActionComponent as DocumentActionComponent_2} from 'sanity'
import {DocumentBadgeComponent as DocumentBadgeComponent_2} from 'sanity'
import {DocumentFieldAction as DocumentFieldAction_2} from 'sanity'
import {DocumentFormNode} from 'sanity'
import {DocumentInspector as DocumentInspector_2} from 'sanity'
import {DocumentLanguageFilterComponent as DocumentLanguageFilterComponent_2} from 'sanity'
import {DocumentStore} from 'sanity'
import {DocumentValuePermission} from 'sanity'
import {DoneActorEvent} from 'xstate'
import {EditorChange} from '@portabletext/editor'
import {EditorSelection} from '@portabletext/editor'
import {EditStateFor as EditStateFor_2} from 'sanity'
import {ErrorActorEvent} from 'xstate'
import {ErrorInfo} from 'react'
import {EventObject} from 'xstate'
import {FileValue} from '@sanity/types'
import {FocusEvent as FocusEvent_2} from 'react'
import {FocusEventHandler} from 'react'
import {FormEventHandler} from 'react'
import {FormNodeValidation} from '@sanity/types'
import {GeneralPreviewLayoutKey as GeneralPreviewLayoutKey_2} from 'sanity'
import {GeopointValue} from '@sanity/types'
import {GetConcreteByKey} from 'xstate'
import {HashHistory} from 'history'
import {History as History_2} from 'history'
import {HotkeyOptions} from '@portabletext/editor'
import {HTMLProps} from 'react'
import {i18n} from 'i18next'
import {I18nTextRecord} from '@sanity/types'
import {I18nTextRecord as I18nTextRecord_2} from 'sanity'
import {ImageUrlFitMode} from '@sanity/types'
import {ImageValue} from '@sanity/types'
import {InitialValueProperty} from '@sanity/types'
import {InitialValueTemplateItem as InitialValueTemplateItem_2} from 'sanity'
import {InputFrom} from 'xstate'
import {IntentParameters} from 'sanity/router'
import {IntrinsicTypeName} from '@sanity/types'
import {IsNotNever} from 'xstate'
import {KeyedSegment} from '@sanity/types'
import {MachineSnapshot} from 'xstate'
import {MarkdownPluginConfig} from '@portabletext/editor/plugins'
import {MemoryHistory} from 'history'
import {MetaObject} from 'xstate'
import {MutableRefObject} from 'react'
import {NonReducibleUnknown} from 'xstate'
import {NumberSchemaType} from '@sanity/types'
import {ObjectDiff as ObjectDiff_2} from '@sanity/diff'
import {ObjectField} from '@sanity/types'
import {ObjectSchemaType} from '@sanity/types'
import {Observable} from 'rxjs'
import {ObservableActorLogic} from 'xstate'
import {ObservableSnapshot} from 'xstate'
import {OnCopyFn} from '@portabletext/editor'
import {OnPasteFn} from '@portabletext/editor'
import {PatchEvent as PatchEvent_2} from 'sanity'
import {Path} from '@sanity/types'
import {PathSegment} from '@sanity/types'
import {PermissionCheckResult} from 'sanity'
import {PerspectiveStack as PerspectiveStack_2} from 'sanity'
import {PortableTextBlock} from '@sanity/types'
import {PortableTextEditor} from '@portabletext/editor'
import {PortableTextObject} from '@sanity/types'
import {PreviewLayoutKey as PreviewLayoutKey_2} from 'sanity'
import {PreviewUrlResolver} from '@sanity/preview-url-secret/define-preview-url'
import {PromiseActorLogic} from 'xstate'
import type {PubSub} from 'nano-pubsub'
import {RangeDecoration} from '@portabletext/editor'
import {ReactNode} from 'react'
import {ReferenceValue} from '@sanity/types'
import {RefObject} from 'react'
import {ReleaseDocument} from '@sanity/client'
import {ReleaseId} from 'sanity'
import {RequiredActorOptions} from 'xstate'
import {RequiredLogicInput} from 'xstate'
import {RootTheme} from '@sanity/ui/theme'
import {Router} from 'sanity/router'
import {RouterState} from 'sanity/router'
import {SanityClient} from '@sanity/client'
import {SanityClient as SanityClient_2} from 'sanity'
import {SanityDocument} from '@sanity/types'
import {SanityDocument as SanityDocument_2} from '@sanity/client'
import {SanityDocument as SanityDocument_3} from 'sanity'
import {SanityDocumentLike} from '@sanity/types'
import {Schema} from '@sanity/types'
import {SchemaType} from '@sanity/types'
import {SchemaTypeDefinition} from '@sanity/types'
import {SearchParam} from 'sanity/router'
import {SearchStrategy} from '@sanity/types'
import type {SemVer} from 'semver'
import {Serializable} from '@sanity/presentation-comlink'
import {SetStateAction} from 'react'
import {SlugValue} from '@sanity/types'
import {SnapshotEvent} from 'xstate'
import {SortOrdering} from '@sanity/types'
import {SortOrderingItem} from '@sanity/types'
import {Source as Source_2} from 'sanity'
import {StackablePerspective} from '@sanity/client'
import {StateMachine} from 'xstate'
import {StateTree} from 'sanity'
import {StateValue} from 'xstate'
import {StringSchemaType} from '@sanity/types'
import {TFunction} from 'i18next'
import {ThemeColorSchemeKey} from '@sanity/ui/theme'
import {TimelineStore} from 'sanity'
import {User} from '@sanity/types'
import {ValidationMarker} from '@sanity/types'
import {Values} from 'xstate'
declare interface Action extends NavbarActionBase {
onAction: () => void
selected: boolean
title: string
render?: undefined
}
/**
* @hidden
* @beta */
declare interface ActionComponent<ActionProps> {
(props: ActionProps): DocumentActionDescription | null
}
declare interface ActionWithCustomRender extends NavbarActionBase {
render: () => React.ReactElement
}
/**
* @beta
* @hidden
*/
declare type ActiveDocument = {
documentId: string
documentType: string
}
/**
* @hidden
* @beta */
declare interface ActiveToolLayoutProps {
renderDefault: (props: ActiveToolLayoutProps) => React.JSX.Element
activeTool: Tool
}
/** @internal */
export declare const ActiveWorkspaceMatcherContext: Context<ActiveWorkspaceMatcherContextValue | null>
/** @internal */
declare interface ActiveWorkspaceMatcherContextValue {
activeWorkspace: WorkspaceSummary
setActiveWorkspace: (workspaceName: string) => void
}
/**
* @beta
* @hidden
*/
export declare const AddonDatasetContext: Context<AddonDatasetContextValue | null>
/**
* @beta
* @hidden
*/
declare interface AddonDatasetContextValue {
/**
* Addon dataset client, currently called `comments` dataset.
*/
client: SanityClient | null
isCreatingDataset: boolean
/**
* Function to create the addon dataset if it does not exist.
*/
createAddonDataset: () => Promise<SanityClient | null>
ready: boolean
}
/**
* @hidden
* @beta */
declare type Annotation = AnnotationDetails | null
/**
* Annotation connected to a change
*
*
* @hidden
* @beta
*/
declare type AnnotationDetails = {
event?: DocumentGroupEvent
timestamp: string
author: string
}
declare interface AppIdCache {
get: (args: {
projectId: string
appIdFetcher: AppIdFetcher
}) => Promise<CompatibleStudioAppId | undefined>
}
/**
* @internal
*/
export declare const AppIdCacheContext: Context<AppIdCache | null>
declare type AppIdFetcher = (projectId: string) => Promise<CompatibleStudioAppId>
/**
* @public
* Config for the apps that are available in the studio.
*/
declare type AppsOptions = {
canvas?: {
enabled: boolean
/**
* To allow the "Link to canvas" action on localhost, or in studios not listed under Studios in sanity.io/manage
* provide a fallback origin as a string.
*
* The string must be the exactly equal `name` as shown for the Studio in manage, and the studio must have create-manifest.json available.
*
* If the provided fallback Studio does not expose create-manifest.json "Link to canvas" will fail when using the fallback.
*
* Example: `wonderful.sanity.studio`
*
* Keep in mind that when fallback origin is used, Canvas will use the schema types and dataset in the *deployed* Studio,
* not from localhost.
*
* To see data synced from Canvas in your localhost Studio, you must ensure that the deployed fallback studio uses the same
* workspace and schemas as your local configuration.
*
*/
fallbackStudioOrigin?: string
}
}
/**
* @hidden
* @public */
declare interface ArrayFieldProps extends BaseFieldProps {
schemaType: ArraySchemaType
value: unknown[] | undefined
collapsed?: boolean
collapsible?: boolean
onCollapse: () => void
onExpand: () => void
inputProps: ArrayOfObjectsInputProps
}
/**
* @hidden
* @beta */
declare interface ArrayInputCopyEvent<Item> {
items: Item[]
}
/**
* These are the props an implementation of the ArrayFunctions component will receive
*
*
* @hidden
* @beta
*/
declare interface ArrayInputFunctionsProps<Item, SchemaType extends ArraySchemaType> {
children?: ReactNode
onItemAppend: (itemValue: Item) => void
onChange: (event: PatchEvent) => void
onValueCreate: (type: SchemaType) => Item
onItemPrepend: (itemValue: Item) => void
readOnly?: boolean
schemaType: SchemaType
value?: Item[]
}
/**
* @hidden
* @beta */
declare interface ArrayInputInsertEvent<Item> {
items: Item[]
position: 'before' | 'after'
referenceItem: KeyedSegment | number
skipInitialValue?: boolean
open?: boolean
}
/**
* @hidden
* @beta */
declare interface ArrayInputMoveItemEvent {
fromIndex: number
toIndex: number
}
/**
* @hidden
* @beta */
declare interface ArrayItemError {
kind: 'error'
key: string
index: number
error: InvalidItemTypeError
}
/** @public */
declare interface ArrayOfObjectsFormNode<
T extends any[] = unknown[],
S extends ArraySchemaType = ArraySchemaType,
> extends BaseFormNode<T, S> {
/** The focus path of the form node. */
focusPath: Path
/**
* @hidden
* @beta */
members: ArrayOfObjectsMember[]
}
/**
* @hidden
* @public */
declare interface ArrayOfObjectsInputProps<
T extends {
_key: string
} = {
_key: string
},
S extends ArraySchemaType = ArraySchemaType,
> extends BaseInputProps,
ArrayOfObjectsFormNode<T[], S> {
/**
* @hidden
* @beta */
arrayFunctions?: ComponentType<ArrayInputFunctionsProps<T, S>>
/**
* @hidden
* @beta */
onChange: (patch: FormPatch | FormPatch[] | PatchEvent) => void
/**
* @hidden
* @beta */
onItemAppend: (item: T) => void
/**
* @hidden
* @beta */
onItemPrepend: (item: T) => void
/**
* @hidden
* @beta */
onItemRemove: (itemKey: string) => void
/**
* @hidden
* @beta */
onItemMove: (event: ArrayInputMoveItemEvent) => void
/**
* @hidden
* @beta */
onInsert: (event: ArrayInputInsertEvent<T>) => void
/**
* @hidden
* @beta */
resolveInitialValue: (type: SchemaType, params: Record<string, unknown>) => Promise<T>
/**
* @hidden
* @beta */
resolveUploader: UploaderResolver<ObjectSchemaType>
/**
* @hidden
* @beta */
onUpload: (event: UploadEvent) => void
/**
* @hidden
* @beta */
onPathFocus: (path: Path, payload?: OnPathFocusPayload) => void
/**
* for array inputs using expand/collapse semantics for items
*
* @hidden
* @beta
*/
onItemCollapse: (itemKey: string) => void
/**
* @hidden
* @beta */
onItemExpand: (itemKey: string) => void
/**
* for array inputs using modal open/close semantics for items
*
* @hidden
* @beta
*/
onItemOpen: (path: Path) => void
/**
* @hidden
* @beta */
onItemClose: () => void
/**
* @hidden
* @beta */
renderAnnotation?: RenderAnnotationCallback
/**
* @hidden
* @beta */
renderBlock?: RenderBlockCallback
/**
* @hidden
* @beta */
renderInlineBlock?: RenderBlockCallback
/**
* @hidden
* @beta */
renderField: RenderFieldCallback
/**
* @hidden
* @beta */
renderInput: RenderInputCallback
/**
* @hidden
* @beta */
renderItem: RenderArrayOfObjectsItemCallback
/**
* @hidden
* @beta */
renderPreview: RenderPreviewCallback
/**
* @hidden
* @beta */
elementProps: ComplexElementProps
}
/**
* @hidden
* @beta */
declare interface ArrayOfObjectsItemMember<Node extends ObjectArrayFormNode = ObjectArrayFormNode> {
kind: 'item'
key: string
index: number
collapsed: boolean | undefined
collapsible: boolean | undefined
open: boolean
parentSchemaType: ArraySchemaType
/**
* @hidden
* @beta */
item: Node
}
/**
* @hidden
* @beta */
declare type ArrayOfObjectsMember = ArrayOfObjectsItemMember | ArrayItemError
/**
* @hidden
* @beta */
declare type ArrayOfPrimitivesElementType<T extends any[]> = T extends (infer K)[] ? K : unknown
/** @public */
declare interface ArrayOfPrimitivesFormNode<
T extends (string | number | boolean)[] = (string | number | boolean)[],
S extends ArraySchemaType = ArraySchemaType,
> extends BaseFormNode<T, S> {
/** The focus path of the form node. */
focusPath: Path
/**
* @hidden
* @beta */
members: ArrayOfPrimitivesMember[]
}
/**
* @hidden
* @public */
declare interface ArrayOfPrimitivesInputProps<
T extends string | boolean | number = string | boolean | number,
S extends ArraySchemaType = ArraySchemaType,
> extends BaseInputProps,
ArrayOfPrimitivesFormNode<T[], S> {
/**
* @hidden
* @beta */
arrayFunctions?: ComponentType<ArrayInputFunctionsProps<T, S>>
onSetCollapsed: (collapsed: boolean) => void
/**
* @hidden
* @beta */
onChange: (patch: FormPatch | FormPatch[] | PatchEvent) => void
/**
* @hidden
* @beta */
onItemAppend: (item: ArrayOfPrimitivesElementType<T[]>) => void
/**
* @hidden
* @beta */
onItemPrepend: (item: ArrayOfPrimitivesElementType<T[]>) => void
/**
* @hidden
* @beta */
onItemRemove: (index: number) => void
/**
* @hidden
* @beta */
onMoveItem: (event: ArrayInputMoveItemEvent) => void
/**
* @hidden
* @beta */
onInsert: (event: {items: T[]; position: 'before' | 'after'; referenceIndex: number}) => void
/**
* @hidden
* @beta */
resolveUploader: UploaderResolver<NumberSchemaType | BooleanSchemaType | StringSchemaType>
/**
* @hidden
* @beta */
onUpload: (event: UploadEvent) => void
/**
* @hidden
* @beta */
onIndexFocus: (index: number) => void
/**
* @hidden
* @beta */
renderAnnotation?: RenderAnnotationCallback
/**
* @hidden
* @beta */
renderBlock?: RenderBlockCallback
/**
* @hidden
* @beta */
renderInlineBlock?: RenderBlockCallback
/**
* @hidden
* @beta */
renderInput: RenderInputCallback
/**
* @hidden
* @beta */
renderItem: RenderArrayOfPrimitivesItemCallback
/**
* @hidden
* @beta */
renderPreview: RenderPreviewCallback
/**
* @hidden
* @beta */
elementProps: ComplexElementProps
}
/**
* @hidden
* @beta */
declare interface ArrayOfPrimitivesItemMember<Node extends PrimitiveFormNode = PrimitiveFormNode> {
kind: 'item'
key: string
index: number
open: boolean
parentSchemaType: ArraySchemaType
/**
* @hidden
* @beta */
item: Node
}
/**
* @hidden
* @beta */
declare type ArrayOfPrimitivesMember = ArrayOfPrimitivesItemMember | ArrayItemError
/**
* @hidden
* @beta
*/
declare type AssetSourceResolver = ComposableOption<AssetSource[], ConfigContext>
/**
* @hidden
* @beta
*/
declare type AsyncComposableOption<TValue, TContext> = (
prev: TValue,
context: TContext,
) => Promise<TValue>
declare type AudienceRole = (typeof audienceRoles)[number]
declare const audienceRoles: readonly [
'administrator',
'editor',
'viewer',
'contributor',
'developer',
'custom',
]
/**
* Authentication options
*
* @public
*/
declare interface AuthConfig {
/**
* Login method to use for the studio. Can be one of:
* - `dual` (default) - attempt to use cookies where possible, falling back to
* storing authentication token in `localStorage` otherwise
* - `cookie` - explicitly disable `localStorage` method, relying only on cookies. May fail due
* to cookies being treated as third-party cookies in some browsers, thus the default is `dual`.
* - `token` - explicitly disable cookies, relying only on `localStorage` method
*/
loginMethod?: LoginMethod
/**
* Whether to append the providers specified in `providers` with the default providers from the
* API, or replace the default providers with the ones specified.
*
* @deprecated Use the function form of `providers` instead for more control
*/
mode?: 'append' | 'replace'
/**
* If true, the "Choose login provider" (eg "Google, "GitHub", "E-mail/password") screen
* will be skipped if only a single provider is configured in the `providers` array -
* instead it will redirect unauthenticated users straight to the authentication URL.
*/
redirectOnSingle?: boolean
/**
* Array of authentication providers to use, or a function that takes an array of default
* authentication providers (fetched from the Sanity API) and should return a new list of
* providers. This can be used to selectively replace, add or remove providers from the
* list of choices.
*
* @remarks If a static array of providers is provided, the `mode` property is taken into account
* when determining what to do with it - `append` will append the providers to the default set
* of providers, while `replace` will replace the default providers with the ones specified.
*
* If not set, the default providers will be used.
*/
providers?: AuthProvider[] | ((prev: AuthProvider[]) => AuthProvider[] | Promise<AuthProvider[]>)
/**
* The API hostname for requests. Should usually be left undefined,
* but can be set if using custom cname for API domain.
*/
apiHost?: string
}
/**
* A provider of authentication.
*
* By default, a list of providers for a project will be fetched from the
* {@link https://api.sanity.io/v1/auth/providers | Sanity API}, but you may choose to limit this
* list by explicitly defining the providers you want to allow, or add additional custom providers
* that conforms to the authentication provider specification outlined in
* {@link https://www.sanity.io/docs/third-party-login | the documentation}.
*
* @public
*/
declare interface AuthProvider {
/**
* URL-friendly identifier/name for the provider, eg `github`
*/
name: string
/**
* Human friendly title for the provider, eg `GitHub`
*/
title: string
/**
* URL for the authentication endpoint that will trigger the authentication flow
*/
url: string
/**
* URL for a logo to display next to the provider in the login screen
*/
logo?: string
}
/**
* The unit an `AuthStore` emits to determine the user's authentication state.
*
* @beta
* @hidden
*/
declare interface AuthState {
/**
* Similar to a logged-in flag. This state is used in places like the
* `AuthBoundary` to determine whether or not it should render the
* `NotAuthenticatedComponent`. Implementers may choose to set this to `true`
* while also also emitting a `currentUser` of `null` if a `null` user is
* accepted (e.g. a project that doesn't require a login)
*/
authenticated: boolean
/**
* The value of the user logged in or `null` if none is provided
*/
currentUser: CurrentUser | null
/**
* A client that is expected to be pre-configured to allow for any downstream
* requests in the Studio
*/
client: SanityClient
}
/**
* The interface used by the Studio that produces a `SanityClient` and
* `CurrentUser` that gets passed to the resulting `Workspace`s and `Source`s.
*
* NOTE: This interface is primarily for internal use. Refer to
* `createAuthStore` instead.
*
* @beta
* @hidden
*/
declare interface AuthStore {
/**
* Emits `AuthState`s. This should update when the user's auth state changes.
* E.g. After a login, a new `AuthState` could be emitted with a non-null
* `currentUser` and `authenticated: true`
*
* NOTE: all auth store implementations should emit on subscribe using
* something like shareReplay(1) to ensure all new subscribers get an
* `AuthState` value on subscribe
*/
state: Observable<AuthState>
/**
* Emits auth tokens, or `null` if not configured to use them or they do not exist
*/
token?: Observable<string | null>
/**
* Custom auth stores are expected to implement a UI that initiates the user's
* authentication. For the typical case in `createAuthStore`, this means
* loading the providers and showing them as options to the user.
*/
LoginComponent?: ComponentType<LoginComponentProps>
/**
* Custom auth stores can implement a function that runs when the user logs
* out. The implementation is expected to remove all credentials both locally
* and on the server.
*/
logout?: () => void
/**
* Custom auth stores can implement a function that is designated to run when
* the Studio loads (e.g. to trade a session ID for a token in cookie-less
* mode). Within the Studio, this is called within the `AuthBoundary`.
*/
handleCallbackUrl?: () => Promise<void>
}
/**
* @hidden
* @beta */
declare interface BackLinkProps {
children?: ReactNode
}
/**
* A generic event with a type and a timestamp.
* @hidden
* @beta
*/
declare interface BaseEvent {
id: string
timestamp: string
author: string
/**
* This is added client side to enhance the UI.
*/
documentVariantType: DocumentVariantType
}
/**
* @hidden
* @public */
declare interface BaseFieldProps {
/** @beta */
actions?: DocumentFieldAction[]
/** @internal @deprecated DO NOT USE */
__internal_comments?: FieldCommentsProps
/** @internal @deprecated ONLY USED BY AI ASSIST PLUGIN */
__internal_slot?: ReactNode
schemaType: SchemaType
title: string | undefined
description: string | undefined
/**
* @hidden
* @beta */
presence: FormNodePresence[]
validation: FormNodeValidation[]
level: number
inputId: string
value: unknown | undefined
path: Path
name: string
index: number
changed: boolean
children: ReactNode
version?: string
renderDefault: (props: FieldProps) => React.JSX.Element
}
/**
* @hidden
* @public
*/
declare interface BaseFormNode<T = unknown, S extends SchemaType = SchemaType> {
/** The unique identifier of the node. */
id: string
/** The schema type of the node. */
schemaType: S
/** The level of the node in the form hierarchy. */
level: number
/** The path of the node in the form hierarchy. */
path: Path
/**
* @hidden
* @beta */
presence: FormNodePresence[]
/** The validation markers of the node. */
validation: FormNodeValidation[]
/** The value of the node. */
value: T | undefined
/** Whether the node is read-only. */
readOnly?: boolean
/** Whether the node is focused. */
focused?: boolean
/** Whether the node has changes in a draft. */
changed: boolean
}
/**
* Interface for base generic list
*
* @public
*/
declare interface BaseGenericList extends StructureNode {
/** List layout key. */
defaultLayout?: PreviewLayoutKey_2
/** Can handle intent. See {@link IntentChecker} */
canHandleIntent?: IntentChecker
/** List display options. See {@link ListDisplayOptions} */
displayOptions?: ListDisplayOptions
/** List child. See {@link Child} */
child: Child
/** List initial values array. See {@link InitialValueTemplateItem} and {@link InitialValueTemplateItemBuilder} */
initialValueTemplates?: (InitialValueTemplateItem_2 | InitialValueTemplateItemBuilder)[]
}
/**
* @hidden
* @public */
declare interface BaseInputProps {
renderDefault: (props: InputProps) => React.JSX.Element
}
/**
* Base intent parameters
*
* @public
* @todo dedupe with core
*/
declare interface BaseIntentParams {
/**
* Document schema type name to create/edit.
* Required for `create` intents, optional for `edit` (but encouraged, safer and faster)
*/
type?: string
/**
* ID of the document to create/edit.
* Required for `edit` intents, optional for `create`.
*/
id?: string
/**
* Name (ID) of initial value template to use for `create` intent. Optional.
*/
template?: string
/**
* Experimental field path
*
* @beta
* @experimental
* @hidden
*/
path?: string
/**
* Optional "mode" to use for edit intent.
* Known modes are `structure` and `presentation`.
*/
mode?: string
/**
* Arbitrary/custom parameters are generally discouraged - try to keep them to a minimum,
* or use `payload` (arbitrary JSON-serializable object) instead.
*/
[key: string]: string | undefined
}
/**
* Base intent parameters
*
* @public
* @todo dedupe with core/structure
*/
declare interface BaseIntentParams_2 {
/**
* Document schema type name to create/edit.
* Required for `create` intents, optional for `edit` (but encouraged, safer and faster)
*/
type?: string
/**
* ID of the document to create/edit.
* Required for `edit` intents, optional for `create`.
*/
id?: string
template?: string
/**
* Experimental field path
*
* @beta
* @experimental
* @hidden
*/
path?: string
/**
* Optional "mode" to use for edit intent.
* Known modes are `structure` and `presentation`.
*/
mode?: string
/**
* Arbitrary/custom parameters are generally discouraged - try to keep them to a minimum,
* or use `payload` (arbitrary JSON-serializable object) instead.
*/
[key: string]: string | undefined
}
/**
* Props for the base item component.
*
* @public
*/
declare interface BaseItemProps<T> {
/** The schema type of the item. */
schemaType: SchemaType
/** The key of the item. */
key: string
/** The index of the item. */
index: number
/** The level of the item. */
level: number
/** The value of the item. */
value: unknown
/** The path of the item. */
path: Path
/** The title of the item. */
title: string | undefined
/** The description of the item. */
description: string | undefined
/** The ID of the input element. */
inputId: string
/** The function to call when the item receives focus. */
onFocus: (event: FocusEvent_2) => void
/** The function to call when the item loses focus. */
onBlur: (event: FocusEvent_2) => void
/** Whether the item is read-only. */
readOnly?: boolean
/** Whether the item is focused. */
focused?: boolean
/** The function to call when the item is removed. */
onRemove: () => void
/**
* @hidden
* @beta */
onInsert: (event: Omit<ArrayInputInsertEvent<T>, 'referenceItem'>) => void
/**
* @hidden
* @beta */
onCopy: (event: Omit<ArrayInputCopyEvent<T>, 'referenceItem'>) => void
/** The children of the item. */
children: ReactNode
/** The validation markers for the item. */
validation: FormNodeValidation[]
/**
* @hidden
* @beta */
presence: FormNodePresence[]
/** The function to call to render the default item. See {@link ItemProps} */
renderDefault: (props: ItemProps) => React.JSX.Element
}
/**
* @beta
* @hidden
*/
declare interface BaseOptions {
context: {
source: 'fieldAction' | 'documentFieldAction' | 'keyboardShortcut' | 'arrayItem' | 'unknown'
}
}
/** @internal */
declare interface BaseResolvedPaneNode<T extends PaneNode['type']> {
id: string
type: T
title: string
i18n?: I18nTextRecord_2<'title'>
menuItems?: PaneMenuItem[]
menuItemGroups?: PaneMenuItemGroup[]
canHandleIntent?: (
intentName: string,
params: Record<string, string | undefined>,
options: {
pane: PaneNode
index: number
},
) => boolean
child?: UnresolvedPaneNode
}
/**
* Interface for base view
*
* @public */
declare interface BaseView {
/** View id */
id: string
/** View Title */
title: string
/** View Icon */
icon?: React.ComponentType | React.ReactNode
}
/**
* @internal
* Configuration for studio beta features.
* */
declare interface BetaFeatures {
/**
* @beta
* @hidden
* @deprecated beta feature is no longer available.
* */
treeArrayEditing?: {
/**
* @deprecated beta feature is no longer available.
*/
enabled: boolean
}
/**
* @deprecated - The Start in Create flow has been removed and will be updated in an upcoming studio release.
*/
create?: {
/**
* When true, a "Start in Sanity Create" action will be shown for all new documents, in place of regular document actions,
* when the following are true:
* - the origin of the current url is listed under Studios in sanity.to/manage (OR fallbackStudioOrigin is provided)
* - [origin]/static/create-manifest.json is available over HTTP GET
*
* The manifest file is automatically created and deployed when deploying studios with `sanity deploy`
*
* @see #fallbackStudioOrigin
*/
startInCreateEnabled?: boolean
/**
* To show the "Start in Create" button on localhost, or in studios not listed under Studios in sanity.io/manage
* provide a fallback origin as a string.
*
* The string must be the exactly equal `name` as shown for the Studio in manage, and the studio must have create-manifest.json available.
*
* If the provided fallback Studio does not expose create-manifest.json "Start in Sanity Create" will fail when using the fallback.
*
* Example: `wonderful.sanity.studio`
*
* Keep in mind that when fallback origin is used, Sanity Create will used the schema types and dataset in the *deployed* Studio,
* not from localhost.
*
* To see data synced from Sanity Create in your localhost Studio, you must ensure that the deployed fallback studio uses the same
* workspace and schemas as your local configuration.
*
* @see #startInCreateEnabled
*/
fallbackStudioOrigin?: string
}
/**
* Config for the history events API .
*
* If enabled, it will use the new events API to fetch document history.
*
* If it is not enabled, it will continue using the legacy Timeline.
*/
eventsAPI?: {
documents?: boolean
releases?: boolean
}
}
/**
* Props for rendering a Portable Text annotation
*
* @public
* @remarks If you want to render a mix of the annotated text and non-text content, you have to attribute
* the non-text containers with `contentEditable={false}`. See the second example.
* @example Simple example of customizing the annotation text to render yellow.
* ```ts
* (props: BlockAnnotationProps) =>
* props.renderDefault({
* ...props,
* textElement: <span style={{color: 'yellow'}}>{props.textElement}</span>,
* })
* ```
* @example Simple example of rendering the annotation with a custom modal for editing.
* Note that the form content container is attributed as `contentEditable={false}`.
* This is to signal to the text editor that this content isn't part of the editable text.
* ```ts
* (props: BlockAnnotationProps) => {
* return (
* <>
* // Render the annotated text
* <span onClick={props.onOpen}>
* {props.textElement}
* </span>
* // Render the editing form if the object is opened
* {props.open && (
* <Dialog
* contentEditable={false} // Attribute this as non-editable to the text editor
* header={`Edit ${props.schemaType.title}`}
* id={`dialog-${props.value._key}`}
* onClickOutside={props.onClose}
* onClose={props.onClose}
* >
* <Box margin={2} padding={2}>
* {props.children}
* </Box>
* </Dialog>
* )}
* </>
* )
* }
* ```
* */
declare interface BlockAnnotationProps {
/**
* Boundary element of the floating toolbar element.
*/
__unstable_floatingBoundary: HTMLElement | null
/**
* Boundary element where the text for this annotation appears.
*/
__unstable_referenceBoundary: HTMLElement | null
/**
* DOM element for the annotated text.
*/
__unstable_referenceElement: HTMLElement | null
/**
* Wether the annotated text node has editor focus.
* @remarks differs from `focused` which is wether the annotation object has form focus.
*/
__unstable_textElementFocus?: boolean
/**
* The input form for the annotation object.
* @remarks If you wrap this in something, you must make sure to put `contentEditable={false}` on the root container.
* Otherwise the editor will think content is part of the editable text and will error.
*/
children: ReactNode
/**
* If the editor form for this annotation object currently have form focus.
*/
focused: boolean
/**
* Markers (meta data) connected to this annotation.
* @deprecated - use `renderBlock` and `renderInlineBlock` interfaces instead
*/
markers: PortableTextMarker[]
/**
* Closes the editing form connected to this annotation.
*/
onClose: () => void
/**
* Opens the editing form connected to this annotation.
*/
onOpen: () => void
/**
* Focus a form node in the object for this annotation.
* @param path - the relative path to the form node to put focus on.
*/
onPathFocus: (path: Path) => void
/**
* Removes the annotation object from the text.
*/
onRemove: () => void
/**
* If the annotation is currently opened for editing.
*/
open: boolean
/**
* The parent schema type. For annotations this this the block type.
*/
parentSchemaType: SchemaType
/**
* The full form path to this annotation from document root.
*/
path: Path
/**
* Form presence for this annotation.
*/
presence: FormNodePresence[]
/**
* Is the annotation object read only?
*/
readOnly: boolean
/**
* Plugin chain render callback.
*/
renderAnnotation?: RenderAnnotationCallback
/**
* Plugin chain render callback.
*/
renderBlock?: RenderBlockCallback
/**
* Plugin chain render callback.
*/
renderDefault: (props: BlockAnnotationProps) => React.JSX.Element
/**
* Plugin chain render callback.
*/
renderField: RenderFieldCallback
/**
* Plugin chain render callback.
*/
renderInlineBlock?: RenderBlockCallback
/**
* Plugin chain render callback.
*/
renderInput: RenderInputCallback
/**
* Plugin chain render callback.
*/
renderItem: RenderArrayOfObjectsItemCallback
/**
* Plugin chain render callback.
*/
renderPreview: RenderPreviewCallback
/**
* The schema type for the annotation object.
*/
schemaType: ObjectSchemaType & {
i18nTitleKey?: string
}
/**
* If the annotated text currently is selected by the user.
*/
selected: boolean
/**
* React element of the text that is being annotated.
*/
textElement: React.JSX.Element
/**
* Form validation for the annotation object.
*/
validation: FormNodeValidation[]
/**
* Value of the annotation object.
*/
value: PortableTextObject
}
/**
* Props for rendering a Portable Text block
*
* @public
*/
declare interface BlockProps {
/**
* Boundary element of the floating toolbar element.
*/
__unstable_floatingBoundary: HTMLElement | null
/**
* Boundary element for the block.
*/
__unstable_referenceBoundary: HTMLElement | null
/**
* DOM element for the block.
*/
__unstable_referenceElement: HTMLElement | null
/**
* The default rendering of the block (the text).
*/
children: ReactNode
/**
* If the block currently is focused by the user.
*/
focused: boolean
/**
* Markers (meta data) connected to this annotation.
* @deprecated - use `renderBlock` and `renderInlineBlock` interfaces instead
*/
markers: PortableTextMarker[]
/**
* Closes the editing form connected to this block.
* For regular text blocks this is not relevant.
*/
onClose: () => void
/**
* Opens the editing form connected to this block.
* For regular text blocks this is not relevant.
*/
onOpen: () => void
/**
* Focus a form node in this block.
* @param path - the relative path to the form node to put focus on.
*/
onPathFocus: (path: Path) => void
/**
* Removes the block.
*/
onRemove: () => void
/**
* If the block is currently opened for editing.
*/
open: boolean
/**
* The parent schema type (array type).
*/
parentSchemaType: ArraySchemaType | ObjectSchemaType
/**
* The full form path to this block from document root.
*/
path: Path
/**
* Form presence for this block.
*/
presence: FormNodePresence[]
/**
* Is the block object read only?
*/
readOnly: boolean
/**
* Plugin chain render callback.
*/
renderAnnotation?: RenderAnnotationCallback
/**
* Plugin chain render callback.
*/
renderBlock?: RenderBlockCallback
/**
* Plugin chain render callback (default rendering function of the block).
*/
renderDefault: (props: BlockProps) => React.JSX.Element
/**
* Plugin chain render callback.
*/
renderField: RenderFieldCallback
/**
* Plugin chain render callback.
*/
renderInlineBlock?: RenderBlockCallback
/**
* Plugin chain render callback.
*/
renderInput: RenderInputCallback
/**
* Plugin chain render callback.
*/
renderItem: RenderArrayOfObjectsItemCallback
/**
* Plugin chain render callback.
*/
renderPreview: RenderPreviewCallback
/**
* The schema type for the block.
*/
schemaType: ObjectSchemaType
/**
* If the block is in the user's selection.
*/
selected: boolean
/**
* Form validation for the block object.
*/
validation: FormNodeValidation[]
/**
* Value of the block.
*/
value: PortableTextBlock
}
/**
* @hidden
* @public */
declare interface BooleanFieldProps extends BaseFieldProps {
schemaType: BooleanSchemaType
value: boolean | undefined
inputProps: BooleanInputProps
}
/** @public */
declare type BooleanFormNode<S extends BooleanSchemaType = BooleanSchemaType> = BaseFormNode<
boolean,
S
>
/**
* @hidden
* @public */
declare interface BooleanInputProps<S extends BooleanSchemaType = BooleanSchemaType>
extends BaseInputProps,
BooleanFormNode<S> {
/**
* @hidden
* @beta */
onChange: (patch: FormPatch | FormPatch[] | PatchEvent) => void
/**
* A shorthand aggregation of any validation errors the input currently have
* Will be falsey if no error.
* In the case of multiple errors it will be a newline delimited string of each error message
* For advanced use cases use the ´validation´ prop which contains more levels and details
*/
validationError?: string
/**
* @hidden
* @beta */
elementProps: PrimitiveInputElementProps
}
/**
* Interface for buildable component
*
* @public
*/
declare interface BuildableComponent extends Partial<StructureNode> {
/** Component of type {@link UserComponent} */
component?: UserComponent
/** Component child of type {@link Child} */
child?: Child
/** Component options */
options?: {
[key: string]: unknown
}
/** Component menu items. See {@link MenuItem} and {@link MenuItemBuilder} */
menuItems?: (MenuItem | MenuItemBuilder)[]
/** Component menu item groups. See {@link MenuItemGroup} and {@link MenuItemGroupBuilder} */
menuItemGroups?: (MenuItemGroup | MenuItemGroupBuilder)[]
canHandleIntent?: IntentChecker
}
/**
* Interface for buildable generic list
*
* @public
*/
declare interface BuildableGenericList extends Partial<BaseGenericList> {
/** List menu items array. See {@link MenuItem} and {@link MenuItemBuilder} */
menuItems?: (MenuItem | MenuItemBuilder)[]
/** List menu items groups array. See {@link MenuItemGroup} and {@link MenuItemGroupBuilder} */
menuItemGroups?: (MenuItemGroup | MenuItemGroupBuilder)[]
}
/**
* Interface for buildable list
*
* @public
*/
declare interface BuildableList extends BuildableGenericList {
/** List items. See {@link ListItem}, {@link ListItemBuilder} and {@link Divider} */
items?: (ListItem | ListItemBuilder | Divider | DividerBuilder)[]
}
/**
* @internal
*/
export declare const CalendarContext: Context<CalendarContextValue | undefined>
declare interface CalendarContextValue {
date?: Date
endDate?: Date
focusedDate: Date
selectRange?: boolean
selectTime?: boolean
/**
* An integer indicating the first day of the week.
* Can be either 1 (Monday), 6 (Saturday) or 7 (Sunday).
*/
firstWeekDay: 1 | 6 | 7
}
/** @internal */
export declare const ChangeIndicatorTrackerContextGetSnapshot: Context<ChangeIndicatorTrackerGetSnapshotType>
/** @internal */
export declare const ChangeIndicatorTrackerContextStore: Context<ChangeIndicatorTrackerContextStoreType>
/**
* @internal
* @hidden
*/
declare type ChangeIndicatorTrackerContextStoreType =
TrackerContextStore<ChangeIndicatorTrackerContextValue> | null
/** @internal */
declare type ChangeIndicatorTrackerContextValue = TrackedChange
/**
* @internal
* @hidden
*/
declare type ChangeIndicatorTrackerGetSnapshotType =
TrackerContextGetSnapshot<ChangeIndicatorTrackerContextValue> | null
declare interface CheckPermissionInput {
checkPermissionName: DocumentValuePermission
document: Partial<SanityDocument> | null
}
/**
* Child of a structure node
* See {@link Collection}, {@link CollectionBuilder} and {@link ChildResolver}
*
* @public
*/
declare type Child = Collection | CollectionBuilder | ChildResolver
/**
* @hidden
* @beta */
declare interface ChildLinkProps {
childId: string
childParameters?: Record<string, string>
childPayload?: unknown
children?: ReactNode
}
/**
* Interface for child observable
*
* @public
*/
declare interface ChildObservable {
/** Subscribes to the child observable. See {@link ItemChild} */
subscribe: (child: ItemChild | Promise<ItemChild>) => Record<string, unknown>
}
/**
* Interface for child resolver
*
* @public */
declare interface ChildResolver {
(
itemId: string,
options: ChildResolverOptions,
): ItemChild | Promise<ItemChild> | ChildObservable | Observable<ItemChild> | undefined
}
/**
* Interface for child resolver options
*
* @public
*/
declare interface ChildResolverOptions {
/** Child parent */
parent: unknown
/** Child index */
index: number
splitIndex: number
/** Child path */
path: string[]
/** Child parameters */
params: Record<string, string | undefined>
/** Structure context. See {@link StructureContext} */
structureContext: StructureContext
/** Serialize options. See {@link SerializeOptions} */
serializeOptions?: SerializeOptions
}
/**
* Collection
* See {@link List}, {@link DocumentList}, {@link EditorNode}, {@link DocumentNode} and {@link Component}
*
* @public
*/
declare type Collection = List | DocumentList | EditorNode | DocumentNode | Component
/**
* Collection builder
* See {@link ListBuilder}, {@link DocumentListBuilder}, {@link DocumentTypeListBuilder}, {@link DocumentBuilder} and {@link ComponentBuilder}
*
* @public
*/
declare type CollectionBuilder =
| ListBuilder
| DocumentListBuilder
| DocumentTypeListBuilder
| DocumentBuilder
| ComponentBuilder
/**
* The setter for ColorSchemeValueContext, in a separate context to avoid unnecessary re-renders
* If set to false then the UI should adjust to reflect that the Studio can't change the color scheme
* @internal
*/
export declare const ColorSchemeSetValueContext: Context<
false | ((nextScheme: StudioThemeColorSchemeKey) => void) | null
>
/**
* Used to keep track of the internal value, which can be "system" in addition to "light" and "dark"
* @internal
*/
export declare const ColorSchemeValueContext: Context<StudioThemeColorSchemeKey | null>
/**
* All possible URL search parameters used by the Presentation tool
* @public
*/
declare interface CombinedSearchParams
extends StructureDocumentPaneParams,
PresentationSearchParams {}
/** @internal */
declare interface CommandListHandle {
focusInputElement: () => void
focusListElement: () => void
getTopIndex: () => number
scrollToIndex: (index: number) => void
}
/**
* @beta
* @hidden
*/
declare interface CommentBaseCreatePayload {
id?: CommentDocument['_id']
message: CommentDocument['message']
parentCommentId: CommentDocument['parentCommentId']
reactions: CommentDocument['reactions']
status: CommentDocument['status']
threadId: CommentDocument['threadId']
payload?: {
fieldPath: string
}
}
/**
* @beta
* @hidden
*/
declare interface CommentContext {
tool: string
payload?: Record<string, unknown>
notification?: {
documentTitle: string
url?: string
workspaceTitle: string
currentThreadLength?: number
subscribers?: string[]
}
intent?: {
title: string
name: string
params: IntentParameters
}
}
declare interface CommentCreateFailedState {
type: 'createError'
error: Error
}
/**
* @beta
* @hidden
*/
declare type CommentCreatePayload = CommentTaskCreatePayload | CommentFieldCreatePayload
declare interface CommentCreateRetryingState {
type: 'createRetrying'
}
/**
* @beta
* @hidden
*/
declare interface CommentDocument {
_type: 'comment'
_createdAt: string
_id: string
_rev: string
_state?: CommentState
authorId: string
message: CommentMessage
threadId: string
parentCommentId?: string
status: CommentStatus
lastEditedAt?: string
reactions: CommentReactionItem[] | null
context?: CommentContext
/**
* A snapshot value of the content that the comment is related to.
*/
contentSnapshot?: unknown
target: {
path?: CommentPath
documentRevisionId?: string
documentVersionId?: string
documentType: string
document:
| {
_dataset: string
_projectId: string
_ref: string
_type: 'crossDatasetReference'
_weak: boolean
}
| {
_ref: string
_type: 'reference'
_weak: boolean
}
}
}
/**
* @beta
* @hidden
*/
declare interface CommentFieldCreatePayload extends CommentBaseCreatePayload {
type: 'field'
contentSnapshot?: CommentDocument['contentSnapshot']
/**
* The stringified path to the field where the comment was created.
*/
fieldPath: string
selection?: CommentPathSelection
}
/**
* @internal
*/
export declare const CommentInputContext: Context<CommentInputContextValue | null>
declare interface CommentInputContextValue {
canSubmit?: boolean
closeMentions: () => void
editor: PortableTextEditor
expandOnFocus?: boolean
focused: boolean
focusEditor: () => void
focusOnMount?: boolean
hasChanges: boolean
insertAtChar: () => void
insertMention: (userId: string) => void
mentionOptions: UserListWithPermissionsHookValue
mentionsMenuOpen: boolean
mentionsSearchTerm: string
onBeforeInput: (event: InputEvent) => void
openMentions: () => void
readOnly: boolean
value: CommentMessage
}
/**
* @beta
* @hidden
*/
declare type CommentIntentGetter = (comment: {
id: string
type: string
path: string
}) => CommentContext['intent']
/**
* @beta
* @hidden
*/
declare type CommentListBreadcrumbs = CommentsListBreadcrumbItem[]
/**
* @beta
* @hidden
*/
declare type CommentMessage = PortableTextBlock[] | null
/**
* @beta
* @hidden
*/
declare interface CommentOperations {
create: (comment: CommentCreatePayload) => Promise<void>
react: (id: string, reaction: CommentReactionOption) => Promise<void>
remove: (id: string) => Promise<void>
update: (
id: string,
comment: CommentUpdatePayload,
opts?: CommentUpdateOperationOptions,
) => Promise<void>
}
/**
* @beta
* @hidden
*/
declare interface CommentPath {
field: string
selection?: CommentPathSelection
}
declare type CommentPathSelection = CommentTextSelection
/**
* @beta
* @hidden
*/
declare type CommentPostPayload = Omit<CommentDocument, '_rev' | '_updatedAt' | '_createdAt'>
/**
* @beta
* @hidden
*/
declare interface CommentReactionItem {
_key: string
shortName: CommentReactionShortNames
userId: string
addedAt: string
/**
* This is a local value and is not stored on the server.
* It is used to track the optimistic state of the reaction.
*/
_optimisticState?: 'added' | 'removed'
}
/**
* @beta
* @hidden
*/
declare interface CommentReactionOption {
shortName: CommentReactionShortNames
title: string
}
/**
* @beta
* @hidden
* The short names for the comment reactions.
* We follow the convention for short names outlined in https://projects.iamcal.com/emoji-data/table.htm.
*/
declare type CommentReactionShortNames =
| ':-1:'
| ':+1:'
| ':eyes:'
| ':heart:'
| ':heavy_plus_sign:'
| ':rocket:'
/**
* @beta
* @hidden
*/
export declare const CommentsAuthoringPathContext: Context<CommentsAuthoringPathContextValue | null>
/**
* @beta
* @hidden
*/
declare interface CommentsAuthoringPathContextValue {
setAuthoringPath: (nextAuthoringPath: string | null) => void
authoringPath: string | null
}
/**
* @internal
*/
export declare const CommentsContext: Context<CommentsContextValue | null>
/**
* @beta
* @hidden
*/
declare interface CommentsContextValue {
documentId: string
d