@univerjs/ui 0.2.6 → 0.2.8

package/lib/types/services/message/__testing__/mock-message.service.d.ts

@@ -1,7 +1,6 @@
 import { IMessageOptions, IMessageProps } from '@univerjs/design';
 import { IDisposable } from '@univerjs/core';
 import { IMessageService } from '../message.service';
-
 /**
  * This is a mocked message service for testing purposes.
  */

package/lib/types/services/message/desktop-message.service.d.ts

@@ -1,7 +1,6 @@
 import { IMessageOptions, IMessageProps, Message } from '@univerjs/design';
 import { IDisposable } from '@univerjs/core';
 import { IMessageService } from './message.service';
-
 export declare class DesktopMessageService implements IMessageService, IDisposable {
     protected _portalContainer: HTMLElement | undefined;
     protected _message?: Message;

package/lib/types/services/message/message.service.d.ts

@@ -1,6 +1,5 @@
 import { IMessageOptions } from '@univerjs/design';
 import { IDisposable } from '@univerjs/core';
-
 export declare const IMessageService: import('@univerjs/core').IdentifierDecorator<IMessageService>;
 export interface IMessageService {
     show(options: IMessageOptions): IDisposable;

package/lib/types/services/notification/desktop-notification.service.d.ts

@@ -2,7 +2,6 @@ import { Disposable, IDisposable, Injector } from '@univerjs/core';
 import { INotificationOptions } from '../../components/notification/Notification';
 import { IUIPartsService } from '../parts/parts.service';
 import { INotificationService } from './notification.service';
-
 export declare class DesktopNotificationService extends Disposable implements INotificationService {
     private readonly _injector;
     private readonly _uiPartsService;

package/lib/types/services/notification/notification.service.d.ts

@@ -1,6 +1,5 @@
 import { IDisposable } from '@univerjs/core';
 import { INotificationOptions } from '../../components/notification/Notification';
-
 export declare const INotificationService: import('@univerjs/core').IdentifierDecorator<INotificationService>;
 export interface INotificationService {
     show(params: INotificationOptions): IDisposable;

package/lib/types/services/parts/parts.service.d.ts

@@ -1,7 +1,6 @@
 import { IDisposable, Disposable } from '@univerjs/core';
 import { Observable } from 'rxjs';
 import { ComponentType } from '../../common/component-manager';
-
 type ComponentRenderer = () => ComponentType;
 type ComponentPartKey = BuiltInUIPart | string;
 export declare enum BuiltInUIPart {

package/lib/types/services/popup/canvas-popup.service.d.ts

@@ -2,7 +2,6 @@ import { Disposable } from '@univerjs/core';
 import { IRectPopupProps } from '@univerjs/design';
 import { IBoundRectNoAngle } from '@univerjs/engine-render';
 import { Observable } from 'rxjs';
-
 export interface IPopup extends Pick<IRectPopupProps, 'closeOnSelfTarget' | 'direction' | 'excludeOutside' | 'onClickOutside'> {
     anchorRect: IBoundRectNoAngle;
     anchorRect$: Observable<IBoundRectNoAngle>;
@@ -12,6 +11,8 @@ export interface IPopup extends Pick<IRectPopupProps, 'closeOnSelfTarget' | 'dir
     unitId: string;
     subUnitId: string;
     offset?: [number, number];
+    canvasElement: HTMLCanvasElement;
+    hideOnInvisible?: boolean;
 }
 export interface ICanvasPopupService {
     addPopup(item: IPopup): string;

package/lib/types/services/progress/progress.service.d.ts

@@ -1,6 +1,5 @@
 import { Disposable, IDisposable } from '@univerjs/core';
 import { Observable } from 'rxjs';
-
 export interface IProgressCount {
     count: number;
 }

package/lib/types/services/range-selector/range-selector.service.d.ts

@@ -1,6 +1,5 @@
 import { IDisposable, IUnitRange, Nullable, Disposable } from '@univerjs/core';
 import { Observable } from 'rxjs';
-
 export interface IRangeSelectorRange extends IUnitRange {
     sheetName: string;
 }

package/lib/types/services/shortcut/shortcut-panel.service.d.ts

@@ -1,5 +1,4 @@
 import { Disposable } from '@univerjs/core';
-
 export declare class ShortcutPanelService extends Disposable {
     private _open$;
     open$: import('rxjs').Observable<boolean>;

package/lib/types/services/shortcut/shortcut.service.d.ts

@@ -2,7 +2,7 @@ import { Disposable, ICommandService, IContextService, IDisposable } from '@univ
 import { Observable } from 'rxjs';
 import { ILayoutService } from '../layout/layout.service';
 import { IPlatformService } from '../platform/platform.service';
-
+import { KeyCode } from './keycode';
 export interface IShortcutItem<P extends object = object> {
     /** This should reuse the corresponding command's id. */
     id: string;
@@ -13,7 +13,7 @@ export interface IShortcutItem<P extends object = object> {
     /** A callback that will be triggered to examine if the shortcut should be invoked. */
     preconditions?: (contextService: IContextService) => boolean;
     /** A command can be bound to several bindings, with different static parameters perhaps. */
-    binding: number;
+    binding: KeyCode | number;
     mac?: number;
     win?: number;
     linux?: number;

package/lib/types/services/sidebar/desktop-sidebar.service.d.ts

@@ -2,11 +2,12 @@ import { IDisposable } from '@univerjs/core';
 import { Subject } from 'rxjs';
 import { ISidebarMethodOptions } from '../../views/components/sidebar/interface';
 import { ISidebarService } from './sidebar.service';
-
 export declare class DesktopSidebarService implements ISidebarService {
     private _sidebarOptions;
     readonly sidebarOptions$: Subject<ISidebarMethodOptions>;
     readonly scrollEvent$: Subject<Event>;
+    get visible(): boolean;
+    get options(): ISidebarMethodOptions;
     open(params: ISidebarMethodOptions): IDisposable;
-    close(): void;
+    close(id?: string): void;
 }

package/lib/types/services/sidebar/sidebar.service.d.ts

@@ -1,11 +1,13 @@
 import { IDisposable } from '@univerjs/core';
 import { Subject } from 'rxjs';
 import { ISidebarMethodOptions } from '../../views/components/sidebar/interface';
-
-export declare const ISidebarService: import('@univerjs/core').IdentifierDecorator<ISidebarService>;
 export interface ISidebarService {
     readonly sidebarOptions$: Subject<ISidebarMethodOptions>;
     readonly scrollEvent$: Subject<Event>;
     open(params: ISidebarMethodOptions): IDisposable;
-    close(): void;
+    close(id?: string): void;
+    get visible(): boolean;
+    get options(): ISidebarMethodOptions;
 }
+export declare const ILeftSidebarService: import('@univerjs/core').IdentifierDecorator<ISidebarService>;
+export declare const ISidebarService: import('@univerjs/core').IdentifierDecorator<ISidebarService>;

package/lib/types/services/zen-zone/desktop-zen-zone.service.d.ts

@@ -3,7 +3,6 @@ import { ForwardRefExoticComponent } from 'react';
 import { Subject } from 'rxjs';
 import { ComponentManager } from '../../common/component-manager';
 import { IZenZoneService } from './zen-zone.service';
-
 export declare class DesktopZenZoneService implements IZenZoneService {
     private readonly _componentManager;
     readonly visible$: Subject<boolean>;

package/lib/types/services/zen-zone/zen-zone.service.d.ts

@@ -1,6 +1,5 @@
 import { IDisposable } from '@univerjs/core';
 import { Subject } from 'rxjs';
-
 export declare const IZenZoneService: import('@univerjs/core').IdentifierDecorator<IZenZoneService>;
 export interface IZenZoneService {
     readonly visible$: Subject<boolean>;

package/lib/types/ui-plugin.d.ts

@@ -1,6 +1,5 @@
 import { IContextService, Injector, Plugin } from '@univerjs/core';
 import { IUniverUIConfig } from './controllers/ui/ui.controller';
-
 export declare const UNIVER_UI_PLUGIN_NAME = "UNIVER_UI_PLUGIN";
 export declare const DISABLE_AUTO_FOCUS_KEY = "DISABLE_AUTO_FOCUS";
 /**

package/lib/types/utils/cell.d.ts

@@ -1,5 +1,4 @@
 import { IDocumentData, IRange, IStyleData } from '@univerjs/core';
-
 export declare const DEFAULT_BACKGROUND_COLOR_RGBA = "rgba(0,0,0,0)";
 export declare const DEFAULT_BACKGROUND_COLOR_RGB = "rgb(0,0,0)";
 /**

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IWorkbenchOptions } from '../controllers/ui/ui.controller';
-
 export interface IUniverAppProps extends IWorkbenchOptions {
     mountContainer: HTMLElement;
     onRendered?: (container: HTMLElement) => void;

package/lib/types/views/components/ComponentContainer.d.ts

@@ -1,6 +1,5 @@
 import { ComponentType, default as React } from 'react';
 import { Injector } from '@univerjs/core';
-
 export interface IComponentContainerProps {
     components?: Set<ComponentType>;
     fallback?: React.ReactNode;

package/lib/types/views/components/confirm-part/ConfirmPart.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function ConfirmPart(): React.JSX.Element[];

package/lib/types/views/components/confirm-part/interface.d.ts

@@ -1,6 +1,5 @@
 import { IConfirmProps } from '@univerjs/design';
 import { ICustomLabelProps } from '../../../components/custom-label/CustomLabel';
-
 export type IConfirmPartMethodOptions = {
     id: string;
     children?: ICustomLabelProps;

package/lib/types/views/components/context-menu/ContextMenu.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function DesktopContextMenu(): React.JSX.Element;

package/lib/types/views/components/context-menu/MobileContextMenu.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function MobileContextMenu(): React.JSX.Element;

package/lib/types/views/components/dialog-part/DialogPart.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function DialogPart(): React.JSX.Element;

package/lib/types/views/components/dialog-part/interface.d.ts

@@ -1,6 +1,5 @@
 import { IDialogProps } from '@univerjs/design';
 import { ICustomLabelProps } from '../../../components/custom-label/CustomLabel';
-
 export type IDialogPartMethodOptions = {
     id: string;
     children?: ICustomLabelProps;

package/lib/types/views/components/doc-bars/Button/ToolbarButton.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface IBaseToolbarButtonProps {
     children?: React.ReactNode;
     /** Semantic DOM class */

package/lib/types/views/components/doc-bars/Toolbar.d.ts

@@ -1,5 +1,4 @@
 import { ComponentType, default as React } from 'react';
-
 export interface IToolbarProps {
     headerMenuComponents?: Set<ComponentType>;
 }

package/lib/types/views/components/doc-bars/ToolbarItem.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { IDisplayMenuItem, IMenuItem } from '../../../services/menu/menu';
-
 export declare const ToolbarItem: React.ForwardRefExoticComponent<IDisplayMenuItem<IMenuItem> & React.RefAttributes<any>>;

package/lib/types/views/components/doc-bars/hook.d.ts

@@ -1,5 +1,4 @@
 import { IDisplayMenuItem, IMenuItem, MenuGroup, MenuPosition } from '../../../services/menu/menu';
-
 type MenuPositionWithCustom = MenuPosition | string;
 export interface IMenuGroup {
     name: MenuPositionWithCustom;
@@ -20,7 +19,7 @@ export interface IToolbarRenderHookHandler {
  * you can use this hook to get the toolbar status.
  * @returns toolbar status
  */
-export declare function useToolbarGroups(categories: MenuPositionWithCustom[]): IToolbarRenderHookHandler;
+export declare function useToolbarGroups(categories: MenuPositionWithCustom[], initCategory?: string): IToolbarRenderHookHandler;
 export interface IToolbarItemStatus {
     disabled: boolean;
     value: any;

package/lib/types/views/components/dom/FloatDom.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare const FloatDom: () => React.JSX.Element;

package/lib/types/views/components/global-zone/GlobalZone.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function GlobalZone(): React.JSX.Element | null;

package/lib/types/views/components/popup/CanvasPopup.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function CanvasPopup(): React.JSX.Element[];

package/lib/types/views/components/shortcut-panel/ShortcutPanel.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 /**
  * This component is responsible for rendering the shortcut panel on the desktop version of the app.
  */

package/lib/types/views/components/sidebar/Sidebar.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function Sidebar(): React.JSX.Element;

package/lib/types/views/components/sidebar/interface.d.ts

@@ -1,6 +1,6 @@
 import { ICustomLabelProps } from '../../../components/custom-label/CustomLabel';
-
 export interface ISidebarMethodOptions {
+    id?: string;
     header?: ICustomLabelProps;
     children?: ICustomLabelProps;
     footer?: ICustomLabelProps;

package/lib/types/views/components/zen-zone/ZenZone.d.ts

@@ -1,3 +1,2 @@
 import { default as React } from 'react';
-
 export declare function ZenZone(): React.JSX.Element;

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

@@ -1,3 +1,2 @@
 import { ComponentType } from 'react';
-
 export declare const builtInGlobalComponents: Set<ComponentType>;

package/lib/types/views/workbench/Workbench.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
 import { IWorkbenchOptions } from '../../controllers/ui/ui.controller';
-
 export interface IUniverWorkbenchProps extends IWorkbenchOptions {
     mountContainer: HTMLElement;
-    onRendered?: (container: HTMLElement) => void;
+    onRendered?: (containerElement: HTMLElement) => void;
 }
 export declare function DesktopWorkbench(props: IUniverWorkbenchProps): React.JSX.Element;