@manifest-editor/shell 1.1.0 → 1.3.0

package/dist/index.d.ts

@@ -1,78 +1,23 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, SetStateAction, Dispatch, HTMLAttributes } from 'react';
+import * as _manifest_editor_creator_api from '@manifest-editor/creator-api';
+import { CreatableResource, CreatorDefinition as CreatorDefinition$1, Creator } from '@manifest-editor/creator-api';
+import * as _iiif_presentation_3 from '@iiif/presentation-3';
+import { Collection, Reference, SpecificResource, FragmentSelector, SvgSelector } from '@iiif/presentation-3';
 import { Vault } from '@iiif/helpers/vault';
+import { RenderingStrategy } from 'react-iiif-vault';
 import { TransitionStatus } from 'react-transition-group';
-import * as _iiif_presentation_3 from '@iiif/presentation-3';
-import { Reference, SpecificResource, Collection } from '@iiif/presentation-3';
-import { CreatorDefinition as CreatorDefinition$1, Creator } from '@manifest-editor/creator-api';
+import * as zustand from 'zustand';
+import { StoreApi } from 'zustand';
+import { ViewerMode, Runtime } from '@atlas-viewer/atlas';
+import { Emitter } from 'mitt';
+import { InputShape, SlowState, RenderState, createHelper } from 'polygon-editor';
 import { Vault as Vault$1 } from '@iiif/helpers';
 import { EditorInstance } from '@manifest-editor/editor-api';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
-import { Emitter } from 'mitt';
 import { ManifestNormalized } from '@iiif/presentation-3-normalized';
