@univerjs-pro/shape-editor-ui 1.0.0-beta.0 → 1.0.0-beta.1

package/lib/types/locale/en-US.d.ts

@@ -1,5 +1,108 @@
 declare const locale: {
     'shape-editor-ui': {
+        effects: {
+            title: string;
+            shadow: string;
+            reflection: string;
+            glow: string;
+            softEdge: string;
+            bevel: string;
+            rotation3d: string;
+            none: string;
+            menu: {
+                shadow: string;
+                reflection: string;
+                glow: string;
+                softEdge: string;
+                bevel: string;
+                rotation3d: string;
+            };
+            groups: {
+                outer: string;
+                perspective: string;
+                reflectionVariations: string;
+                glowVariations: string;
+                softEdgeVariations: string;
+                bevelVariations: string;
+                parallel: string;
+                oblique: string;
+            };
+            textTitle: string;
+        };
+        smartArt: {
+            addAfter: string;
+            addAssistant: string;
+            addBelow: string;
+            convertToShapes: string;
+            deleteNode: string;
+            demote: string;
+            direction: string;
+            layout: string;
+            moveDown: string;
+            moveUp: string;
+            promote: string;
+            reset: string;
+            styles: string;
+            textPane: string;
+            title: string;
+            category: {
+                all: string;
+                list: string;
+                process: string;
+                cycle: string;
+                hierarchy: string;
+                relationship: string;
+                matrix: string;
+                pyramid: string;
+                picture: string;
+                timeline: string;
+                team: string;
+                textCard: string;
+            };
+            addShape: string;
+            addBullet: string;
+            createGraphic: string;
+            layoutGroup: string;
+            moveForward: string;
+            moveBackward: string;
+            resetGroup: string;
+            styleGroup: string;
+            changeColors: string;
+            quickStyle: {
+                section: {
+                    bestMatch: string;
+                    threeDimensional: string;
+                };
+                name: {
+                    simple1: string;
+                    simple2: string;
+                    simple3: string;
+                    simple4: string;
+                    simple5: string;
+                    '3d1': string;
+                    '3d2': string;
+                    '3d3': string;
+                    '3d4': string;
+                    '3d5': string;
+                    '3d6': string;
+                    '3d7': string;
+                    '3d8': string;
+                    '3d9': string;
+                };
+            };
+            colorStyle: {
+                section: {
+                    theme: string;
+                    colorful: string;
+                    accent1: string;
+                    accent2: string;
+                    accent3: string;
+                    accent4: string;
+                    accent5: string;
+                    accent6: string;
+                };
+            };
+        };
         formulaBinding: {
             accountingDescription: string;
             baseUnit: string;
@@ -18,9 +121,18 @@ declare const locale: {
                 currency: string;
                 custom: string;
                 date: string;
+                dateTime: string;
+                durationTime: string;
+                financial: string;
                 general: string;
                 more: string;
+                number: string;
+                percentage: string;
+                roundingCurrency: string;
+                scientific: string;
+                text: string;
                 thousandSeparator: string;
+                time: string;
             };
             formulaPlaceholder: string;
             generalDescription: string;
@@ -57,25 +169,6 @@ declare const locale: {
             confirm: string;
             cancel: string;
             animation: string;
-            formats: {
-                general: string;
-                text: string;
-                number: string;
-                percent: string;
-                percentage: string;
-                scientific: string;
-                accounting: string;
-                financial: string;
-                currency: string;
-                roundingCurrency: string;
-                date: string;
-                time: string;
-                dateTime: string;
-                durationTime: string;
-                thousandSeparator: string;
-                custom: string;
-                more: string;
-            };
         };
         insertShape: string;
         openPanel: string;
@@ -112,6 +205,12 @@ declare const locale: {
             solidFill: string;
             gradientFill: string;
             pictureFill: string;
+            tabs: {
+                noFill: string;
+                solidFill: string;
+                gradientFill: string;
+                pictureFill: string;
+            };
             patternFill: string;
             color: string;
             transparency: string;
@@ -399,8 +498,13 @@ declare const locale: {
             };
         };
         toolbar: {
-            expandShapeToolbar: string;
-            hideMenu: string;
+            fontFamily: string;
+            fontSize: string;
+            increaseFontSize: string;
+            decreaseFontSize: string;
+            floatingToolbar: string;
+            quickStyles: string;
+            changeShape: string;
             alignLeft: string;
             alignCenter: string;
             alignRight: string;
@@ -418,6 +522,13 @@ declare const locale: {
             typography: string;
             more: string;
         };
+        arrange: {
+            title: string;
+            forward: string;
+            backward: string;
+            front: string;
+            back: string;
+        };
         align: {
             top: string;
             middle: string;

package/lib/types/menu/shape-floating-toolbar.menu.d.ts

@@ -0,0 +1,3 @@
+import type { IAccessor } from '@univerjs/core';
+import type { IMenuButtonItem } from '@univerjs/ui';
+export declare function ShapeFloatingToolbarToggleFactory(accessor: IAccessor): IMenuButtonItem<string, boolean>;

package/lib/types/plugin.d.ts

@@ -1,13 +1,14 @@
 import type { IUniverShapeEditorUIConfig } from './config/config';
-import { IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 export declare class UniverShapeEditorUIPlugin extends Plugin {
     private readonly _config;
     protected readonly _injector: Injector;
     private readonly _configService;
+    private readonly _commandService;
     static type: UniverInstanceType;
     static pluginName: string;
     static packageName: string;
     static version: string;
-    constructor(_config: IUniverShapeEditorUIConfig | undefined, _injector: Injector, _configService: IConfigService);
+    constructor(_config: IUniverShapeEditorUIConfig | undefined, _injector: Injector, _configService: IConfigService, _commandService: ICommandService);
     onStarting(): void;
 }

package/lib/types/services/formula-binding.service.d.ts

@@ -0,0 +1,34 @@
+import type { IReferencedUnitCatalogService, IResourceRef } from '@univerjs-pro/embed';
+import type { IReferencedUnitViewerSession } from '@univerjs-pro/embed-unit-ui';
+import type { IDisposable } from '@univerjs/core';
+import type { FormulaSequenceNode, IFormulaRefSelection } from '@univerjs/engine-formula';
+import type { IFormulaBindingHost } from '../config/config';
+import type { IFormulaBindingReferenceSelectionChange } from './formula-binding-editor';
+import { HostExternalReferenceModel } from '@univerjs-pro/engine-formula';
+import { IUniverInstanceService, ThemeService } from '@univerjs/core';
+export interface IFormulaBindingContext {
+    formula: string;
+    refSelections: IFormulaRefSelection[];
+    selectionEnd: number;
+    selectionStart: number;
+    sequenceNodes: FormulaSequenceNode[];
+}
+export interface IFormulaBindingOptions {
+    host: IFormulaBindingHost;
+    onSelectReferences(change: IFormulaBindingReferenceSelectionChange): void;
+}
+export interface IFormulaBinding extends IDisposable {
+    updateFormulaContext(context: IFormulaBindingContext): void;
+}
+export declare class FormulaBindingService {
+    private readonly _catalog;
+    private readonly _themeService;
+    private readonly _externalReferenceModel;
+    private readonly _instanceService;
+    constructor(_catalog: IReferencedUnitCatalogService, _themeService: ThemeService, _externalReferenceModel: HostExternalReferenceModel, _instanceService: IUniverInstanceService);
+    resolveInitialResourceRef(host: IFormulaBindingHost, sequenceNodes: FormulaSequenceNode[]): {
+        ref?: IResourceRef;
+        required: boolean;
+    };
+    bind(session: IReferencedUnitViewerSession, options: IFormulaBindingOptions): IFormulaBinding;
+}

package/lib/types/services/shape-floating-toolbar.service.d.ts

@@ -0,0 +1,16 @@
+import type { Observable } from 'rxjs';
+import { Disposable, IConfigService } from '@univerjs/core';
+export declare class ShapeFloatingToolbarService extends Disposable {
+    private readonly _enabled$;
+    private readonly _fallbackVisible$;
+    private readonly _fallbackVisibleSources;
+    readonly enabled$: Observable<boolean>;
+    readonly visible$: Observable<boolean>;
+    constructor(configService: IConfigService);
+    getEnabled(): boolean;
+    setEnabled(enabled: boolean): void;
+    getVisible(): boolean;
+    setFallbackVisible(visible: boolean, source?: string): void;
+    toggle(): void;
+    dispose(): void;
+}

package/lib/types/utils/shape-contextual-ribbon-host.d.ts

@@ -0,0 +1,2 @@
+export type ShapeContextualRibbonHostMode = 'regular' | 'tab' | 'isolated';
+export declare function resolveShapeContextualRibbonHostMode(canvasElement: HTMLElement | null | undefined): ShapeContextualRibbonHostMode;

package/lib/types/utils/shape-floating-toolbar-config.d.ts

@@ -1,5 +1,5 @@
 /**
- * Extra top clearance for shape toolbars, so they do not visually touch selection affordances.
+ * Symmetric vertical clearance for shape toolbars, including the rotation affordance around a selection.
  */
-export declare const SHAPE_FLOATING_TOOLBAR_TOP_OFFSET = 16;
-export declare const SHEET_DOC_SHAPE_FLOATING_TOOLBAR_TOP_OFFSET = 16;
+export declare const SHAPE_FLOATING_TOOLBAR_TOP_OFFSET = 64;
+export declare const SHEET_DOC_SHAPE_FLOATING_TOOLBAR_TOP_OFFSET = 64;

package/lib/types/views/FormulaBindingEditorDialog.d.ts

@@ -8,4 +8,4 @@ export interface IFormulaBindingEditorDialogProps {
     onClose: () => void;
     onConfirm: (result: IFormulaBindingEditorResult) => void;
 }
-export declare function FormulaBindingEditorDialog(props: IFormulaBindingEditorDialogProps): import("react").JSX.Element;
+export declare function FormulaBindingEditorDialog(props: IFormulaBindingEditorDialogProps): import("react").JSX.Element | null;

package/lib/types/views/formula-shape/UseFormulaShapeToolbar.d.ts

@@ -4,6 +4,9 @@ import type { ReactNode } from 'react';
 import type { IShapeFloatingToolbarExtensionGroup } from '../shape-floating-toolbar/ShapeFloatingToolbar';
 interface IUseFormulaShapeToolbarOptions extends IShapeFormulaIdentity {
     shapeData?: IShapeData;
+    registerBinding?: boolean;
+    showLabels?: boolean;
+    dropdownSide?: 'top' | 'bottom';
     onUpdateBinding: (binding: IShapeFormulaBinding) => void;
 }
 export declare function useFormulaShapeToolbar(options: IUseFormulaShapeToolbarOptions): {

package/lib/types/views/shape-floating-toolbar/ShapeFillControls.d.ts

@@ -2,11 +2,13 @@ import type { IShapeData } from '@univerjs-pro/engine-shape';
 import type { ShapeDataUpdateHandler } from './shape-floating-toolbar-types';
 export declare function ShapeFillButton(props: {
     title: string;
+    label?: string;
     shapeData: IShapeData;
     open?: boolean;
     disabled?: boolean;
     fallbackColor?: string;
     fallbackGradientEndColor?: string;
+    dropdownSide?: 'top' | 'bottom';
     onOpenChange?: (open: boolean) => void;
     onUpdateShapeData: ShapeDataUpdateHandler;
 }): import("react").JSX.Element;

package/lib/types/views/shape-floating-toolbar/ShapeFloatingToolbar.d.ts

@@ -40,6 +40,7 @@ export interface IShapeFloatingToolbarExtensionGroup {
     actions: IShapeFloatingToolbarExtensionAction[];
 }
 export interface IShapeFloatingToolbarProps {
+    canvasElement: HTMLCanvasElement;
     shapeData?: IShapeData;
     shapeType?: ShapeTypeEnum;
     textStyle: ITextStyle;
@@ -59,8 +60,6 @@ export interface IShapeFloatingToolbarProps {
     groupAction?: IShapeFloatingToolbarGroupAction;
     layerActions?: IShapeFloatingToolbarLayerActions;
     extensionGroups?: IShapeFloatingToolbarExtensionGroup[];
-    collapseLabel?: string;
-    expandLabel?: string;
     deleteLabel?: string;
     onOpenPanel?: () => void;
     onDelete?: () => void;

package/lib/types/views/shape-floating-toolbar/ShapeFloatingToolbarPrimitives.d.ts

@@ -1,4 +1,10 @@
-import type { MouseEvent, PointerEvent, ReactNode } from 'react';
+import type { ComponentProps, MouseEvent, PointerEvent, ReactNode } from 'react';
+import { Dropdown, Tooltip } from '@univerjs/design';
+export declare function ShapeFloatingToolbarTooltip(props: Omit<ComponentProps<typeof Tooltip>, 'visible' | 'onVisibleChange'> & {
+    popupOpen: boolean;
+}): import("react").JSX.Element;
+type ShapeFloatingToolbarDropdownProps = Omit<ComponentProps<typeof Dropdown>, 'avoidCollisions'>;
+export declare function ShapeFloatingToolbarDropdown(props: ShapeFloatingToolbarDropdownProps): import("react").JSX.Element;
 export declare function ShapeFloatingToolbarIcon(props: {
     children: ReactNode;
     className?: string;
@@ -16,7 +22,7 @@ export declare function ShapeFloatingToolbarButton(props: {
     children: ReactNode;
     className?: string;
     sizeClassName?: string;
-    tooltipVisible?: boolean;
+    popupOpen?: boolean;
     ariaExpanded?: boolean;
     onClick?: () => void;
     onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
@@ -24,6 +30,7 @@ export declare function ShapeFloatingToolbarButton(props: {
 }): import("react").JSX.Element;
 export declare function ShapeFloatingToolbarDropdownTrigger(props: {
     title?: string;
+    label?: string;
     icon: ReactNode;
     active?: boolean;
     className?: string;
@@ -34,6 +41,8 @@ export declare function ShapeFloatingToolbarDropdownTrigger(props: {
 export declare function ShapeFloatingToolbarFontSizeSelect(props: {
     value: string | number;
     className?: string;
+    dropdownSide?: 'top' | 'bottom';
     onChange: (fontSize: number) => void;
     onAfterChange?: () => void;
 }): import("react").JSX.Element;
+export {};

package/lib/types/views/shape-floating-toolbar/ShapeStrokeControls.d.ts

@@ -20,17 +20,22 @@ export interface IShapeStrokePanelContentProps {
     };
     onReset?: () => void;
     onRequestClose?: () => void;
+    closeOnColorChange?: boolean;
     onUpdateShapeData: ShapeDataUpdateHandler;
 }
 export declare function ShapeStrokePanelContent(props: IShapeStrokePanelContentProps): import("react").JSX.Element;
 export declare function ShapeStrokePanelButton(props: {
     title: string;
+    label?: string;
     shapeData: IShapeData;
     open?: boolean;
     disabled?: boolean;
     resetLabel?: string;
     fallbackColor?: string;
+    dropdownSide?: 'top' | 'bottom';
     onReset?: () => void;
     onOpenChange?: (open: boolean) => void;
+    closeOnColorChange?: boolean;
+    keepOpenOnInternalInteraction?: boolean;
     onUpdateShapeData: ShapeDataUpdateHandler;
 }): import("react").JSX.Element;

package/lib/types/views/shape-floating-toolbar/ShapeTextControls.d.ts

@@ -4,11 +4,13 @@ export declare function TextFillButton(props: {
     title: string;
     textStyle: ITextStyle;
     fallbackColor: string;
+    dropdownSide?: 'top' | 'bottom';
     onChange: (textStyle: ITextStyle) => void;
 }): import("react").JSX.Element;
 export declare function TextBackgroundColorButton(props: {
     title: string;
     color: string;
+    dropdownSide?: 'top' | 'bottom';
     onApply: () => void;
     onReset?: () => void;
     onChange: (color: string) => void;
@@ -26,5 +28,6 @@ export declare function TypographyPanelButton(props: {
     verticalAlign: VerticalAlign;
     horizontalAlignOptions: Array<IToolbarDropdownOption<HorizontalAlign>>;
     verticalAlignOptions: Array<IToolbarDropdownOption<VerticalAlign>>;
+    dropdownSide?: 'top' | 'bottom';
     onUpdateText: ShapeTextUpdateHandler;
 }): import("react").JSX.Element;

package/lib/types/views/shape-floating-toolbar/shape-floating-toolbar-utils.d.ts

@@ -1,11 +1,17 @@
 import type { IShapeData, IShapeTextDataModel } from '@univerjs-pro/engine-shape';
-import type { IDocumentData, ITextStyle } from '@univerjs/core';
+import type { IDocumentData, ITextStyle, PresetListType } from '@univerjs/core';
 import { HorizontalAlign, VerticalAlign } from '@univerjs/core';
 export interface IShapeTextUpdateOptions {
     textStyle?: ITextStyle;
     verticalAlign?: VerticalAlign;
     horizontalAlign?: HorizontalAlign;
+    listType?: PresetListType | null;
 }
 export declare function createDefaultShapeTextDocument(textStyle?: ITextStyle, horizontalAlign?: HorizontalAlign, text?: string): IDocumentData;
 export declare function getShapeTextModel(shapeData: IShapeData, options: IShapeTextUpdateOptions): IShapeTextDataModel;
+export declare function getShapeTextListState(shapeData: IShapeData, family: PresetListType.ORDER_LIST | PresetListType.BULLET_LIST): {
+    active: boolean;
+    mixed: boolean;
+    value?: PresetListType;
+};
 export declare function buildShapeTextDataUpdate(shapeData: IShapeData, options: IShapeTextUpdateOptions): IShapeData;

package/lib/types/views/shape-floating-toolbar/shape-floating-toolbar-wheel.util.d.ts

@@ -0,0 +1 @@
+export declare function forwardShapeFloatingToolbarWheel(source: WheelEvent, canvasElement: HTMLCanvasElement): boolean;

package/lib/types/views/shape-format-ribbon/ShapeEffectControls.d.ts

@@ -0,0 +1,19 @@
+import type { IShapeData, ShapeBevelPresetEnum } from '@univerjs-pro/engine-shape';
+import { ShapeCameraPresetEnum } from '@univerjs-pro/engine-shape';
+export type ShapeEffectCategory = 'shadow' | 'reflection' | 'glow' | 'softEdge' | 'bevel' | 'rotation3d';
+/**
+ * Values observed by applying the native PowerPoint gallery to a newly inserted rectangle.
+ * Existing 3D properties not owned by the selected gallery remain intact through mergeEffectPatch.
+ */
+export declare function createBevelPresetPatch(preset: ShapeBevelPresetEnum): IShapeData;
+export declare function createRotationPresetPatch(preset: ShapeCameraPresetEnum): IShapeData;
+export declare const ROTATION_GROUPS: Record<string, ShapeCameraPresetEnum[]>;
+export declare function mergeEffectPatch(shapeData: IShapeData, patch: IShapeData): IShapeData;
+export declare function ShapeEffectButton(props: {
+    categories?: ShapeEffectCategory[];
+    shapeData: IShapeData;
+    disabled?: boolean;
+    dropdownSide?: 'top' | 'bottom';
+    titleKey?: string;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}): import("react").JSX.Element;

package/lib/types/views/shape-format-ribbon/ShapeEffectPresetIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IShapeScene3D } from '@univerjs-pro/engine-shape';
+import { ShapeBevelPresetEnum, ShapeCameraPresetEnum } from '@univerjs-pro/engine-shape';
+export declare const BEVEL_PRESET_ORDER: readonly [ShapeBevelPresetEnum.RelaxedInset, ShapeBevelPresetEnum.Circle, ShapeBevelPresetEnum.Slope, ShapeBevelPresetEnum.Cross, ShapeBevelPresetEnum.Angle, ShapeBevelPresetEnum.SoftRound, ShapeBevelPresetEnum.Convex, ShapeBevelPresetEnum.CoolSlant, ShapeBevelPresetEnum.Divot, ShapeBevelPresetEnum.Riblet, ShapeBevelPresetEnum.HardEdge, ShapeBevelPresetEnum.ArtDeco];
+export declare function BevelPresetIcon(props: {
+    preset: ShapeBevelPresetEnum;
+}): import("react").JSX.Element;
+export declare function RotationPresetIcon(props: {
+    group: string;
+    preset: ShapeCameraPresetEnum;
+    scene3d: IShapeScene3D;
+}): import("react").JSX.Element;

package/lib/types/views/shape-format-ribbon/ShapeFormatRibbonControls.d.ts

@@ -0,0 +1,27 @@
+import type { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import type { ReactNode } from 'react';
+import type { IShapeFloatingToolbarExtensionAction } from '../shape-floating-toolbar/ShapeFloatingToolbar';
+export interface IShapeStyleRibbonControlProps {
+    shapeData: IShapeData;
+    shapeType?: ShapeTypeEnum;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}
+export type IShapeEffectsRibbonControlProps = IShapeStyleRibbonControlProps;
+export interface IShapeTextRibbonControlProps {
+    fontFamilyPopupDataComponent: string;
+    shapeData: IShapeData;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}
+export interface IShapeTextEffectsRibbonControlProps {
+    shapeData: IShapeData;
+    onUpdateShapeData: (patch: IShapeData) => void;
+}
+export interface IShapeFormulaRibbonControlProps {
+    actions: IShapeFloatingToolbarExtensionAction[];
+    panel?: ReactNode;
+}
+export declare function ShapeStyleRibbonControl(props: IShapeStyleRibbonControlProps): import("react").JSX.Element;
+export declare function ShapeEffectsRibbonControl(props: IShapeEffectsRibbonControlProps): import("react").JSX.Element;
+export declare function ShapeTextEffectsRibbonControl(props: IShapeTextEffectsRibbonControlProps): import("react").JSX.Element;
+export declare function ShapeFormulaRibbonControl(props: IShapeFormulaRibbonControlProps): import("react").JSX.Element | null;
+export declare function ShapeTextRibbonControl(props: IShapeTextRibbonControlProps): import("react").JSX.Element;

package/lib/types/views/shape-format-ribbon/shape-effect-reference-paths.generated.d.ts

@@ -0,0 +1,6 @@
+export interface IReferenceIconLayer {
+    fill: string;
+    d: string;
+}
+export declare const BEVEL_REFERENCE_PATHS: readonly IReferenceIconLayer[][];
+export declare const ROTATION_REFERENCE_PATHS: readonly IReferenceIconLayer[][];

package/lib/types/views/shape-picker/ShapeChangePicker.d.ts

@@ -0,0 +1,7 @@
+import type { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+export declare const SHAPE_CHANGE_PICKER_COMPONENT = "shape-editor-ui.change-shape-picker";
+interface IShapeChangePickerProps {
+    onChange?: (value: ShapeTypeEnum) => void;
+}
+export declare function ShapeChangePicker(props: IShapeChangePickerProps): import("react").JSX.Element;
+export {};

package/lib/types/views/shape-quick-style/ShapeQuickStyleGallery.d.ts

@@ -0,0 +1,10 @@
+import { getShapeQuickStylePresets } from '@univerjs-pro/shape-editor';
+type ShapeQuickStyleType = Parameters<typeof getShapeQuickStylePresets>[0];
+export interface IShapeQuickStyleGalleryProps {
+    type: ShapeQuickStyleType;
+    ariaLabel: string;
+    activePresetId?: string | null;
+    onSelect: (presetId: string) => void;
+}
+export declare function ShapeQuickStyleGallery(props: IShapeQuickStyleGalleryProps): import("react").JSX.Element;
+export {};

package/lib/types/views/shape-text-editor/DocParagraphTypeDropdown.d.ts

@@ -1,8 +1,8 @@
 import type { MouseEvent as ReactMouseEvent } from 'react';
 export interface IDocParagraphTypeDropdownProps {
-    buttonClassName?: string;
     className?: string;
     popupDataComponent?: string;
+    size?: 'small' | 'middle';
     title?: string;
     onAfterCommand?: () => void;
     onBeforeCommand?: () => void;

package/lib/types/views/shape-text-editor/ShapeTextFloatToolbar.d.ts

@@ -2,7 +2,6 @@ export declare const STYLE_COMMAND_IDS: string[];
 export declare const SHAPE_TEXT_FLOAT_TOOLBAR_CLASSES: {
     root: string;
     group: string;
-    button: string;
     select: string;
 };
 export declare function ShapeTextFloatToolbar(): import("react").JSX.Element;

package/lib/types/views/shape-text-editor/shape-text-keyboard.d.ts

@@ -6,6 +6,10 @@ interface IShapeTextEditorKeyboardRange {
     endOffset?: number;
     collapsed?: boolean;
 }
+export declare function getShapeTextEditorSelectAllRange(dataStreamLength: number): {
+    startOffset: number;
+    endOffset: number;
+};
 export declare function isShapeTextEditorKeyboardFocusActive(isInputFocusing: boolean, textRanges: readonly IShapeTextEditorKeyboardRange[] | null | undefined): boolean;
 interface IShapeTextEditorKeyboardOptions {
     commitOnEnter?: boolean;

package/lib/types/views/shape-text-editor/types.d.ts

@@ -9,6 +9,7 @@ export interface IShapeTextEditingParams {
     shapeId: string;
     shapeKey: string;
     visible: boolean;
+    selectAllOnFocus?: boolean;
 }
 export interface IShapeTextEditingService {
     editingParams$: Observable<Nullable<IShapeTextEditingParams>>;

package/lib/types/views/smart-art/SmartArtColorGallery.d.ts

@@ -0,0 +1,6 @@
+import type { ISmartArtColorStyleCatalogItem } from '@univerjs-pro/engine-shape';
+export interface ISmartArtColorGalleryProps {
+    selectedColorStyleId?: string;
+    onSelect: (style: ISmartArtColorStyleCatalogItem) => void;
+}
+export declare function SmartArtColorGallery(props: ISmartArtColorGalleryProps): import("react").JSX.Element;

package/lib/types/views/smart-art/SmartArtLayoutGallery.d.ts

@@ -0,0 +1,6 @@
+import type { ISmartArtLayoutCatalogItem } from './smart-art-layout-catalog.generated';
+export interface ISmartArtLayoutGalleryProps {
+    selectedLayoutId?: string;
+    onSelect: (layout: ISmartArtLayoutCatalogItem) => void;
+}
+export declare function SmartArtLayoutGallery(props: ISmartArtLayoutGalleryProps): import("react").JSX.Element;

package/lib/types/views/smart-art/SmartArtLayoutIcon.d.ts

@@ -0,0 +1,6 @@
+import type { SmartArtLayoutIconElement } from './smart-art-layout-catalog.generated';
+export interface ISmartArtLayoutIconProps {
+    elements: readonly SmartArtLayoutIconElement[];
+    className?: string;
+}
+export declare function SmartArtLayoutIcon(props: ISmartArtLayoutIconProps): import("react").JSX.Element;

package/lib/types/views/smart-art/SmartArtQuickStyleGallery.d.ts

@@ -0,0 +1,10 @@
+import type { ISmartArtQuickStyleCatalogItem } from '@univerjs-pro/engine-shape';
+export interface ISmartArtQuickStyleGalleryProps {
+    selectedStyleId?: string;
+    onSelect: (style: ISmartArtQuickStyleCatalogItem) => void;
+}
+export declare function SmartArtQuickStyleGallery(props: ISmartArtQuickStyleGalleryProps): import("react").JSX.Element;
+export declare function SmartArtQuickStylePreview(props: {
+    style: ISmartArtQuickStyleCatalogItem;
+    compact?: boolean;
+}): import("react").JSX.Element;

package/lib/types/views/smart-art/SmartArtRibbonControl.d.ts

@@ -0,0 +1,33 @@
+import type { ISmartArtColorStyleCatalogItem, ISmartArtData, ISmartArtQuickStyleCatalogItem } from '@univerjs-pro/engine-shape';
+import type { ISmartArtLayoutCatalogItem } from './smart-art-layout-catalog.generated';
+import { SmartArtInsertPositionEnum } from '@univerjs-pro/engine-shape';
+export interface ISmartArtRibbonControlProps {
+    data: ISmartArtData;
+    onOpenTextPane: () => void;
+    onAddNode: (position: SmartArtInsertPositionEnum) => void;
+    onPromoteNode: () => void;
+    onDemoteNode: () => void;
+    onMoveNode: (position: SmartArtInsertPositionEnum.Before | SmartArtInsertPositionEnum.After) => void;
+    onDeleteNode: () => void;
+    onToggleDirection: () => void;
+    onReset: () => void;
+    onSelectLayout: (layout: ISmartArtLayoutCatalogItem) => void;
+    onSelectStyle: (style: ISmartArtQuickStyleCatalogItem) => void;
+    onSelectColor: (style: ISmartArtColorStyleCatalogItem) => void;
+    onConvertToShapes: () => void;
+    canAddAfter?: boolean;
+    canAddBelow?: boolean;
+    canAddAssistant?: boolean;
+    canPromote?: boolean;
+    canDemote?: boolean;
+    canMoveUp?: boolean;
+    canMoveDown?: boolean;
+    canDelete?: boolean;
+}
+type CreateGraphicProps = Pick<ISmartArtRibbonControlProps, 'data' | 'onOpenTextPane' | 'onAddNode' | 'onPromoteNode' | 'onDemoteNode' | 'onMoveNode' | 'onDeleteNode' | 'onToggleDirection' | 'canAddAfter' | 'canAddBelow' | 'canAddAssistant' | 'canPromote' | 'canDemote' | 'canMoveUp' | 'canMoveDown' | 'canDelete'>;
+export declare function SmartArtCreateGraphicRibbonControl(props: CreateGraphicProps): import("react").JSX.Element;
+export declare function SmartArtLayoutRibbonControl(props: Pick<ISmartArtRibbonControlProps, 'data' | 'onSelectLayout'>): import("react").JSX.Element;
+export declare function SmartArtStyleRibbonControl(props: Pick<ISmartArtRibbonControlProps, 'data' | 'onSelectStyle' | 'onSelectColor'>): import("react").JSX.Element;
+export declare function SmartArtResetRibbonControl(props: Pick<ISmartArtRibbonControlProps, 'onReset' | 'onConvertToShapes'>): import("react").JSX.Element;
+export declare function SmartArtRibbonControl(props: ISmartArtRibbonControlProps): import("react").JSX.Element;
+export {};