@zsviczian/excalidraw 0.15.2-obsidian-8 → 0.15.2-obsidian-10

package/types/actions/types.d.ts

@@ -1,44 +1,45 @@
-import React from "react";
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles } from "../types";
-import { MarkOptional } from "../utility-types";
-export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api";
-/** if false, the action should be prevented */
-export type ActionResult = {
-    elements?: readonly ExcalidrawElement[] | null;
-    appState?: MarkOptional<AppState, "offsetTop" | "offsetLeft" | "width" | "height"> | null;
-    files?: BinaryFiles | null;
-    commitToHistory: boolean;
-    syncHistory?: boolean;
-    replaceFiles?: boolean;
-} | false;
-type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
-export type UpdaterFn = (res: ActionResult) => void;
-export type ActionFilterFn = (action: Action) => void;
-export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer";
-export type PanelComponentProps = {
-    elements: readonly ExcalidrawElement[];
-    appState: AppState;
-    updateData: (formData?: any) => void;
-    appProps: ExcalidrawProps;
-    data?: Record<string, any>;
-};
-export interface Action {
-    name: ActionName;
-    PanelComponent?: React.FC<PanelComponentProps>;
-    perform: ActionFn;
-    keyPriority?: number;
-    keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[]) => boolean;
-    contextItemLabel?: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => string);
-    predicate?: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: ExcalidrawProps, app: AppClassProperties) => boolean;
-    checked?: (appState: Readonly<AppState>) => boolean;
-    trackEvent: false | {
-        category: "toolbar" | "element" | "canvas" | "export" | "history" | "menu" | "collab" | "hyperlink";
-        action?: string;
-        predicate?: (appState: Readonly<AppState>, elements: readonly ExcalidrawElement[], value: any) => boolean;
-    };
-    /** if set to `true`, allow action to be performed in viewMode.
-     *  Defaults to `false` */
-    viewMode?: boolean;
-}
-export {};
+import React from "react";
+import { ExcalidrawElement } from "../element/types";
+import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles } from "../types";
+import { MarkOptional } from "../utility-types";
+export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api";
+/** if false, the action should be prevented */
+export type ActionResult = {
+    elements?: readonly ExcalidrawElement[] | null;
+    appState?: MarkOptional<AppState, "offsetTop" | "offsetLeft" | "width" | "height"> | null;
+    files?: BinaryFiles | null;
+    commitToHistory: boolean;
+    syncHistory?: boolean;
+    replaceFiles?: boolean;
+} | false;
+type ActionFn = (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
+export type UpdaterFn = (res: ActionResult) => void;
+export type ActionFilterFn = (action: Action) => void;
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer";
+export type PanelComponentProps = {
+    elements: readonly ExcalidrawElement[];
+    appState: AppState;
+    updateData: (formData?: any) => void;
+    appProps: ExcalidrawProps;
+    data?: Record<string, any>;
+    app: AppClassProperties;
+};
+export interface Action {
+    name: ActionName;
+    PanelComponent?: React.FC<PanelComponentProps>;
+    perform: ActionFn;
+    keyPriority?: number;
+    keyTest?: (event: React.KeyboardEvent | KeyboardEvent, appState: AppState, elements: readonly ExcalidrawElement[], app: AppClassProperties) => boolean;
+    contextItemLabel?: string | ((elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, app: AppClassProperties) => string);
+    predicate?: (elements: readonly ExcalidrawElement[], appState: AppState, appProps: ExcalidrawProps, app: AppClassProperties) => boolean;
+    checked?: (appState: Readonly<AppState>) => boolean;
+    trackEvent: false | {
+        category: "toolbar" | "element" | "canvas" | "export" | "history" | "menu" | "collab" | "hyperlink";
+        action?: string;
+        predicate?: (appState: Readonly<AppState>, elements: readonly ExcalidrawElement[], value: any) => boolean;
+    };
+    /** if set to `true`, allow action to be performed in viewMode.
+     *  Defaults to `false` */
+    viewMode?: boolean;
+}
+export {};

package/types/align.d.ts

@@ -1,6 +1,6 @@
-import { ExcalidrawElement } from "./element/types";
-export interface Alignment {
-    position: "start" | "center" | "end";
-    axis: "x" | "y";
-}
-export declare const alignElements: (selectedElements: ExcalidrawElement[], alignment: Alignment) => ExcalidrawElement[];
+import { ExcalidrawElement } from "./element/types";
+export interface Alignment {
+    position: "start" | "center" | "end";
+    axis: "x" | "y";
+}
+export declare const alignElements: (selectedElements: ExcalidrawElement[], alignment: Alignment) => ExcalidrawElement[];

package/types/analytics.d.ts

@@ -1 +1 @@
-export declare const trackEvent: (category: string, action: string, label?: string, value?: number) => void;
+export declare const trackEvent: (category: string, action: string, label?: string, value?: number) => void;

package/types/appState.d.ts

@@ -1,81 +1,81 @@
-import { AppState, NormalizedZoomValue } from "./types";
-export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
-export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
-    theme?: string | undefined;
-    name?: string | undefined;
-    activeTool?: ({
-        lastActiveTool: import("./types").LastActiveTool;
-        locked: boolean;
-    } & ({
-        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
-        customType: null;
-    } | {
-        type: "custom";
-        customType: string;
-    })) | undefined;
-    showWelcomeScreen?: boolean | undefined;
-    penMode?: boolean | undefined;
-    penDetected?: boolean | undefined;
-    exportBackground?: boolean | undefined;
-    exportEmbedScene?: boolean | undefined;
-    exportWithDarkMode?: boolean | undefined;
-    exportScale?: number | undefined;
-    currentItemStrokeColor?: string | undefined;
-    currentItemBackgroundColor?: string | undefined;
-    currentItemFillStyle?: import("./element/types").FillStyle | undefined;
-    currentItemStrokeWidth?: number | undefined;
-    currentItemStrokeStyle?: import("./element/types").StrokeStyle | undefined;
-    currentItemRoughness?: number | undefined;
-    currentItemOpacity?: number | undefined;
-    currentItemFontFamily?: number | undefined;
-    currentItemFontSize?: number | undefined;
-    currentItemTextAlign?: string | undefined;
-    currentItemStartArrowhead?: import("./element/types").Arrowhead | null | undefined;
-    currentItemEndArrowhead?: import("./element/types").Arrowhead | null | undefined;
-    currentItemRoundness?: import("./element/types").StrokeRoundness | undefined;
-    viewBackgroundColor?: string | undefined;
-    scrollX?: number | undefined;
-    scrollY?: number | undefined;
-    cursorButton?: "up" | "down" | undefined;
-    scrolledOutside?: boolean | undefined;
-    zoom?: Readonly<{
-        value: NormalizedZoomValue;
-    }> | undefined;
-    openMenu?: "canvas" | "shape" | null | undefined;
-    openSidebar?: {
-        name: string;
-        tab?: string | undefined;
-    } | null | undefined;
-    defaultSidebarDockedPreference?: boolean | undefined;
-    lastPointerDownWith?: import("./element/types").PointerType | undefined;
-    selectedElementIds?: Readonly<{
-        [id: string]: true;
-    }> | undefined;
-    previousSelectedElementIds?: {
-        [id: string]: true;
-    } | undefined;
-    shouldCacheIgnoreZoom?: boolean | undefined;
-    zenModeEnabled?: boolean | undefined;
-    gridSize?: number | null | undefined;
-    selectedGroupIds?: {
-        [groupId: string]: boolean;
-    } | undefined;
-    editingGroupId?: string | null | undefined;
-    showStats?: boolean | undefined;
-    currentChartType?: import("./element/types").ChartType | undefined;
-    selectedLinearElement?: import("./element/linearElementEditor").LinearElementEditor | null | undefined;
-};
-export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
-    viewBackgroundColor?: string | undefined;
-    gridSize?: number | null | undefined;
-};
-export declare const clearAppStateForDatabase: (appState: Partial<AppState>) => {
-    viewBackgroundColor?: string | undefined;
-    gridSize?: number | null | undefined;
-};
-export declare const isEraserActive: ({ activeTool, }: {
-    activeTool: AppState["activeTool"];
-}) => boolean;
-export declare const isHandToolActive: ({ activeTool, }: {
-    activeTool: AppState["activeTool"];
-}) => boolean;
+import { AppState, NormalizedZoomValue } from "./types";
+export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
+export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
+    theme?: import("./element/types").Theme | undefined;
+    name?: string | undefined;
+    activeTool?: ({
+        lastActiveTool: import("./types").LastActiveTool;
+        locked: boolean;
+    } & ({
+        type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
+        customType: null;
+    } | {
+        type: "custom";
+        customType: string;
+    })) | undefined;
+    penMode?: boolean | undefined;
+    showWelcomeScreen?: boolean | undefined;
+    penDetected?: boolean | undefined;
+    exportBackground?: boolean | undefined;
+    exportEmbedScene?: boolean | undefined;
+    exportWithDarkMode?: boolean | undefined;
+    exportScale?: number | undefined;
+    currentItemStrokeColor?: string | undefined;
+    currentItemBackgroundColor?: string | undefined;
+    currentItemFillStyle?: import("./element/types").FillStyle | undefined;
+    currentItemStrokeWidth?: number | undefined;
+    currentItemStrokeStyle?: import("./element/types").StrokeStyle | undefined;
+    currentItemRoughness?: number | undefined;
+    currentItemOpacity?: number | undefined;
+    currentItemFontFamily?: number | undefined;
+    currentItemFontSize?: number | undefined;
+    currentItemTextAlign?: string | undefined;
+    currentItemStartArrowhead?: import("./element/types").Arrowhead | null | undefined;
+    currentItemEndArrowhead?: import("./element/types").Arrowhead | null | undefined;
+    currentItemRoundness?: import("./element/types").StrokeRoundness | undefined;
+    viewBackgroundColor?: string | undefined;
+    scrollX?: number | undefined;
+    scrollY?: number | undefined;
+    cursorButton?: "up" | "down" | undefined;
+    scrolledOutside?: boolean | undefined;
+    zoom?: Readonly<{
+        value: NormalizedZoomValue;
+    }> | undefined;
+    openMenu?: "canvas" | "shape" | null | undefined;
+    openSidebar?: {
+        name: string;
+        tab?: string | undefined;
+    } | null | undefined;
+    defaultSidebarDockedPreference?: boolean | undefined;
+    lastPointerDownWith?: import("./element/types").PointerType | undefined;
+    selectedElementIds?: Readonly<{
+        [id: string]: true;
+    }> | undefined;
+    previousSelectedElementIds?: {
+        [id: string]: true;
+    } | undefined;
+    shouldCacheIgnoreZoom?: boolean | undefined;
+    zenModeEnabled?: boolean | undefined;
+    gridSize?: number | null | undefined;
+    selectedGroupIds?: {
+        [groupId: string]: boolean;
+    } | undefined;
+    editingGroupId?: string | null | undefined;
+    showStats?: boolean | undefined;
+    currentChartType?: import("./element/types").ChartType | undefined;
+    selectedLinearElement?: import("./element/linearElementEditor").LinearElementEditor | null | undefined;
+};
+export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
+    viewBackgroundColor?: string | undefined;
+    gridSize?: number | null | undefined;
+};
+export declare const clearAppStateForDatabase: (appState: Partial<AppState>) => {
+    viewBackgroundColor?: string | undefined;
+    gridSize?: number | null | undefined;
+};
+export declare const isEraserActive: ({ activeTool, }: {
+    activeTool: AppState["activeTool"];
+}) => boolean;
+export declare const isHandToolActive: ({ activeTool, }: {
+    activeTool: AppState["activeTool"];
+}) => boolean;

