@atlaskit/editor-common 115.15.3 → 115.16.0

package/dist/types-ts4.5/type-ahead/index.d.ts

@@ -1,12 +0,0 @@
-export declare enum TypeAheadAvailableNodes {
-    EMOJI = "emojiTypeAhead",
-    MENTION = "mentionTypeAhead",
-    QUICK_INSERT = "quickInsertTypeAhead"
-}
-export declare enum SelectItemMode {
-    SHIFT_ENTER = "shift-enter",
-    ENTER = "enter",
-    SPACE = "space",
-    SELECTED = "selected"
-}
-export { typeAheadListMessages } from './messages';

package/dist/types-ts4.5/type-ahead/messages.d.ts

@@ -1,112 +0,0 @@
-export declare const typeAheadListMessages: {
-    descriptionLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emojiInputLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emojiListItemLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emojiPopupLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emptySearchResults: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emptySearchResultsSuggestion: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emptySearchResultsSuggestionAskRovoOnly: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    emptySearchResultsSuggestionNew: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    inputQueryAssistiveLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    mentionInputLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    mentionPopupLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    metionListItemLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    noSearchResultsLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    quickInsertInputLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    quickInsertInputPlaceholderLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    quickInsertPopupLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    searchResultsLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    shortcutLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    typeAheadErrorFallbackDesc: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    typeAheadErrorFallbackHeading: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    typeAheadPopupLabel: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-    viewAllInserts: {
-        defaultMessage: string;
-        description: string;
-        id: string;
-    };
-};

package/dist/types-ts4.5/types/ToolbarSize.d.ts

@@ -1,8 +0,0 @@
-export declare enum ToolbarSize {
-    XXL = 6,
-    XL = 5,
-    L = 4,
-    M = 3,
-    S = 2,
-    XXXS = 1
-}

package/dist/types-ts4.5/types/ToolbarWidths.d.ts

@@ -1,11 +0,0 @@
-/** @deprecated
- * To be removed as part of ED-25129 in favour of ToolbarWidthsNext along with references
- * to platform_editor_toolbar_responsive_fixes feature gate
- */
-export declare enum ToolbarWidths {
-    XXL = 610,
-    XL = 540,
-    L = 460,
-    M = 450,
-    S = 410
-}

package/dist/types-ts4.5/types/ToolbarWidthsFullPage.d.ts

@@ -1,11 +0,0 @@
-/** @deprecated
- * To be removed as part of ED-25129 in favour of ToolbarWidthsFullPageNext along with references
- * to platform_editor_toolbar_responsive_fixes feature gate
- */
-export declare enum ToolbarWidthsFullPage {
-    XXL = 650,
-    XL = 580,
-    L = 540,
-    M = 490,
-    S = 410
-}

package/dist/types-ts4.5/types/ToolbarWidthsFullPageNext.d.ts

@@ -1,7 +0,0 @@
-export declare enum ToolbarWidthsFullPageNext {
-    XXL = 1200,
-    XL = 992,
-    L = 768,
-    M = 576,
-    S = 410
-}

package/dist/types-ts4.5/types/ToolbarWidthsNext.d.ts

@@ -1,7 +0,0 @@
-export declare enum ToolbarWidthsNext {
-    XXL = 768,
-    XL = 576,
-    L = 460,
-    M = 450,
-    S = 410
-}

package/dist/types-ts4.5/types/annotation/emitter.d.ts

