oasis-editor 0.0.7 → 0.0.8

package/dist/ui/OasisEditorApp.d.ts

@@ -1,4 +1,4 @@
 import { OasisEditorAppProps } from '../OasisEditorAppProps.js';
 
-export type { OasisEditorLoadingOptions, OasisEditorAppUiProps, OasisEditorAppDocumentProps, OasisEditorAppRuntimeProps, OasisEditorAppProps, ToolbarLayoutMode, } from '../OasisEditorAppProps.js';
+export type { OasisEditorLoadingOptions, OasisEditorAppUiProps, OasisEditorAppDocumentProps, OasisEditorAppRuntimeProps, OasisEditorAppProps, ToolbarLayoutMode, ToolbarViewMode, } from '../OasisEditorAppProps.js';
 export declare function OasisEditorApp(props?: OasisEditorAppProps): import("solid-js").JSX.Element;

package/dist/ui/OasisEditorAppProps.d.ts

@@ -6,6 +6,7 @@ import { DocumentPersistence } from '../../app/controllers/useEditorPersistence.
 import { OasisPlugin } from '../../core/plugin.js';
 import { OasisEditorClient, OasisEditorClientController } from '../../app/client/OasisEditorClient.js';
 
+export type ToolbarViewMode = "ribbon" | "compact";
 export type ToolbarLayoutMode = "overflow" | "wrap";
 export interface OasisEditorLoadingOptions {
     label?: string;
@@ -17,6 +18,7 @@ export interface OasisEditorAppUiProps {
     shell?: "document" | "inline" | "balloon";
     uiVariant?: "classic" | "docs";
     toolbar?: {
+        view?: ToolbarViewMode;
         layout?: ToolbarLayoutMode;
     };
     showTitleBar?: boolean;

package/dist/ui/app/EditorWorkspace.d.ts

@@ -5,7 +5,7 @@ import { ToolbarHost } from '../../../components/Toolbar/state/createToolbarApi.
 import { ToolbarRegistry } from '../../../components/Toolbar/registry/ToolbarRegistry.js';
 import { MenuRegistry } from '../../../components/Menubar/menuRegistry.js';
 import { EditorLayoutParagraph, EditorState } from '../../../../core/model.js';
-import { ToolbarLayoutMode } from '../../../OasisEditorAppProps.js';
+import { ToolbarLayoutMode, ToolbarViewMode } from '../../../OasisEditorAppProps.js';
 import { OasisEditor } from '../../../../core/plugin.js';
 
 export interface EditorWorkspaceProps {
@@ -22,6 +22,7 @@ export interface EditorWorkspaceProps {
     showMenubar: () => boolean;
     showToolbar: () => boolean;
     showOutline: () => boolean;
+    toolbarView: () => ToolbarViewMode;
     toolbarLayout: () => ToolbarLayoutMode;
     isReadOnly: () => boolean;
     viewportHeight: () => number | string | undefined;

package/dist/ui/app/useEditorUiOptions.d.ts

@@ -15,6 +15,7 @@ export declare function createEditorUiOptions(ctx: EditorUiOptionsContext): {
     showMenubar: () => boolean;
     showToolbar: () => boolean;
     showOutline: () => boolean;
+    toolbarView: () => import('../../../OasisEditorAppProps.js').ToolbarViewMode;
     toolbarLayout: () => import('../../../OasisEditorAppProps.js').ToolbarLayoutMode;
     isReadOnly: () => boolean;
     useComposedShell: () => boolean;

package/dist/ui/components/Toolbar/Toolbar.d.ts

@@ -1,12 +1,13 @@
 import { JSX } from '../../../solid-js';
 import { ToolbarHost } from '../../../state/createToolbarApi.js';
 import { ToolbarRegistry } from '../../../registry/ToolbarRegistry.js';
-import { ToolbarLayoutMode } from '../../../../../OasisEditorAppProps.js';
+import { ToolbarLayoutMode, ToolbarViewMode } from '../../../../../OasisEditorAppProps.js';
 
 export interface ToolbarProps {
     host: () => ToolbarHost;
     registry: ToolbarRegistry;
     showFileGroup?: boolean;
+    view?: ToolbarViewMode;
     layout?: ToolbarLayoutMode;
 }
 /**

package/dist/ui/components/Toolbar/ribbon/RibbonGroup.d.ts

@@ -0,0 +1,8 @@
+import { ToolbarActionApi } from '../../../../../schema/items.js';
+import { RibbonGroupModel } from '../../../../ribbonModel.js';
+
+export interface RibbonGroupProps {
+    group: RibbonGroupModel;
+    api: ToolbarActionApi;
+}
+export declare function RibbonGroup(props: RibbonGroupProps): import("solid-js").JSX.Element;

package/dist/ui/components/Toolbar/ribbon/RibbonPanel.d.ts

@@ -0,0 +1,9 @@
+import { Accessor } from '../../../../solid-js';
+import { RibbonTabId, ToolbarActionApi, ToolbarItem } from '../../../../../schema/items.js';
+
+export interface RibbonPanelProps {
+    activeTab: Accessor<RibbonTabId>;
+    items: Accessor<ToolbarItem[]>;
+    api: ToolbarActionApi;
+}
+export declare function RibbonPanel(props: RibbonPanelProps): import("solid-js").JSX.Element;

package/dist/ui/components/Toolbar/ribbon/RibbonRow.d.ts

@@ -0,0 +1,7 @@
+import { ToolbarActionApi, ToolbarItem } from '../../../../../schema/items.js';
+
+export interface RibbonRowProps {
+    items: ToolbarItem[];
+    api: ToolbarActionApi;
+}
+export declare function RibbonRow(props: RibbonRowProps): import("solid-js").JSX.Element;

package/dist/ui/components/Toolbar/ribbon/RibbonTabs.d.ts

@@ -0,0 +1,8 @@
+import { Accessor, Setter } from '../../../../solid-js';
+import { RibbonTabId } from '../../../../../schema/items.js';
+
+export interface RibbonTabsProps {
+    activeTab: Accessor<RibbonTabId>;
+    setActiveTab: Setter<RibbonTabId>;
+}
+export declare function RibbonTabs(props: RibbonTabsProps): import("solid-js").JSX.Element;

package/dist/ui/components/Toolbar/ribbon/ribbonModel.d.ts

@@ -0,0 +1,21 @@
+import { RibbonRow, RibbonTabId, ToolbarItem } from '../../../../../schema/items.js';
+
+export interface RibbonTabDefinition {
+    id: RibbonTabId;
+    label: string;
+}
+export interface RibbonGroupModel {
+    id: string;
+    label: string;
+    rows: Record<RibbonRow, ToolbarItem[]>;
+    order: number;
+}
+export declare const RIBBON_TAB_DEFINITIONS: RibbonTabDefinition[];
+export declare const DEFAULT_RIBBON_TAB: RibbonTabId;
+export declare const DEFAULT_RIBBON_GROUP = "general";
+export declare const DEFAULT_RIBBON_ROW: RibbonRow;
+export declare function normalizeRibbonTab(tab: ToolbarItem["tab"]): RibbonTabId;
+export declare function normalizeRibbonGroup(group: ToolbarItem["group"]): string;
+export declare function normalizeRibbonRow(row: ToolbarItem["row"]): RibbonRow;
+export declare function ribbonGroupLabel(group: string): string;
+export declare function buildRibbonGroups(items: ToolbarItem[], tab: RibbonTabId): RibbonGroupModel[];

package/dist/ui/components/Toolbar/schema/items.d.ts

@@ -4,6 +4,9 @@ import { CommandRef } from '../../../../../../../../core/commands/CommandRef.js'
 import { TranslationKey } from '../../../../../../../../i18n/index.js';
 import { ColorPalette } from '../../../../palette.js';
 
+export declare const RIBBON_TABS: readonly ["file", "home", "insert", "draw", "layout", "references", "collaboration", "protection", "view", "plugins", "ai"];
+export type RibbonTabId = (typeof RIBBON_TABS)[number];
+export type RibbonRow = 1 | 2;
 /** Reactive snapshot of a command's state, as consumed by toolbar items. */
 export interface ToolbarCommandState {
     isEnabled: boolean;
@@ -41,8 +44,12 @@ export interface ItemReactiveOverrides {
 interface ToolbarItemBase extends ItemReactiveOverrides {
     id: string;
     order?: number;
+    /** Office-style ribbon tab placement. Missing values default to Plugins. */
+    tab?: RibbonTabId;
     /** Logical section id (used for grouping/ordering, not rendering layout). */
     group?: string;
+    /** Two-row ribbon placement. Missing values default to row 1. */
+    row?: RibbonRow;
     testId?: string;
     tooltipKey?: TranslationKey;
     tooltip?: string;
@@ -120,7 +127,9 @@ export interface SeparatorItem {
     type: "separator";
     id: string;
     order?: number;
+    tab?: RibbonTabId;
     group?: string;
+    row?: RibbonRow;
     isVisible?: (api: ToolbarActionApi) => boolean;
 }
 export interface GroupItem extends ToolbarItemBase {

package/dist/ui/shells/DocumentShell.d.ts

@@ -4,7 +4,7 @@ import { ToolbarHost } from '../../../components/Toolbar/state/createToolbarApi.
 import { ToolbarRegistry } from '../../../components/Toolbar/registry/ToolbarRegistry.js';
 import { MenuRegistry } from '../../../components/Menubar/menuRegistry.js';
 import { EditorLayoutParagraph, EditorState } from '../../../../core/model.js';
-import { ToolbarLayoutMode } from '../../../OasisEditorAppProps.js';
+import { ToolbarLayoutMode, ToolbarViewMode } from '../../../OasisEditorAppProps.js';
 import { OasisEditor } from '../../../../core/plugin.js';
 
 export interface ShellProps {
@@ -19,6 +19,7 @@ export interface ShellProps {
     showMenubar: boolean;
     showToolbar: boolean;
     showOutline: boolean;
+    toolbarView: ToolbarViewMode;
     toolbarLayout: ToolbarLayoutMode;
     isReadOnly: boolean;
     measuredBlockHeights: Accessor<Record<string, number>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "repository": {
     "type": "git",