UNPKG

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
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