@@ -1,40 +0,0 @@
-import type { AnnotationId, AnnotationMarkStates, AnnotationTypes } from '@atlaskit/adf-schema';
-export interface AnnotationState<Type> {
-    annotationType: Type;
-    id: AnnotationId;
-    state: AnnotationMarkStates | null;
-}
-export declare enum AnnotationUpdateEvent {
-    SET_ANNOTATION_FOCUS = "SET_ANNOTATION_FOCUS",
-    SET_ANNOTATION_HOVERED = "SET_ANNOTATION_HOVERED",
-    SET_ANNOTATION_STATE = "SET_ANNOTATION_STATE",
-    REMOVE_ANNOTATION_FOCUS = "REMOVE_ANNOTATION_FOCUS",
-    REMOVE_ANNOTATION_HOVERED = "REMOVE_ANNOTATION_HOVERED",
-    ON_ANNOTATION_CLICK = "ON_ANNOTATION_CLICK",
-    DESELECT_ANNOTATIONS = "DESELECT_ANNOTATIONS"
-}
-type SetFocusPayload = Record<'annotationId', AnnotationId>;
-type SetHoveredPayload = Record<'annotationId', AnnotationId>;
-export type OnAnnotationClickPayload = {
-    annotationIds: Array<AnnotationId>;
-    eventTarget: HTMLElement;
-    eventTargetType?: string;
-    viewMethod?: string;
-};
-type SetStatePayload = Record<AnnotationId, AnnotationState<AnnotationTypes.INLINE_COMMENT>>;
-export type AnnotationUpdateEventPayloads = {
-    [AnnotationUpdateEvent.ON_ANNOTATION_CLICK]: OnAnnotationClickPayload;
-    [AnnotationUpdateEvent.SET_ANNOTATION_FOCUS]: SetFocusPayload;
-    [AnnotationUpdateEvent.SET_ANNOTATION_HOVERED]: SetHoveredPayload;
-    [AnnotationUpdateEvent.SET_ANNOTATION_STATE]: SetStatePayload;
-};
-type Callback<T> = T extends keyof AnnotationUpdateEventPayloads ? (payload: AnnotationUpdateEventPayloads[T]) => void : () => void;
-export declare class AnnotationUpdateEmitter {
-    private emitter;
-    emit<T extends keyof AnnotationUpdateEventPayloads>(event: T, params: AnnotationUpdateEventPayloads[T]): boolean;
-    emit<T extends AnnotationUpdateEvent>(event: T): boolean;
-    on<T extends AnnotationUpdateEvent>(event: T, listener: Callback<T>): void;
-    off<T extends AnnotationUpdateEvent>(event: T, listener: Callback<T>): void;
-    listeners(event: AnnotationUpdateEvent): Function[];
-}
-export {};

package/dist/types-ts4.5/types/annotation/index.d.ts

@@ -1,148 +0,0 @@
-import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
-import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import type { AddNodeMarkStep, AddMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';
-import type { AnnotationManager } from '../../annotation';
-import type { AnnotationState, AnnotationUpdateEmitter } from './emitter';
-export type AnnotationByMatches = {
-    isAnnotationAllowed?: boolean;
-    matchIndex: number;
-    numMatches: number;
-    originalSelection: string;
-    pos?: number;
-};
-type ActionResult = {
-    doc: JSONDocNode;
-    step: RemoveMarkStep | RemoveNodeMarkStep;
-} | false;
-export type AnnotationActionResult = ({
-    /** The list of types of all nodes, which wrap the annotation. */
-    ancestorNodeTypes?: string[];
-    doc: JSONDocNode;
-    /** The list of types of all inline nodes, which were wrapped by annotation. */
-    inlineNodeTypes?: string[];
-    step: AddMarkStep | AddNodeMarkStep;
-    targetNodeType?: string;
-} & AnnotationByMatches) | false;
-export type InlineCommentSelectionComponentProps = {
-    /**
-     * Call this function to surround the range with a HTML tag.
-     */
-    applyDraftMode: (options: {
-        annotationId?: string;
-        keepNativeSelection?: boolean;
-    }) => AnnotationActionResult;
-    /**
-     * The draft range of a pre-committed annotation
-     */
-    draftRange?: Range | null;
-    /**
-     * getAnnotationIndexMatch finds the { numMatch, matchIndex } tuple of the current selection
-     */
-    getAnnotationIndexMatch?: () => AnnotationByMatches | false;
-    /** The list of types of all inline nodes, which were wrapped by annotation. */
-    inlineNodeTypes?: string[];
-    /**
-     * If it is possible to add an inline comment on this range
-     */
-    isAnnotationAllowed: boolean;
-    /**
-     * Indicates that a draft comment was discarded/cancelled
-     */
-    onClose: () => void;
-    /**
-     * Creates an annotation mark in the document with the given id.
-     */
-    onCreate: (annotationId: AnnotationId) => AnnotationActionResult;
-    /**
-     * Range selected
-     */
-    range: Range | null;
-    /**
-     * Call this function to remove the draft HTML tags created by the applyDraftMode
-     */
-    removeDraftMode: () => void;
-    /**
-     * Renderer/Editor DOM element ancestors wrapping the selection.
-     */
-    wrapperDOM: HTMLElement;
-};
-type AnnotationInfo = {
-    id: AnnotationId;
-    type: AnnotationTypes.INLINE_COMMENT;
-};
-export type InlineCommentViewComponentProps = {
-    /**
-     * Existing annotations where the cursor is placed.
-     * These are provided in order, inner-most first.
-     */
-    annotations: Array<AnnotationInfo>;
-    /**
-     * eventTarget of the tapped annotation. Useful for UI positioning.
-     */
-    clickElementTarget?: HTMLElement;
-    deleteAnnotation: (annotationInfo: AnnotationInfo) => ActionResult;
-    /**
-     * Return a list of inline node types, which are wrapped by the annotation,
-     * for annotation with given ID.
-     *
-     * The `undefined` will be returned if `editor_inline_comments_on_inline_nodes` is off.
-     */
-    getInlineNodeTypes: (annotationId: string) => string[] | undefined;
-};
-export type InlineCommentHoverComponentProps = {
-    /**
-     * Call this function to surround the range with a HTML tag.
-     */
-    applyDraftMode: (options: {
-        annotationId?: string;
-        keepNativeSelection?: boolean;
-    }) => AnnotationActionResult;
-    /**
-     * getAnnotationIndexMatch finds the { numMatch, matchIndex } tuple of the current selection
-     */
-    getAnnotationIndexMatch?: () => AnnotationByMatches | false;
-    /**
-     * If it is possible to add an inline comment on this range
-     */
-    isAnnotationAllowed: boolean;
-    /**
-     * Is mouse within the range container
-     */
-    isWithinRange: boolean;
-    /**
-     * Indicates that a draft comment was discarded/cancelled
-     */
-    onClose: () => void;
-    /**
-     * Creates an annotation mark in the document with the given id.
-     */
-    onCreate: (annotationId: AnnotationId) => AnnotationActionResult;
-    /**
-     * Range selected
-     */
-    range: Range;
-    /**
-     * Call this function to remove the draft HTML tags created by the applyDraftMode
-     */
-    removeDraftMode: () => void;
-    /**
-     * Renderer/Editor DOM element ancestors wrapping the selection.
-     */
-    wrapperDOM: HTMLElement;
-};
-interface AnnotationTypeProvider<Type> {
-    allowCommentsOnMedia?: boolean;
-    allowDraftMode?: boolean;
-    getState: (annotationIds: string[], isNestedRender: boolean) => Promise<AnnotationState<Type>[]>;
-    updateSubscriber?: AnnotationUpdateEmitter;
-}
-export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
-    hoverComponent?: React.ComponentType<InlineCommentHoverComponentProps>;
-    selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;
-    viewComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentViewComponentProps>>;
-};
-export type AnnotationProviders = {
-    annotationManager?: AnnotationManager;
-    inlineComment: InlineCommentAnnotationProvider;
-};
-export {};