package/types/charts.d.ts

@@ -1,27 +1,27 @@
-import { NonDeletedExcalidrawElement } from "./element/types";
-export type ChartElements = readonly NonDeletedExcalidrawElement[];
-export interface Spreadsheet {
-    title: string | null;
-    labels: string[] | null;
-    values: number[];
-}
-export declare const NOT_SPREADSHEET = "NOT_SPREADSHEET";
-export declare const VALID_SPREADSHEET = "VALID_SPREADSHEET";
-type ParseSpreadsheetResult = {
-    type: typeof NOT_SPREADSHEET;
-    reason: string;
-} | {
-    type: typeof VALID_SPREADSHEET;
-    spreadsheet: Spreadsheet;
-};
-/**
- * @private exported for testing
- */
-export declare const tryParseNumber: (s: string) => number | null;
-/**
- * @private exported for testing
- */
-export declare const tryParseCells: (cells: string[][]) => ParseSpreadsheetResult;
-export declare const tryParseSpreadsheet: (text: string) => ParseSpreadsheetResult;
-export declare const renderSpreadsheet: (chartType: string, spreadsheet: Spreadsheet, x: number, y: number) => ChartElements;
-export {};
+import { NonDeletedExcalidrawElement } from "./element/types";
+export type ChartElements = readonly NonDeletedExcalidrawElement[];
+export interface Spreadsheet {
+    title: string | null;
+    labels: string[] | null;
+    values: number[];
+}
+export declare const NOT_SPREADSHEET = "NOT_SPREADSHEET";
+export declare const VALID_SPREADSHEET = "VALID_SPREADSHEET";
+type ParseSpreadsheetResult = {
+    type: typeof NOT_SPREADSHEET;
+    reason: string;
+} | {
+    type: typeof VALID_SPREADSHEET;
+    spreadsheet: Spreadsheet;
+};
+/**
+ * @private exported for testing
+ */
+export declare const tryParseNumber: (s: string) => number | null;
+/**
+ * @private exported for testing
+ */
+export declare const tryParseCells: (cells: string[][]) => ParseSpreadsheetResult;
+export declare const tryParseSpreadsheet: (text: string) => ParseSpreadsheetResult;
+export declare const renderSpreadsheet: (chartType: string, spreadsheet: Spreadsheet, x: number, y: number) => ChartElements;
+export {};