-import * as zustand from 'zustand';
-
-interface EditableResource {
-    parent?: Reference;
-    property?: string;
-    index?: number;
-    resource: SpecificResource;
-    onlyReference?: boolean;
-}
-interface CreatableResource {
-    type: string;
-    parent?: Reference;
-    property?: string;
-    index?: number;
-    onlyReference?: boolean;
-    target?: Reference;
-    initialData?: any;
-    isPainting?: boolean;
-}
-interface EditingStackState {
-    current: EditableResource | null;
-    stack: Array<EditableResource>;
-    create: {
-        resource: CreatableResource;
-        options: any;
-    } | null;
-}
-interface EditingStackActions {
-    edit(resource: EditableResource | null, reset?: boolean): void;
-    updateCurrent(resource: Partial<EditableResource>): void;
-    close(): void;
-    back(): void;
-    create(resource: CreatableResource, options?: any): () => void;
-}
-type EditingStackActionCreators = {
-    type: "edit";
-    payload: {
-        resource: EditableResource | null;
-        reset?: boolean;
-    };
-} | {
-    type: "updateCurrent";
-    payload: {
-        resource: EditableResource;
-    };
-} | {
-    type: "syncRemoval";
-    payload: {
-        resource: EditableResource;
-    };
-} | {
-    type: "back";
-} | {
-    type: "create";
-    payload: {
-        resource: CreatableResource | null;
-        options?: any;
-    };
-} | {
-    type: "close";
-};
 
 interface Preview {
     id: string;
@@ -152,6 +97,7 @@ interface Config {
         defaultLanguage: string;
         availableLanguages: string[];
         advancedLanguageMode: boolean;
+        textGranularityEnabled?: boolean;
     };
     export: {
         baseIdentifier: string | null;
@@ -183,6 +129,56 @@ declare function ConfigProvider({ children, config, saveConfig, }: {
     saveConfig?: (config: Partial<Config>) => void;
 }): react_jsx_runtime.JSX.Element;
 
+interface EditableResource {
+    parent?: Reference;
+    property?: string;
+    index?: number;
+    resource: SpecificResource;
+    onlyReference?: boolean;
+}
+interface EditingStackState {
+    current: EditableResource | null;
+    stack: Array<EditableResource>;
+    create: {
+        resource: CreatableResource;
+        options: any;
+    } | null;
+}
+interface EditingStackActions {
+    edit(resource: EditableResource | null, reset?: boolean): void;
+    updateCurrent(resource: Partial<EditableResource>): void;
+    close(): void;
+    back(): void;
+    create(resource: CreatableResource, options?: any): () => void;
+}
+type EditingStackActionCreators = {
+    type: "edit";
+    payload: {
+        resource: EditableResource | null;
+        reset?: boolean;
+    };
+} | {
+    type: "updateCurrent";
+    payload: {
+        resource: EditableResource;
+    };
+} | {
+    type: "syncRemoval";
+    payload: {
+        resource: EditableResource;
+    };
+} | {
+    type: "back";
+} | {
+    type: "create";
+    payload: {
+        resource: CreatableResource | null;
+        options?: any;
+    };
+} | {
+    type: "close";
+};
+
 type CreatorDefinition = any;
 interface LayoutProviderProps {
     loading?: true;
@@ -190,6 +186,7 @@ interface LayoutProviderProps {
     rightPanels: Array<LayoutPanel>;
     centerPanels: Array<LayoutPanel>;
     modals?: Array<LayoutPanel>;
+    annotations?: Array<AnnotationPanel>;
 }
 interface LayoutContext extends LayoutProviderProps {
     state: LayoutState;
@@ -314,6 +311,11 @@ type LayoutFunction = (state: any, ctx: {
     vault?: Vault;
     transition?: TransitionStatus;
 } & LayoutContext, app: AppState) => ReactNode;
+interface AnnotationPanel {
+    id: string;
+    label: string;
+    render: () => React.ReactNode | null;
+}
 interface LayoutPanel {
     id: string;
     label: string;
@@ -351,6 +353,14 @@ interface PinnedLayoutPanel<T = any> extends LayoutPanel {
     pinned: true;
     state: T;
 }
+interface CanvasEditorDefinition {
+    id: string;
+    label: string;
+    supports: {
+        strategy: (strategy: RenderingStrategy, resource: EditableResource, vault: Vault) => boolean;
+    };
+    component: (strategy: RenderingStrategy) => ReactNode | null;
+}
 interface EditorDefinition {
     id: string;
     label: string;
@@ -390,6 +400,7 @@ interface LayoutProps$1 {
     rightPanels: Array<LayoutPanel>;
     centerPanels: Array<LayoutPanel>;
     modals?: Array<LayoutPanel>;
+    annotations?: Array<AnnotationPanel>;
     footer?: ReactNode;
     menu?: ReactNode;
     header?: ReactNode;
@@ -403,6 +414,7 @@ interface LayoutProps$1 {
     editors?: EditorDefinition[];
     resources?: (string | ResourceDefinition)[];
     creators?: CreatorDefinition[];
+    canvasEditors?: CanvasEditorDefinition[];
 }
 
 type AppContext = {
@@ -411,6 +423,7 @@ type AppContext = {
     args?: any;
 };
 type LoadedApp = Partial<LayoutProps$1> & {
+    config?: Partial<Config>;
     default: {
         id: string;
         title: string;
@@ -426,7 +439,21 @@ type LoadedApp = Partial<LayoutProps$1> & {
 type MappedApp$1 = {
     metadata: LoadedApp["default"];
     layout: LayoutProps$1;
+    config?: Partial<Config>;
 };
+interface AppExtension {
+    config?: Partial<Config>;
+    leftPanels?: LayoutPanel[];
+    centerPanels?: LayoutPanel[];
+    rightPanels?: LayoutPanel[];
+    modalPanels?: LayoutPanel[];
+    editors?: EditorDefinition[];
+    creators?: CreatorDefinition$1[];
+    canvasEditors?: CanvasEditorDefinition[];
+    annotations?: AnnotationPanel[];
+    leftPanelIds?: string[];
+    disableSideEffects?: string[];
+}
 type AppState = {
     state: null | any;
     setState: SetStateAction<any>;
@@ -435,8 +462,8 @@ declare const PrimeAppReactContext: react.Context<MappedApp$1 | null>;
 declare function useAppInstance(): AppContext;
 declare function useApp(): MappedApp$1;
 declare function useAppState<S = any>(): {
-    state: any;
-    setState: any;
+    state: null | any;
+    setState: SetStateAction<any>;
 };
 declare function AppProvider({ instanceId, appId, args, definition, children, initialState, }: {
     initialState?: any;
@@ -519,17 +546,182 @@ declare function AppResourceProvider({ resource, children }: {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+type Polygons = ReturnType<typeof createHelper>;
+type Point = [number, number] | [number, number, number, number, number, number];
+type AnnotationRequest = {
+    type: "polygon";
+    points?: Array<Point>;
+    open?: boolean;
+} | {
+    type: "target";
+    selector: null | {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+} | {
+    type: "box";
+    selector: null | {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};
+type AnnotationRequestOptions = {
+    requestId: string;
+    canvasId?: string | null;
+    toolId?: keyof AtlasStore["switchTool"];
+};
+interface AtlasStore {
+    mode: ViewerMode;
+    tool: {
+        enabled: boolean;
+        requestId: string | null;
+        canvasId: string | null;
+    };
+    requestType: null | "polygon" | "target" | "box";
+    switchTool: {
+        draw(): void;
+        polygon(): void;
+        line(): void;
+        lineBox(): void;
+        square(): void;
+        triangle(): void;
+        hexagon(): void;
+        circle(): void;
+        remove(): void;
+    };
+    history: {
+        canUndo: boolean;
+        canRedo: boolean;
+        undo(): void;
+        redo(): void;
+    };
+    stableViewport: null | {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        zoom: number;
+    };
+    canvasRelativePositions: Record<string, {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }>;
+    canvasViewports: Record<string, {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        zoom: number;
+    }>;
+    validRequestIds: string[];
+    polygon: InputShape | null;
+    polygons: Polygons;
+    polygonState: SlowState;
+    setPolygonState: (state: SlowState | ((prev: SlowState) => SlowState)) => void;
+    setToolCanvasId: (canvasId: string) => void;
+    getRequestId(): {
+        requestId: string;
+        clear: () => void;
+    };
+    requestAnnotation(req: AnnotationRequest, options: AnnotationRequestOptions): Promise<AnnotationResponse | null>;
+    setAtlasRuntime(runtime: Runtime): void;
+    setCanvasRelativePosition(canvasId: string, position: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): void;
+    clearCanvasRelativePosition(canvasId: string): void;
+    clearAtlasRuntime(): void;
+    completeRequest(requestId?: string): void;
+    cancelRequest(requestId: string): void;
+    reset(): void;
+    changeMode(mode: ViewerMode): void;
+    nudgeLeft(): void;
+    nudgeRight(): void;
+    nudgeUp(): void;
+    nudgeDown(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    goHome(): void;
+}
+declare function requestToAnnotationResponse(request: AnnotationRequest): Omit<AnnotationResponse, "id">;
+type AnnotationResponse = {
+    id: string;
+    canvasId?: string | null;
+    polygon: InputShape | null;
+    cancelled?: boolean;
+    requestType: "polygon" | "target" | "box";
+    target: FragmentSelector | SvgSelector | null;
+    boundingBox: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+};
+type AtlasStoreEvents = {
+    "atlas.canvas-click": {
+        canvasId: string;
+        target: {
+            x: number;
+            y: number;
+        };
+        worldTarget: {
+            x: number;
+            y: number;
+        };
+    };
+    "atlas.viewport-change": {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        zoom: number;
+    };
+    "atlas.ready": {
+        runtime: Runtime;
+    };
+    "atlas.annotation-completed": AnnotationResponse;
+    "atlas.annotation-request": {
+        id: string;
+    };
+    "atlas.request-cancelled": {
+        id: string;
+    };
+    "atlas.polygon-render": {
+        state: RenderState;
+        slowState: SlowState;
+        dt: number;
+    };
+};
+interface CreateAtlasStoreProps {
+    events: Emitter<AtlasStoreEvents>;
+}
+declare function createAtlasStore({ events }: CreateAtlasStoreProps): zustand.StoreApi<AtlasStore>;
+
+declare const AtlasStoreReactContext: react.Context<StoreApi<AtlasStore> | null>;
+declare function useAtlasStore(): StoreApi<AtlasStore>;
+declare function AtlasStoreProvider({ children, }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 declare const baseCreator: LayoutPanel;
 
-declare function matchBasedOnResource(resource: CreatableResource, list: CreatorDefinition$1[], options: {
-    vault: Vault;
-}): CreatorDefinition$1[];
 declare function useCreator(parent: any, property: string, type: string, target?: Reference, options?: {
     isPainting?: boolean;
     onlyReference?: boolean;
 }): readonly [any, {
     readonly create: (index?: number, initialData?: any) => void;
     readonly edit: (resource: any, index?: number) => void;
+    readonly createFiltered: (filter: string, index?: number, initialData?: any) => void;
+    readonly creator: (initialCreator: string, initialData?: any) => void;
     readonly buttonProps: {
         "data-action-id": string;
     };
@@ -544,9 +736,9 @@ declare function editBasedOnResource(resource: EditableResource, list: ResourceD
     edit?: boolean;
     vault: Vault$1;
 }, config: EditorConfig): ResourceDefinition | null;
-declare function BaseEditor({ currentTab }: {
+declare function BaseEditor({ currentTab, }: {
     currentTab?: string;
-}): react_jsx_runtime.JSX.Element | null;
+}): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
 declare function ConfigEditor(): react_jsx_runtime.JSX.Element;
 
@@ -554,7 +746,7 @@ declare function useEditingStack(): EditingStackActions;
 declare function useEditingResource(): EditableResource | null;
 declare function useEditingResourceStack(): EditableResource[];
 declare function useCreatingResource(): {
-    resource: CreatableResource;
+    resource: _manifest_editor_creator_api.CreatableResource;
     options: any;
 } | null;
 declare function useManifestEditor(): EditorInstance<Partial<_iiif_presentation_3.DescriptiveProperties> & Partial<_iiif_presentation_3.TechnicalProperties> & Partial<_iiif_presentation_3.LinkingProperties> & Partial<_iiif_presentation_3.StructuralProperties<unknown>> & Partial<_iiif_presentation_3.NavPlaceExtension & _iiif_presentation_3.TextGranularityExtension>>;
@@ -593,6 +785,7 @@ interface LayoutProps {
     isLoading?: boolean;
     className?: string;
     centerPanelMenuPosition?: "top" | "bottom";
+    disableSideEffects?: string[];
 }
 declare const Layout: react.NamedExoticComponent<LayoutProps>;
 
@@ -629,8 +822,8 @@ declare const HandleControls: react.ForwardRefExoticComponent<{
     dir: "left" | "right";
     open: boolean;
     actions: PanelActions;
-    transition?: TransitionStatus | undefined;
-    reset?: (() => void) | undefined;
+    transition?: TransitionStatus;
+    reset?: () => void;
 } & react.RefAttributes<HTMLDivElement>>;
 
 interface ModularPanelProps {
@@ -647,8 +840,8 @@ interface ModularPanelProps {
 }
 declare function useSetCustomTitle(): (title: string) => void;
 declare const ModularPanelHeader: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $tabs?: boolean | undefined;
-    $error?: boolean | undefined;
+    $tabs?: boolean;
+    $error?: boolean;
 }>>;
 declare const ModulePanelButton: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
 declare function ModularPanel({ panel, state, actions, isLeft, pinActions, transition, close, available, style, noHeader, }: ModularPanelProps): react_jsx_runtime.JSX.Element | null;
@@ -658,7 +851,7 @@ declare function PanelError(props: {
     resetErrorBoundary: () => void;
 }): react_jsx_runtime.JSX.Element;
 
-declare function PreviewButton({ downloadEnabled, fileName }: {
+declare function PreviewButton({ downloadEnabled, fileName, }: {
     downloadEnabled?: boolean;
     fileName?: string;
 }): react_jsx_runtime.JSX.Element;
@@ -694,6 +887,7 @@ declare function createPreviewVault(homepageCollectionId?: string): {
 interface ResourceEditingContext {
     resource: Reference<any> | null;
 }
+declare const ResourceEditingReactContext: react.Context<ResourceEditingContext>;
 declare function useEditingContext(): ResourceEditingContext;
 /**
  * useResource
@@ -785,6 +979,7 @@ declare function createDownload(data: any, fileName: string, fileType?: string):
 declare function copyToClipboard(json: string | any): Promise<void>;
 declare function randomId(): string;
 declare function mapApp(input: any, map?: (app: MappedApp$1) => MappedApp$1): MappedApp$1;
+declare function extendApp(app: MappedApp$1, metadata: MappedApp$1["metadata"], extensions: AppExtension): MappedApp$1;
 
 type Projection = {
     x: number;
@@ -814,4 +1009,75 @@ declare function useDecayState(time: number): readonly [boolean, {
     readonly clear: (existing?: boolean) => void;
 }];
 
-export { type AppContext, AppHeader, AppMenuProvider, AppProvider, AppResourceInstanceProvider, AppResourceProvider, type AppState, BaseEditor, BaseEditorBackButton, BaseEditorCloseButton, type Config, ConfigEditor, ConfigProvider, type CreatableResource, type EditableResource, EditingStack, type EditingStackActionCreators, type EditingStackActions, type EditingStackState, type EditorConfig, type EditorDefinition, ExportPanel, type ExportPanelProps, HOMEPAGE_COLLECTION, HandleContainer, HandleControls, Layout, type LayoutActions, LayoutActionsReactContext, type LayoutContext, type LayoutFunction, type LayoutPanel, type LayoutPanelContext, type LayoutProps$1 as LayoutProps, type LayoutProviderProps, type LayoutState, LayoutStateReactContext, type LoadedApp, type MappedApp$1 as MappedApp, type MenuPositions, ModularPanel, ModularPanelHeader, ModulePanelButton, type MultiAppContext, MultiAppProvider, type PanelActionType, type PanelActions, PanelError, type PanelState, type PinnablePanelActions, type PinnablePanelState, type PinnedLayoutPanel, type Preview, type PreviewActions, type PreviewActionsType, PreviewButton, type PreviewConfiguration, type PreviewContext, type PreviewHandler, PreviewProvider, type PreviewState, PreviewVaultBoundary, PreviewVaultContext, PrimeAppReactContext, type Resource, type ResourceDefinition, ResourceEditingProvider, ShellProvider, TaskBridge, type UniversalCopyPasteProps, UniversalCopyTarget, type UploadBackendConfig, analyse, analyseJson, baseCreator, baseEditor, copyToClipboard, createActionIdentity, createDownload, createPreviewVault, detectMedia, editBasedOnResource, getDefaultLayoutState, getDefaultPanelState, getFormat, getImageDimensions, getManifestNomalized, isPinnableState, layoutReducer, mapApp, matchBasedOnResource, panelSizing, randomId, renderHelper, useAnnotationPageEditor, useApp, useAppInstance, useAppMenu, useAppMenuItem, useAppResource, useAppResourceInstance, useAppState, useApps, useAvailableLayouts, useCollectionEditor, useConfig, useCreatingResource, useCreator, useDecayState, useEditingContext, useEditingResource, useEditingResourceStack, useEditingStack, useEditor, useGenericEditor, useHighlightedImageResource, useHoverHighlightImageResource, useInlineCreator, useLayoutActions, useLayoutProvider, useLayoutState, useManifestEditor, useOptionalResource, usePanelActions, usePreviewContext, usePreviewHistory, usePreviewVault, usePreviews, useResource, useSaveConfig, useSaveVault, useSetCustomTitle, useTask, useTaskDispatch, useTaskEvent, useTaskRunner, useTemporaryHighlight };
+declare const ReactEmitterContext: react.Context<Emitter<any>>;
+declare function EventEmitterProvider({ children, emitter, }: {
+    children: React.ReactNode;
+    emitter: Emitter<any>;
+}): react_jsx_runtime.JSX.Element;
+declare function useEmitter<Event extends Record<string | symbol, unknown>>(): Emitter<Event>;
+declare function useEvent<Event extends Record<string | symbol, unknown>, Key extends keyof Event>(key: Key, listener: (data: Event[Key]) => void, deps?: any[]): void;
+
+declare function useSvgTools(): {
+    draw: {
+        active: boolean;
+        enable: () => void;
+    };
+    polygon: {
+        active: boolean;
+        enable: () => void;
+    };
+    line: {
+        active: boolean;
+        enable: () => void;
+    };
+    lineBox: {
+        active: boolean;
+        enable: () => void;
+    };
+    square: {
+        active: boolean;
+        enable: () => void;
+    };
+    triangle: {
+        active: boolean;
+        enable: () => void;
+    };
+    hexagon: {
+        active: boolean;
+        enable: () => void;
+    };
+    circle: {
+        active: boolean;
+        enable: () => void;
+    };
+    remove: {
+        active: boolean;
+        enable: () => void;
+    };
+};
+
+type IMediaQuery = Array<string>;
+type IMatchedMedia = Array<boolean>;
+declare function useMatchMedia(queries: IMediaQuery, defaultValues?: IMatchedMedia): IMatchedMedia;
+
+declare function useRequestAnnotation(opts?: {
+    onSuccess?: (r: AnnotationResponse) => void;
+}): {
+    id: number;
+    busy: boolean;
+    isPending: boolean;
+    requestAnnotation: (request: AnnotationRequest, options?: Omit<AnnotationRequestOptions, "requestId">) => Promise<AnnotationResponse | null>;
+    cancelRequest: () => void;
+    completeRequest: () => void;
+    reset: () => void;
+    data: AnnotationResponse | null;
+};
+
+declare function polygonToBoundingBox(polygon: InputShape | null): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+
+export { type AnnotationPanel, type AnnotationRequest, type AnnotationRequestOptions, type AnnotationResponse, type AppContext, type AppExtension, AppHeader, AppMenuProvider, AppProvider, AppResourceInstanceProvider, AppResourceProvider, type AppState, type AtlasStore, type AtlasStoreEvents, AtlasStoreProvider, AtlasStoreReactContext, BaseEditor, BaseEditorBackButton, BaseEditorCloseButton, type CanvasEditorDefinition, type Config, ConfigEditor, ConfigProvider, type EditableResource, EditingStack, type EditingStackActionCreators, type EditingStackActions, type EditingStackState, type EditorConfig, type EditorDefinition, EventEmitterProvider, ExportPanel, type ExportPanelProps, HOMEPAGE_COLLECTION, HandleContainer, HandleControls, Layout, type LayoutActions, LayoutActionsReactContext, type LayoutContext, type LayoutFunction, type LayoutPanel, type LayoutPanelContext, type LayoutProps$1 as LayoutProps, type LayoutProviderProps, type LayoutState, LayoutStateReactContext, type LoadedApp, type MappedApp$1 as MappedApp, type MenuPositions, ModularPanel, ModularPanelHeader, ModulePanelButton, type MultiAppContext, MultiAppProvider, type PanelActionType, type PanelActions, PanelError, type PanelState, type PinnablePanelActions, type PinnablePanelState, type PinnedLayoutPanel, type Preview, type PreviewActions, type PreviewActionsType, PreviewButton, type PreviewConfiguration, type PreviewContext, type PreviewHandler, PreviewProvider, type PreviewState, PreviewVaultBoundary, PreviewVaultContext, PrimeAppReactContext, ReactEmitterContext, type Resource, type ResourceDefinition, ResourceEditingProvider, ResourceEditingReactContext, ShellProvider, TaskBridge, type UniversalCopyPasteProps, UniversalCopyTarget, type UploadBackendConfig, analyse, analyseJson, baseCreator, baseEditor, copyToClipboard, createActionIdentity, createAtlasStore, createDownload, createPreviewVault, detectMedia, editBasedOnResource, extendApp, getDefaultLayoutState, getDefaultPanelState, getFormat, getImageDimensions, getManifestNomalized, isPinnableState, layoutReducer, mapApp, panelSizing, polygonToBoundingBox, randomId, renderHelper, requestToAnnotationResponse, useAnnotationPageEditor, useApp, useAppInstance, useAppMenu, useAppMenuItem, useAppResource, useAppResourceInstance, useAppState, useApps, useAtlasStore, useAvailableLayouts, useCollectionEditor, useConfig, useCreatingResource, useCreator, useDecayState, useEditingContext, useEditingResource, useEditingResourceStack, useEditingStack, useEditor, useEmitter, useEvent, useGenericEditor, useHighlightedImageResource, useHoverHighlightImageResource, useInlineCreator, useLayoutActions, useLayoutProvider, useLayoutState, useManifestEditor, useMatchMedia, useOptionalResource, usePanelActions, usePreviewContext, usePreviewHistory, usePreviewVault, usePreviews, useRequestAnnotation, useResource, useSaveConfig, useSaveVault, useSetCustomTitle, useSvgTools, useTask, useTaskDispatch, useTaskEvent, useTaskRunner, useTemporaryHighlight };