package/dist/types-ts4.5/types/block-controls.d.ts

@@ -1,6 +0,0 @@
-export declare enum DIRECTION {
-    UP = "up",
-    DOWN = "down",
-    LEFT = "left",
-    RIGHT = "right"
-}

package/dist/types-ts4.5/types/block-type.d.ts

@@ -1,4 +0,0 @@
-export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;
-export type NormalTextLevel = 0;
-export type HeadingLevelsAndNormalText = HeadingLevels | NormalTextLevel;
-export type AllowedBlockTypes = 'heading' | 'blockquote' | 'hardBreak' | 'codeBlock';

package/dist/types-ts4.5/types/breakout.d.ts

@@ -1 +0,0 @@
-export type BreakoutMode = 'wide' | 'full-width' | 'max' | 'center';

package/dist/types-ts4.5/types/command.d.ts

@@ -1,6 +0,0 @@
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export type CommandDispatch = (tr: Transaction) => void;
-export type Command = (state: EditorState, dispatch?: CommandDispatch, view?: EditorView) => boolean;
-export type HigherOrderCommand = (command: Command) => Command;
-export type Predicate = (state: EditorState, view?: EditorView) => boolean;

package/dist/types-ts4.5/types/context-panel.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-export type ContextPanelHandler = (state: EditorState) => React.ReactNode;

package/dist/types-ts4.5/types/copy-button.d.ts

@@ -1,25 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { MarkType, NodeType } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { Command } from './command';
-export type MarkOptions = {
-    formatMessage: IntlShape['formatMessage'];
-    markType: MarkType;
-    nodeType?: undefined;
-    onBlur?: Command;
-    onFocus?: Command;
-    onMouseEnter?: undefined;
-    onMouseLeave?: undefined;
-    state: EditorState;
-};
-export type NodeOptions = {
-    formatMessage: IntlShape['formatMessage'];
-    markType?: undefined;
-    nodeType: NodeType | Array<NodeType>;
-    onBlur?: Command;
-    onClick?: Command;
-    onFocus?: Command;
-    onMouseEnter?: Command;
-    onMouseLeave?: Command;
-    state: EditorState;
-};

