oasis-editor 0.0.128 → 0.0.130

package/dist/plugins/internal/essentialsCapabilities.d.ts

@@ -121,9 +121,29 @@ export interface EssentialsSectionCapability {
     getMargins: () => EditorPageMargins | undefined;
     setPageMargins: (margins: Partial<EditorPageMargins>) => void;
 }
+/** Which `w:tblLook` conditional-formatting option a toggle command controls. */
+export type TableLookFlag = "firstRow" | "lastRow" | "firstCol" | "lastCol" | "bandedRows" | "bandedCols";
+/** Resolved on/off state of every tblLook option for the selected table. */
+export type TableLookState = Record<TableLookFlag, boolean>;
 export interface EssentialsTableCapability {
     insideTable: () => boolean;
     selectionLabel: () => string | null;
+    /** Resolved tblLook option state for the selected table (null if none). */
+    getTblLook: () => TableLookState | null;
+    /** Flip one tblLook option on the selected table. */
+    toggleTblLook: (flag: TableLookFlag) => void;
+    /** Named table-style id currently applied to the selected table. */
+    getStyleId: () => string | null;
+    /** Apply a named table style to the selected table (empty clears it). */
+    setStyleId: (styleId: string) => void;
+    /** Sizing mode of the selected table (`fixed`/`autofit`, null if none). */
+    getLayout: () => "fixed" | "autofit" | null;
+    /** Toggle the selected table between fixed and autofit sizing. */
+    toggleAutoFit: () => void;
+    /** Equalize the widths of every column in the selected table. */
+    distributeColumns: () => void;
+    /** Equalize the heights of every row in the selected table. */
+    distributeRows: () => void;
     canMerge: () => boolean;
     canSplit: () => boolean;
     canEditColumn: () => boolean;

package/dist/ui/OasisEditorEditor.d.ts

@@ -2,7 +2,7 @@ import { Accessor, JSX } from 'solid-js';
 import { ToolbarHost } from './components/Toolbar/state/createToolbarApi.js';
 import { EditorLayoutDocument, EditorLayoutParagraph, EditorState } from '../core/model.js';
 import { ImportProgressState } from '../app/controllers/useEditorDocumentIO.js';
-import { CaretBox, CommentHighlightBox, InputBox, LayoutOptionsOverlay, RevisionBox, SelectedImageBox, SelectedTextBoxBox, SelectionBox } from './editorUiTypes.js';
+import { CaretBox, CommentHighlightBox, InputBox, LayoutOptionsOverlay, RevisionBox, SelectedImageBox, SelectedTextBoxBox, SelectedTableBox, SelectionBox } from './editorUiTypes.js';
 import { ResizeHandleDirection } from './resizeGeometry.js';
 
 type ImportProgress = ImportProgressState;
@@ -24,6 +24,7 @@ export interface OasisEditorEditorOverlayProps {
     commentHighlights: Accessor<CommentHighlightBox[]>;
     selectedImageBox: Accessor<SelectedImageBox | null>;
     selectedTextBoxBox: Accessor<SelectedTextBoxBox | null>;
+    selectedTableBox: Accessor<SelectedTableBox | null>;
     caretBox: Accessor<CaretBox>;
     inputBox: Accessor<InputBox>;
     hoveredRevision: Accessor<RevisionBox | null>;
@@ -69,6 +70,7 @@ export interface OasisEditorEditorSurfaceHandlers {
         currentTarget: HTMLElement;
     }) => void;
     onTableDragHandleMouseDown: (tableId: string, event: MouseEvent) => void;
+    onTableCornerResizeHandleMouseDown: (tableId: string, event: MouseEvent) => void;
     onRevisionMouseEnter: (revisionId: string, event: MouseEvent) => void;
     onRevisionMouseLeave?: (revisionId: string, event: MouseEvent) => void;
     onEditorContextMenu?: (event: MouseEvent) => void;

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

@@ -2,6 +2,7 @@ import { EditorLayoutDocument, EditorState } from '../../core/model.js';
 import { CanvasLayoutSnapshotProvider } from '../canvas/canvasLayoutSnapshotProvider.js';
 import { createEditorImageOperations } from '../../app/controllers/useEditorImageOperations.js';
 import { createEditorTableResize } from '../../app/controllers/useEditorTableResize.js';
+import { createEditorTableCornerResize } from '../../app/controllers/useEditorTableCornerResize.js';
 import { createEditorTableDrag } from '../../app/controllers/useEditorTableDrag.js';
 import { createEditorTextDrag } from '../../app/controllers/useEditorTextDrag.js';
 import { JSX } from 'solid-js';
@@ -13,6 +14,7 @@ export interface EditorDragLayersProps {
     snapshotProvider: CanvasLayoutSnapshotProvider;
     zoomFactor?: () => number;
     tableResize: ReturnType<typeof createEditorTableResize>;
+    tableCornerResize: ReturnType<typeof createEditorTableCornerResize>;
     imageOps: ReturnType<typeof createEditorImageOperations>;
     tableDrag: ReturnType<typeof createEditorTableDrag>;
     textDrag: ReturnType<typeof createEditorTextDrag>;

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

@@ -1,10 +1,11 @@
 import { Accessor, JSX } from 'solid-js';
-import { CaretBox, CommentHighlightBox, InputBox, LayoutOptionsOverlay, RevisionBox, SelectedImageBox, SelectedTextBoxBox, SelectionBox } from '../editorUiTypes.js';
+import { CaretBox, CommentHighlightBox, InputBox, LayoutOptionsOverlay, RevisionBox, SelectedImageBox, SelectedTextBoxBox, SelectedTableBox, SelectionBox } from '../editorUiTypes.js';
 import { EditorLayoutDocument } from '../../core/model.js';
 import { OasisEditorEditorFileHandlers, OasisEditorEditorInputHandlers, OasisEditorEditorLayoutProps, OasisEditorEditorOverlayProps, OasisEditorEditorRefProps, OasisEditorEditorSurfaceHandlers } from '../OasisEditorEditor.js';
 import { createEditorFocusController } from './useEditorFocus.js';
 import { createEditorSurfaceEvents } from '../../app/controllers/useEditorSurfaceEvents.js';
 import { createEditorTableResize } from '../../app/controllers/useEditorTableResize.js';
+import { createEditorTableCornerResize } from '../../app/controllers/useEditorTableCornerResize.js';
 import { createEditorTableDrag } from '../../app/controllers/useEditorTableDrag.js';
 import { createEditorTextInput } from '../../app/controllers/useEditorTextInput.js';
 import { createEditorRevisionController } from '../../app/controllers/useEditorRevision.js';
@@ -26,6 +27,7 @@ export interface EditorViewOverlayInput {
     commentHighlights: Accessor<CommentHighlightBox[]>;
     selectedImageBox: Accessor<SelectedImageBox | null>;
     selectedTextBoxBox: Accessor<SelectedTextBoxBox | null>;
+    selectedTableBox: Accessor<SelectedTableBox | null>;
     layoutOptions: LayoutOptionsOverlay;
     caretBox: Accessor<CaretBox>;
     inputBox: Accessor<InputBox>;
@@ -47,6 +49,7 @@ export interface EditorViewFileInput {
 export interface EditorViewSurfaceInput {
     surfaceEvents: ReturnType<typeof createEditorSurfaceEvents>;
     tableResize: ReturnType<typeof createEditorTableResize>;
+    tableCornerResize: ReturnType<typeof createEditorTableCornerResize>;
     tableDrag: ReturnType<typeof createEditorTableDrag>;
     revisionController: ReturnType<typeof createEditorRevisionController>;
     handleDrop: OasisEditorEditorSurfaceHandlers["onDrop"];

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

@@ -58,6 +58,7 @@ declare function createEditorDocumentRuntimeImpl(deps: EditorDocumentRuntimeDeps
     commentHighlights: import('solid-js').Accessor<import('../editorUiTypes.js').CommentHighlightBox[]>;
     selectedImageBox: import('solid-js').Accessor<import('../canvas/CanvasSelectionGeometry.js').SelectedImageSelectionBox | null>;
     selectedTextBoxBox: import('solid-js').Accessor<import('../canvas/CanvasSelectionGeometry.js').SelectedTextBoxSelectionBox | null>;
+    selectedTableBox: import('solid-js').Accessor<import('../canvas/CanvasSelectionGeometry.js').SelectedTableBox | null>;
     caretBox: import('solid-js').Accessor<import('../editorUiTypes.js').CaretBox>;
     preferredColumnX: import('solid-js').Accessor<number | null>;
     setPreferredColumnX: import('solid-js').Setter<number | null>;

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

@@ -136,6 +136,7 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
     };
     onEditorMouseDown: (event: MouseEvent) => void;
     tableResize: import('../../app/controllers/useEditorTableResize.js').TableResizeOps;
+    tableCornerResize: import('../../app/controllers/useEditorTableCornerResize.js').TableCornerResizeOps;
     tableDrag: {
         dragging: import('solid-js').Accessor<boolean>;
         draggedTableInfo: import('solid-js').Accessor<{

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

@@ -2,6 +2,7 @@ import { EditorState } from '../../core/model.js';
 import { EditorLogger } from '../../utils/logger.js';
 import { createEditorClipboardController } from '../../app/controllers/useEditorClipboard.js';
 import { createEditorTableResize } from '../../app/controllers/useEditorTableResize.js';
+import { createEditorTableCornerResize } from '../../app/controllers/useEditorTableCornerResize.js';
 import { createEditorTableDrag } from '../../app/controllers/useEditorTableDrag.js';
 import { createEditorSurfaceEvents } from '../../app/controllers/useEditorSurfaceEvents.js';
 import { createEditorTextInput } from '../../app/controllers/useEditorTextInput.js';
@@ -52,6 +53,7 @@ export interface EditorInteractionWiringContext {
 }
 export interface EditorInteractionWiring {
     tableResize: ReturnType<typeof createEditorTableResize>;
+    tableCornerResize: ReturnType<typeof createEditorTableCornerResize>;
     tableDrag: ReturnType<typeof createEditorTableDrag>;
     revisionController: ReturnType<typeof createEditorRevisionController>;
     textDrag: ReturnType<typeof createEditorTextDrag>;

package/dist/ui/canvas/CanvasSelectionGeometry.d.ts

@@ -26,11 +26,20 @@ export interface SelectedTextBoxSelectionBox {
     /** True when the selected text box is a floating (anchored) drawing. */
     floating: boolean;
 }
+/** Bounding box of the table containing the caret, for the move/resize handles. */
+export interface SelectedTableBox {
+    tableId: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
 export interface CanvasSelectionGeometryResult {
     selectionBoxes: SelectionBox[];
     caretBox: CaretBox;
     inputBox: InputBox;
     selectedImageBox: SelectedImageSelectionBox | null;
     selectedTextBoxBox: SelectedTextBoxSelectionBox | null;
+    selectedTableBox: SelectedTableBox | null;
 }
 export declare function computeCanvasSelectionGeometry(snapshot: CanvasLayoutSnapshot, state: EditorState): CanvasSelectionGeometryResult;

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

@@ -36,7 +36,6 @@ export declare const OASIS_TOOLBAR_ITEMS: {
     readonly specialIndent: "editor-toolbar-special-indent";
     readonly lineSpacing: "editor-toolbar-line-spacing-control";
     readonly metrics: "editor-toolbar-metrics";
-    readonly table: "editor-toolbar-table";
     readonly margins: "editor-toolbar-margins";
     readonly section: "editor-toolbar-section";
 };

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

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

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

@@ -1,9 +1,11 @@
-import { RibbonGroupResizePolicy, RibbonGroupResizeState, RibbonRow, RibbonTabId, ToolbarItem } from '../schema/items.js';
+import { RibbonGroupResizePolicy, RibbonGroupResizeState, RibbonRow, RibbonTabId, ToolbarActionApi, ToolbarItem } from '../schema/items.js';
 import { TranslateFn } from '../../../../i18n/index.js';
 
 export interface RibbonTabDefinition {
     id: RibbonTabId;
     label: string;
+    /** True for tabs that only appear while their gating command is active. */
+    contextual: boolean;
 }
 export interface RibbonGroupModel {
     id: string;
@@ -22,7 +24,13 @@ export interface RibbonGroupWidth {
     compact: number;
     collapsed: number;
 }
-export declare function buildRibbonTabDefinitions(t: TranslateFn): RibbonTabDefinition[];
+/**
+ * A contextual tab (e.g. table tools) is included only when its gating command
+ * reports `isActive`. Non-contextual tabs are always present. When no `api` is
+ * supplied, contextual tabs are omitted (used for static/enumeration contexts).
+ */
+export declare function isRibbonTabVisible(id: RibbonTabId, api?: Pick<ToolbarActionApi, "commands">): boolean;
+export declare function buildRibbonTabDefinitions(t: TranslateFn, api?: Pick<ToolbarActionApi, "commands">): RibbonTabDefinition[];
 export declare const DEFAULT_RIBBON_TAB: RibbonTabId;
 export declare const DEFAULT_RIBBON_GROUP = "general";
 export declare const DEFAULT_RIBBON_ROW: RibbonRow;

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

@@ -5,7 +5,7 @@ import { TranslationKey } from '../../../../i18n/index.js';
 import { ColorPalette } from './palette.js';
 import { RibbonGroupResizePolicy, RibbonTabId, RibbonRow, RibbonSize } from '../../../../core/pluginUiTypes.js';
 
-export { RIBBON_TABS, type RibbonTabId, type RibbonRow, type RibbonSize, type RibbonGroupResizePolicy, type RibbonGroupResizeState, } from '../../../../core/pluginUiTypes.js';
+export { RIBBON_TABS, CONTEXTUAL_TABS, type RibbonTabId, type RibbonRow, type RibbonSize, type RibbonGroupResizePolicy, type RibbonGroupResizeState, } from '../../../../core/pluginUiTypes.js';
 /** Reactive snapshot of a command's state, as consumed by toolbar items. */
 export interface ToolbarCommandState {
     isEnabled: boolean;

package/dist/ui/editorUiTypes.d.ts

@@ -40,6 +40,14 @@ export interface SelectedTextBoxBox {
     /** True when the text box is a floating (anchored) drawing. */
     floating: boolean;
 }
+/** Bounding box of the table containing the caret (move/resize handles). */
+export interface SelectedTableBox {
+    tableId: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
 export interface RevisionBox {
     revisionId: string;
     author: string;
@@ -100,6 +108,7 @@ export interface EditorSurfaceProps {
         currentTarget: HTMLElement;
     }) => void;
     onTableDragHandleMouseDown: (tableId: string, event: MouseEvent) => void;
+    onTableCornerResizeHandleMouseDown: (tableId: string, event: MouseEvent) => void;
     onRevisionMouseEnter: (revisionId: string, event: MouseEvent) => void;
     onRevisionMouseLeave?: (revisionId: string, event: MouseEvent) => void;
 }

package/dist/ui/overlays/TableHandlesOverlay.d.ts

@@ -0,0 +1,22 @@
+import { JSX } from 'solid-js';
+import { SelectedTableBox } from '../editorUiTypes.js';
+
+export interface TableHandlesOverlayProps {
+    /** Bounding box of the table containing the caret, or `null`. */
+    box: () => SelectedTableBox | null;
+    readOnly: boolean;
+    /** Press on the top-left move handle (drag/reorder the whole table). */
+    onMoveStart: (event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
+    /** Press on the bottom-right corner handle (proportional resize). */
+    onResizeStart: (event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
+}
+/**
+ * Word-style table handles: a move grip at the top-left and a resize grip at
+ * the bottom-right, shown while the caret is inside a table. Positioned in the
+ * same surface-relative content space as the image/text-box selection overlay.
+ */
+export declare function TableHandlesOverlay(props: TableHandlesOverlayProps): JSX.Element;

package/package.json

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

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

@@ -1,7 +0,0 @@
-import { ToolbarActionApi } from '../schema/items.js';
-import { JSX } from 'solid-js';
-
-/** Table tools panel — command-driven; enablement derives from command state. */
-export declare function TableGroup(props: {
-    api: ToolbarActionApi;
-}): JSX.Element;