oasis-editor 0.0.87 → 0.0.88

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

@@ -54,13 +54,23 @@ export interface EssentialsFormattingCapability {
     setHighlight: (value: string | null) => boolean;
     setTextShading: (value: string | null) => boolean;
     setStyleId: (value: string) => boolean;
+    setCharacterStyleId: (value: string) => boolean;
     setUnderlineStyle: (value: string | null) => void;
 }
 export interface EssentialsDocumentStyleDescriptor {
     id: string;
     name: string;
+    type: "paragraph" | "character" | "table";
+    qFormat?: boolean;
+    uiPriority?: number;
+    semiHidden?: boolean;
+    unhideWhenUsed?: boolean;
+    isUsed?: boolean;
     fontFamily?: string;
     fontSize?: number;
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
 }
 export interface EssentialsDocumentCapability {
     documentStyles: () => EssentialsDocumentStyleDescriptor[];

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

@@ -42,7 +42,7 @@ export interface AppCommandsControllerDeps {
 export declare function createAppCommandsController(deps: AppCommandsControllerDeps): {
     commandsController: {
         applyBooleanStyleCommand: (key: BooleanStyleKey) => void;
-        applyValueStyleCommand: <K extends "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyValueStyleCommand: <K extends "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyChangeTextCaseCommand: (mode: import('../../core/commands/textCase').TextCaseMode) => void;
         applyClearFormattingCommand: () => void;
         applyParagraphStyleCommand: <K extends import('../toolbarStyleState.js').ParagraphStyleKey>(key: K, value: import('../../core/model.js').EditorParagraphStyle[K] | null) => void;
@@ -76,7 +76,7 @@ export declare function createAppCommandsController(deps: AppCommandsControllerD
     };
     keyboardCommandsController: {
         applyBooleanStyleCommand: (style: BooleanStyleKey) => void;
-        applyValueStyleCommand: <K extends "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyValueStyleCommand: <K extends "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyChangeTextCaseCommand: (mode: import('../../core/commands/textCase').TextCaseMode) => void;
         applyClearFormattingCommand: () => void;
         applyParagraphStyleCommand: <K extends import('../toolbarStyleState.js').ParagraphStyleKey>(key: K, value: import('../../core/model.js').EditorParagraphStyle[K] | null) => void;

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

@@ -57,7 +57,7 @@ export interface EditorCommandRuntimeDeps {
 export declare function createEditorCommandRuntime(deps: EditorCommandRuntimeDeps): {
     commandsController: {
         applyBooleanStyleCommand: (key: BooleanStyleKey) => void;
-        applyValueStyleCommand: <K extends "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyValueStyleCommand: <K extends "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyChangeTextCaseCommand: (mode: import('../../core/commands/textCase.js').TextCaseMode) => void;
         applyClearFormattingCommand: () => void;
         applyParagraphStyleCommand: <K extends import('../toolbarStyleState.js').ParagraphStyleKey>(key: K, value: import('../../core/model.js').EditorParagraphStyle[K] | null) => void;

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

@@ -130,7 +130,7 @@ export declare function createEditorInteractionRuntime(deps: EditorInteractionRu
         pendingCaretTextStyle: import('solid-js').Accessor<import('../../core/model.js').EditorTextStyle | undefined>;
         clearPendingCaretTextStyle: () => void;
         toolbarStyleState: () => import('../toolbarStyleState.js').ToolbarStyleState;
-        applyToolbarValueStyleCommand: <K extends "link" | "underlineStyle" | "textEffect" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyToolbarValueStyleCommand: <K extends "link" | "styleId" | "underlineStyle" | "textEffect" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyToolbarBooleanStyleCommand: (key: import('../toolbarStyleState.js').BooleanStyleKey) => void;
     };
     onEditorMouseDown: (event: MouseEvent) => void;

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

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import { StyleGalleryItem, ToolbarActionApi, ToolbarDocumentStyle } from './schema/items.js';
+
+export declare function getQuickStyles(styles: ToolbarDocumentStyle[]): ToolbarDocumentStyle[];
+export interface StyleGalleryProps {
+    item: StyleGalleryItem;
+    api: ToolbarActionApi;
+}
+export declare function StyleGallery(props: StyleGalleryProps): JSX.Element;

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

@@ -19,8 +19,17 @@ export interface ToolbarCommandState {
 export interface ToolbarDocumentStyle {
     id: string;
     name: string;
+    type: "paragraph" | "character" | "table";
+    qFormat?: boolean;
+    uiPriority?: number;
+    semiHidden?: boolean;
+    unhideWhenUsed?: boolean;
+    isUsed?: boolean;
     fontFamily?: string;
     fontSize?: number;
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
 }
 /**
  * Narrow surface every toolbar item depends on (DIP/ISP). Items only dispatch
@@ -111,6 +120,13 @@ export interface SelectItem extends ToolbarItemBase {
     placeholder?: string;
     width?: "wide" | "small" | "default";
 }
+export interface StyleGalleryItem extends ToolbarItemBase {
+    type: "styleGallery";
+    /** Reactive descriptors supplied through the command-state boundary. */
+    styles: (api: ToolbarActionApi) => ToolbarDocumentStyle[];
+    paragraphCommand: CommandRef;
+    characterCommand: CommandRef;
+}
 export interface ColorPickerItem extends ToolbarItemBase {
     type: "colorPicker";
     kind: "color" | "highlight" | "shading";
@@ -143,5 +159,5 @@ export interface CustomItem extends ToolbarItemBase {
     type: "custom";
     render: (api: ToolbarActionApi) => JSX.Element;
 }
-export type ToolbarItem = ButtonItem | ToggleItem | SplitItem | MenuItem | SelectItem | ColorPickerItem | GridPickerItem | SeparatorItem | GroupItem | CustomItem;
+export type ToolbarItem = ButtonItem | ToggleItem | SplitItem | MenuItem | SelectItem | StyleGalleryItem | ColorPickerItem | GridPickerItem | SeparatorItem | GroupItem | CustomItem;
 export type ToolbarItemType = ToolbarItem["type"];

package/dist/ui/toolbarStyleState.d.ts

@@ -1,7 +1,7 @@
 import { EditorState } from '../core/model.js';
 
 export type BooleanStyleKey = "bold" | "italic" | "underline" | "strike" | "doubleStrike" | "superscript" | "subscript" | "smallCaps" | "allCaps" | "hidden" | "noProof" | "webHidden" | "specVanish" | "contextualAlternates";
-export type ValueStyleKey = "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle" | "underlineColor" | "characterScale" | "characterSpacing" | "baselineShift" | "kerningThreshold" | "ligatures" | "numberSpacing" | "numberForm" | "stylisticSet";
+export type ValueStyleKey = "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle" | "underlineColor" | "characterScale" | "characterSpacing" | "baselineShift" | "kerningThreshold" | "ligatures" | "numberSpacing" | "numberForm" | "stylisticSet";
 export type ParagraphStyleKey = "styleId" | "align" | "spacingBefore" | "spacingAfter" | "lineHeight" | "indentLeft" | "indentRight" | "indentFirstLine" | "indentHanging" | "shading" | "tabs" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "pageBreakBefore" | "keepWithNext";
 export interface ToolbarStyleState {
     bold: boolean;
@@ -36,6 +36,7 @@ export interface ToolbarStyleState {
     textEffect: string;
     link: string;
     styleId: string;
+    characterStyleId: string;
     align: string;
     lineHeight: string;
     spacingBefore: string;

package/package.json

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