package/types/clients.d.ts

@@ -1,5 +1,5 @@
-export declare const getClientColor: (id: string) => string;
-/**
- * returns first char, capitalized
- */
-export declare const getNameInitial: (name?: string | null) => string;
+export declare const getClientColor: (id: string) => string;
+/**
+ * returns first char, capitalized
+ */
+export declare const getNameInitial: (name?: string | null) => string;

package/types/clipboard.d.ts

@@ -1,25 +1,25 @@
-import { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
-import { BinaryFiles } from "./types";
-import { Spreadsheet } from "./charts";
-export interface ClipboardData {
-    spreadsheet?: Spreadsheet;
-    elements?: readonly ExcalidrawElement[];
-    files?: BinaryFiles;
-    text?: string;
-    errorMessage?: string;
-}
-export declare const probablySupportsClipboardReadText: boolean;
-export declare const probablySupportsClipboardWriteText: boolean;
-export declare const probablySupportsClipboardBlob: boolean;
-export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawElement[], files: BinaryFiles | null) => Promise<string | undefined>;
-/**
- * Retrieves content from system clipboard (either from ClipboardEvent or
- *  via async clipboard API if supported)
- */
-export declare const getSystemClipboard: (event: ClipboardEvent | null) => Promise<string>;
-/**
- * Attempts to parse clipboard. Prefers system clipboard.
- */
-export declare const parseClipboard: (event: ClipboardEvent | null, isPlainPaste?: boolean) => Promise<ClipboardData>;
-export declare const copyBlobToClipboardAsPng: (blob: Blob | Promise<Blob>) => Promise<void>;
-export declare const copyTextToSystemClipboard: (text: string | null) => Promise<void>;
+import { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
+import { BinaryFiles } from "./types";
+import { Spreadsheet } from "./charts";
+export interface ClipboardData {
+    spreadsheet?: Spreadsheet;
+    elements?: readonly ExcalidrawElement[];
+    files?: BinaryFiles;
+    text?: string;
+    errorMessage?: string;
+}
+export declare const probablySupportsClipboardReadText: boolean;
+export declare const probablySupportsClipboardWriteText: boolean;
+export declare const probablySupportsClipboardBlob: boolean;
+export declare const copyToClipboard: (elements: readonly NonDeletedExcalidrawElement[], files: BinaryFiles | null) => Promise<string | undefined>;
+/**
+ * Retrieves content from system clipboard (either from ClipboardEvent or
+ *  via async clipboard API if supported)
+ */
+export declare const getSystemClipboard: (event: ClipboardEvent | null) => Promise<string>;
+/**
+ * Attempts to parse clipboard. Prefers system clipboard.
+ */
+export declare const parseClipboard: (event: ClipboardEvent | null, isPlainPaste?: boolean) => Promise<ClipboardData>;
+export declare const copyBlobToClipboardAsPng: (blob: Blob | Promise<Blob>) => Promise<void>;
+export declare const copyTextToSystemClipboard: (text: string | null) => Promise<void>;

package/types/colors.d.ts

@@ -1,61 +1,61 @@
-import oc from "open-color";
-import { Merge } from "./utility-types";
-export type ColorPickerColor = Exclude<keyof oc, "indigo" | "lime"> | "transparent" | "bronze";
-export type ColorTuple = readonly [string, string, string, string, string];
-export type ColorPalette = Merge<Record<ColorPickerColor, ColorTuple>, {
-    black: string;
-    white: string;
-    transparent: string;
-}>;
-export type ColorPaletteCustom = {
-    [key: string]: ColorTuple | string;
-};
-export type ColorShadesIndexes = [number, number, number, number, number];
-export declare const MAX_CUSTOM_COLORS_USED_IN_CANVAS = 5;
-export declare const COLORS_PER_ROW = 5;
-export declare const DEFAULT_CHART_COLOR_INDEX = 4;
-export declare const DEFAULT_ELEMENT_STROKE_COLOR_INDEX = 4;
-export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX = 1;
-export declare const ELEMENTS_PALETTE_SHADE_INDEXES: readonly [0, 2, 4, 6, 8];
-export declare const CANVAS_PALETTE_SHADE_INDEXES: readonly [0, 1, 2, 3, 4];
-export declare const getSpecificColorShades: (color: Exclude<ColorPickerColor, "transparent" | "white" | "black" | "bronze">, indexArr: readonly [number, number, number, number, number]) => ColorTuple;
-export declare const COLOR_PALETTE: ColorPalette;
-export declare const DEFAULT_ELEMENT_STROKE_PICKS: ColorTuple;
-export declare const DEFAULT_ELEMENT_BACKGROUND_PICKS: ColorTuple;
-export declare const DEFAULT_CANVAS_BACKGROUND_PICKS: ColorTuple;
-export declare const DEFAULT_ELEMENT_STROKE_COLOR_PALETTE: {
-    readonly red: ColorTuple;
-    readonly pink: ColorTuple;
-    readonly grape: ColorTuple;
-    readonly violet: ColorTuple;
-    readonly blue: ColorTuple;
-    readonly cyan: ColorTuple;
-    readonly teal: ColorTuple;
-    readonly green: ColorTuple;
-    readonly yellow: ColorTuple;
-    readonly orange: ColorTuple;
-    readonly transparent: string;
-    readonly white: string;
-    readonly gray: ColorTuple;
-    readonly black: string;
-    readonly bronze: ColorTuple;
-};
-export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: {
-    readonly red: ColorTuple;
-    readonly pink: ColorTuple;
-    readonly grape: ColorTuple;
-    readonly violet: ColorTuple;
-    readonly blue: ColorTuple;
-    readonly cyan: ColorTuple;
-    readonly teal: ColorTuple;
-    readonly green: ColorTuple;
-    readonly yellow: ColorTuple;
-    readonly orange: ColorTuple;
-    readonly transparent: string;
-    readonly white: string;
-    readonly gray: ColorTuple;
-    readonly black: string;
-    readonly bronze: ColorTuple;
-};
-export declare const getAllColorsSpecificShade: (index: 0 | 1 | 2 | 3 | 4) => readonly [string, string, string, string, string, string, string, string, string, string];
-export declare const rgbToHex: (r: number, g: number, b: number) => string;
+import oc from "open-color";
+import { Merge } from "./utility-types";
+export type ColorPickerColor = Exclude<keyof oc, "indigo" | "lime"> | "transparent" | "bronze";
+export type ColorTuple = readonly [string, string, string, string, string];
+export type ColorPalette = Merge<Record<ColorPickerColor, ColorTuple>, {
+    black: "#1e1e1e";
+    white: "#ffffff";
+    transparent: "transparent";
+}>;
+export type ColorPaletteCustom = {
+    [key: string]: ColorTuple | string;
+};
+export type ColorShadesIndexes = [number, number, number, number, number];
+export declare const MAX_CUSTOM_COLORS_USED_IN_CANVAS = 5;
+export declare const COLORS_PER_ROW = 5;
+export declare const DEFAULT_CHART_COLOR_INDEX = 4;
+export declare const DEFAULT_ELEMENT_STROKE_COLOR_INDEX = 4;
+export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_INDEX = 1;
+export declare const ELEMENTS_PALETTE_SHADE_INDEXES: readonly [0, 2, 4, 6, 8];
+export declare const CANVAS_PALETTE_SHADE_INDEXES: readonly [0, 1, 2, 3, 4];
+export declare const getSpecificColorShades: (color: Exclude<ColorPickerColor, "transparent" | "white" | "black" | "bronze">, indexArr: readonly [number, number, number, number, number]) => ColorTuple;
+export declare const COLOR_PALETTE: ColorPalette;
+export declare const DEFAULT_ELEMENT_STROKE_PICKS: ColorTuple;
+export declare const DEFAULT_ELEMENT_BACKGROUND_PICKS: ColorTuple;
+export declare const DEFAULT_CANVAS_BACKGROUND_PICKS: ColorTuple;
+export declare const DEFAULT_ELEMENT_STROKE_COLOR_PALETTE: {
+    readonly red: ColorTuple;
+    readonly pink: ColorTuple;
+    readonly grape: ColorTuple;
+    readonly violet: ColorTuple;
+    readonly blue: ColorTuple;
+    readonly cyan: ColorTuple;
+    readonly teal: ColorTuple;
+    readonly green: ColorTuple;
+    readonly yellow: ColorTuple;
+    readonly orange: ColorTuple;
+    readonly transparent: "transparent";
+    readonly white: "#ffffff";
+    readonly gray: ColorTuple;
+    readonly black: "#1e1e1e";
+    readonly bronze: ColorTuple;
+};
+export declare const DEFAULT_ELEMENT_BACKGROUND_COLOR_PALETTE: {
+    readonly red: ColorTuple;
+    readonly pink: ColorTuple;
+    readonly grape: ColorTuple;
+    readonly violet: ColorTuple;
+    readonly blue: ColorTuple;
+    readonly cyan: ColorTuple;
+    readonly teal: ColorTuple;
+    readonly green: ColorTuple;
+    readonly yellow: ColorTuple;
+    readonly orange: ColorTuple;
+    readonly transparent: "transparent";
+    readonly white: "#ffffff";
+    readonly gray: ColorTuple;
+    readonly black: "#1e1e1e";
+    readonly bronze: ColorTuple;
+};
+export declare const getAllColorsSpecificShade: (index: 0 | 1 | 2 | 3 | 4) => readonly [string, string, string, string, string, string, string, string, string, string];
+export declare const rgbToHex: (r: number, g: number, b: number) => string;

package/types/components/Actions.d.ts

@@ -1,36 +1,36 @@
-import React from "react";
-import { ActionManager } from "../actions/manager";
-import { ExcalidrawElement, PointerType } from "../element/types";
-import { UIAppState, Zoom } from "../types";
-import "./Actions.scss";
-export declare const SelectedShapeActions: ({ appState, elements, renderAction, }: {
-    appState: UIAppState;
-    elements: readonly ExcalidrawElement[];
-    renderAction: ActionManager["renderAction"];
-}) => JSX.Element;
-export declare const ShapesSwitcher: ({ canvas, activeTool, setAppState, onImageAction, appState, }: {
-    canvas: HTMLCanvasElement | null;
-    activeTool: UIAppState["activeTool"];
-    setAppState: React.Component<any, UIAppState>["setState"];
-    onImageAction: (data: {
-        pointerType: PointerType | null;
-    }) => void;
-    appState: UIAppState;
-}) => JSX.Element;
-export declare const ZoomActions: ({ renderAction, zoom, trayMode, }: {
-    renderAction: ActionManager["renderAction"];
-    zoom: Zoom;
-    trayMode?: boolean | undefined;
-}) => JSX.Element;
-export declare const UndoRedoActions: ({ renderAction, className, }: {
-    renderAction: ActionManager["renderAction"];
-    className?: string | undefined;
-}) => JSX.Element;
-export declare const ExitZenModeAction: ({ actionManager, showExitZenModeBtn, }: {
-    actionManager: ActionManager;
-    showExitZenModeBtn: boolean;
-}) => JSX.Element;
-export declare const FinalizeAction: ({ renderAction, className, }: {
-    renderAction: ActionManager["renderAction"];
-    className?: string | undefined;
-}) => JSX.Element;
+import React from "react";
+import { ActionManager } from "../actions/manager";
+import { ExcalidrawElement, PointerType } from "../element/types";
+import { UIAppState, Zoom } from "../types";
+import "./Actions.scss";
+export declare const SelectedShapeActions: ({ appState, elements, renderAction, }: {
+    appState: UIAppState;
+    elements: readonly ExcalidrawElement[];
+    renderAction: ActionManager["renderAction"];
+}) => JSX.Element;
+export declare const ShapesSwitcher: ({ canvas, activeTool, setAppState, onImageAction, appState, }: {
+    canvas: HTMLCanvasElement | null;
+    activeTool: UIAppState["activeTool"];
+    setAppState: React.Component<any, UIAppState>["setState"];
+    onImageAction: (data: {
+        pointerType: PointerType | null;
+    }) => void;
+    appState: UIAppState;
+}) => JSX.Element;
+export declare const ZoomActions: ({ renderAction, zoom, trayMode, }: {
+    renderAction: ActionManager["renderAction"];
+    zoom: Zoom;
+    trayMode?: boolean | undefined;
+}) => JSX.Element;
+export declare const UndoRedoActions: ({ renderAction, className, }: {
+    renderAction: ActionManager["renderAction"];
+    className?: string | undefined;
+}) => JSX.Element;
+export declare const ExitZenModeAction: ({ actionManager, showExitZenModeBtn, }: {
+    actionManager: ActionManager;
+    showExitZenModeBtn: boolean;
+}) => JSX.Element;
+export declare const FinalizeAction: ({ renderAction, className, }: {
+    renderAction: ActionManager["renderAction"];
+    className?: string | undefined;
+}) => JSX.Element;

package/types/components/ActiveConfirmDialog.d.ts

@@ -1,4 +1,4 @@
-export declare const activeConfirmDialogAtom: import("jotai").PrimitiveAtom<"clearCanvas" | null> & {
-    init: "clearCanvas" | null;
-};
-export declare const ActiveConfirmDialog: () => JSX.Element | null;
+export declare const activeConfirmDialogAtom: import("jotai").PrimitiveAtom<"clearCanvas" | null> & {
+    init: "clearCanvas" | null;
+};
+export declare const ActiveConfirmDialog: () => JSX.Element | null;