package/dist/types-ts4.5/types/datasource.d.ts

@@ -1 +0,0 @@
-export type DatasourceModalType = 'jira' | 'assets' | 'confluence-search';

package/dist/types-ts4.5/types/doc-builder.d.ts

@@ -1,25 +0,0 @@
-import type { Node, Schema } from '@atlaskit/editor-prosemirror/model';
-/**
- * Represents a ProseMirror "position" in a document.
- */
-type position = number;
-/**
- * A useful feature of the builder is being able to declaratively mark positions
- * in content using the curly braces e.g. `{<>}`.
- *
- * These positions are called "refs" (inspired by React), and are tracked on
- * every node in the tree that has a ref on any of its descendants.
- */
-export type Refs = {
-    [name: string]: position;
-};
-/**
- * A standard ProseMirror Node that also tracks refs.
- */
-export interface RefsNode extends Node {
-    ignoreContent?: boolean;
-    originalAttributes?: unknown;
-    refs: Refs;
-}
-export type DocBuilder = (schema: Schema) => RefsNode;
-export {};

package/dist/types-ts4.5/types/editor-actions.d.ts

@@ -1,22 +0,0 @@
-import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
-import type { Node } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { ResolvedEditorState } from '../collab';
-import type { EventDispatcher } from '../event-dispatcher';
-export type ContextUpdateHandler = (editorView: EditorView, eventDispatcher: EventDispatcher) => void;
-export type ReplaceRawValue = Node | object | string;
-export type GetResolvedEditorStateReason = 'publish' | 'draft-sync' | 'get-content';
-export interface EditorActionsOptions<T = any> {
-    appendText: (text: string) => boolean;
-    blur: () => boolean;
-    clear: () => boolean;
-    focus: () => boolean;
-    getNodeByFragmentLocalId: (id: string) => Node | undefined;
-    getNodeByLocalId: (id: string) => Node | undefined;
-    getResolvedEditorState: (reason: GetResolvedEditorStateReason) => Promise<ResolvedEditorState | undefined>;
-    getSelectedNode: () => Node | undefined;
-    getValue: () => Promise<T | JSONDocNode | undefined>;
-    isDocumentEmpty: () => boolean;
-    replaceDocument: (rawValue: any) => boolean;
-    replaceSelection: (rawValue: ReplaceRawValue | Array<ReplaceRawValue>) => boolean;
-}

package/dist/types-ts4.5/types/editor-appearance.d.ts

@@ -1,2 +0,0 @@
-export type EditorAppearance = 'comment' | 'full-page' | 'full-width' | 'max' | 'chromeless';
-export type EditorContentMode = 'standard' | 'compact';

package/dist/types-ts4.5/types/editor-command.d.ts

@@ -1,5 +0,0 @@
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-export type EditorCommand = (props: {
-    tr: Transaction;
-}) => Transaction | null;
-export type EditorCommandWithMetadata = (...args: any) => EditorCommand;

package/dist/types-ts4.5/types/editor-container-width.d.ts

@@ -1,19 +0,0 @@
-export type EditorContainerWidth = {
-    /**
-     * Starts as undefined, and then updates to the
-     * clientWidth of the dom element the EditorView
-     * is attached to.
-     *
-     * Then the WidthEmitter updates this whenever the
-     * context panel or editor widths change.
-     */
-    lineLength?: number;
-    /**
-     * Starts as offsetWidth of document body, and then
-     * updates to the editors content areas offsetWidth
-     * via the use of a contentComponent (via the
-     * container element prop).
-     */
-    width: number;
-};
-export type GetEditorContainerWidth = () => EditorContainerWidth;

package/dist/types-ts4.5/types/editor-plugin.d.ts

@@ -1,99 +0,0 @@
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { ContextPanelHandler } from './context-panel';
-import type { FloatingToolbarHandler } from './floating-toolbar';
-import type { PMPlugin } from './plugin-factory';
-import type { MarkConfig, NodeConfig } from './prosemirror-config';
-import type { QuickInsertHandler } from './quick-insert';
-import type { SelectionToolbarHandler } from './selection-toolbar';
-import type { ToolbarUIComponentFactory } from './toolbar';
-import type { TypeAheadHandler } from './type-ahead';
-import type { ReactHookFactory, UIComponentFactory } from './ui-components';
-export type PluginsOptions = {
-    [pluginName: string]: any;
-    /**
-     * Handler returning a React component that is added to the context panel.
-     *
-     * See https://product-fabric.atlassian.net/wiki/spaces/E/pages/1406016239/Context+Panel
-     */
-    contextPanel?: ContextPanelHandler;
-    /**
-     * See: `FloatingToolbarConfig`
-     */
-    floatingToolbar?: FloatingToolbarHandler;
-    /**
-     * Handler returns an array of QuickInsertItem that are added to the Element Browser, Insert Menu and Quick Insert
-     */
-    quickInsert?: QuickInsertHandler;
-    /**
-     * The selection toolbar is a floating toolbar that is displayed for
-     * range selections when any plugins return a selection toolbar group with
-     * items.
-     */
-    selectionToolbar?: SelectionToolbarHandler;
-    typeAhead?: TypeAheadHandler;
-};
-type EditorViewStateUpdatedCallbackProps = {
-    readonly newEditorState: Readonly<EditorState>;
-    readonly oldEditorState: Readonly<EditorState>;
-    readonly originalTransaction: Readonly<Transaction>;
-    readonly transactions: readonly Transaction[];
-};
-export interface EditorPlugin {
-    /**
-     * Optional UI-component that lives inside the actual content-area (like mention-picker, floating toolbar for links, etc.)
-     *
-     * Handler returns a React component that is added to the top of the editor content area (PluginSlot).
-     * Although it’s common to specify a custom mount point (eg. date picker)
-     */
-    contentComponent?: UIComponentFactory;
-    /**
-     * A list of `MarkConfig`s with a name and a `MarkSpec` (`MarkSpec` is imported from @atlaskit/adf-schema)
-     */
-    marks?: () => MarkConfig[];
-    /**
-     * Name of a plugin, that other plugins can use to provide options to it or exclude via a preset.
-     */
-    name: string;
-    /**
-     * A list of `NodeConfig`s with a name and a `NodeSpec`. (`NodeSpec` is imported from @atlaskit/adf-schema)
-     *
-     */
-    nodes?: () => NodeConfig[];
-    /**
-     * Called after EditorView state is updated.
-     */
-    onEditorViewStateUpdated?: (props: EditorViewStateUpdatedCallbackProps) => void;
-    /**
-     * Options that will be passed to a plugin with a corresponding name if it exists and enabled.
-     */
-    pluginsOptions?: PluginsOptions;
-    /**
-     * List of ProseMirror-plugins. This is where we define which plugins will be added to EditorView (main-plugin, keybindings, input-rules, etc.).
-     */
-    pmPlugins?: (pluginOptions?: any) => Array<PMPlugin>;
-    /**
-     * Optional UI-component that will be added to the toolbar at the top of the editor (doesn't exist in the compact-editor).
-     *
-     * Handler returns a React component that is added to the toolbar at the top of the editor
-     *
-     * Plugins use <ToolbarButton> component to maintain design consistency.
-     */
-    primaryToolbarComponent?: ToolbarUIComponentFactory;
-    /**
-     * Optional UI-component that will be added to the toolbar at the bottom right of the editor. (doesn't exist in the full-page editor)
-     * In compact mode this toolbar lives on the right-hand side of the editor.
-     */
-    secondaryToolbarComponent?: UIComponentFactory;
-    /**
-     * Optional react hook that is mounted for all appearances
-     *
-     * This can be used to access React context, or other React specific code (ie. run `useEffect`)
-     * within a plugin that will run for all appearances without mounting any components.
-     *
-     * Example usages include analytics or width.
-     */
-    usePluginHook?: ReactHookFactory;
-}
-export type getPosHandler = getPosHandlerNode | boolean;
-export type getPosHandlerNode = () => number | undefined;
-export {};

package/dist/types-ts4.5/types/editor-react-context.d.ts

@@ -1,6 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { UIAnalyticsEventHandler } from '@atlaskit/analytics-next';
-export type EditorReactContext = {
-    getAtlaskitAnalyticsEventHandlers: () => UIAnalyticsEventHandler[];
-    intl: IntlShape;
-};

package/dist/types-ts4.5/types/empty-state-handler.d.ts

@@ -1,6 +0,0 @@
-export type EmptyStateHandler = (params: EmptyStateHandlerParams) => React.ReactElement<any> | null;
-export type EmptyStateHandlerParams = {
-    mode: string;
-    searchTerm?: string;
-    selectedCategory?: string;
-};