fika-editor 3.0.0 → 3.0.2

package/dist/types/components/Button.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+export type IButtonProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    type?: 'default' | 'primary' | 'checkbox' | 'radio';
+    size?: 'small' | 'normal';
+    first?: boolean;
+    last?: boolean;
+    onClick?: () => void;
+    children?: ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    'data-tooltip'?: string;
+    'data-export-format'?: string;
+    'data-editor-insert'?: string;
+    'data-align'?: string;
+};
+export default function Button({ checked, disabled, type, size, first, last, onClick, children, style, className, 'data-tooltip': dataTooltip, 'data-export-format': dataExportFormat, 'data-editor-insert': dataEditorInsert, 'data-align': dataAlign, }: IButtonProps): import("react").JSX.Element;

package/dist/types/components/ButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties, ReactNode } from 'react';
+export type IButtonGroupProps = {
+    passive?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+};
+export default function ButtonGroup({ passive, className, style, children }: IButtonGroupProps): import("react").JSX.Element;

package/dist/types/components/ChartDataEditor.d.ts

@@ -0,0 +1,13 @@
+import type { ChartData, ChartType } from '../types/slides';
+export type IChartDataEditorProps = {
+    type: ChartType;
+    data: ChartData;
+} & {
+    onSave?: (payload: {
+        data: ChartData;
+        type: ChartType;
+    }) => void;
+    onClose?: () => void;
+};
+declare const ChartDataEditor: import("react").MemoExoticComponent<(props: IChartDataEditorProps) => import("react").JSX.Element>;
+export default ChartDataEditor;

package/dist/types/components/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type ICheckboxProps = {
+    value: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+    onUpdateValue?: (payload: boolean) => void;
+    children?: ReactNode;
+};
+declare const Checkbox: import("react").MemoExoticComponent<(vrProps: ICheckboxProps) => import("react").JSX.Element>;
+export default Checkbox;

package/dist/types/components/CodeEditor/CodeEditorSkeleton.d.ts

@@ -0,0 +1,8 @@
+import { type CodeEditorPayload } from '../../configs/code';
+export type ICodeEditorSkeletonProps = {
+    className?: string;
+    onUpdate?: (payload: CodeEditorPayload) => void;
+    onClose?: () => void;
+};
+declare const CodeEditorSkeleton: import("react").MemoExoticComponent<(vrProps: ICodeEditorSkeletonProps) => import("react").JSX.Element>;
+export default CodeEditorSkeleton;

package/dist/types/components/CodeEditor/codeMirror.d.ts

@@ -0,0 +1,23 @@
+/**
+ * CodeMirror bootstrap for CodeEditor.
+ * Loaded via dynamic import so CodeMirror stays out of the initial embed graph.
+ * Highlighting uses the shared Shiki highlighter via `codeToTokens`.
+ */
+import { EditorView } from 'codemirror';
+export { EditorView };
+export type CodeMirrorEditor = {
+    getDoc: () => string;
+    setLanguage: (language: string) => Promise<void>;
+    setTheme: (theme: string) => Promise<void>;
+    setFontSize: (fontSize: number) => void;
+    setLineNumbers: (on: boolean) => void;
+    destroy: () => void;
+};
+export declare function createCodeMirrorEditor(options: {
+    parent: HTMLElement;
+    doc: string;
+    language: string;
+    theme: string;
+    fontSize: number;
+    showLineNumbers: boolean;
+}): Promise<CodeMirrorEditor>;

package/dist/types/components/CodeEditor/index.d.ts

@@ -0,0 +1,14 @@
+import { type CodeEditorPayload } from '../../configs/code';
+export type ICodeEditorProps = {
+    code?: string;
+    language?: string;
+    theme?: string;
+    fontSize?: number;
+    showLineNumbers?: boolean;
+    className?: string;
+} & {
+    onUpdate?: (payload: CodeEditorPayload) => void;
+    onClose?: () => void;
+};
+declare const CodeEditor: import("react").MemoExoticComponent<(vrProps: ICodeEditorProps) => import("react").JSX.Element>;
+export default CodeEditor;

package/dist/types/components/CodeEditor/lazy.d.ts

@@ -0,0 +1,3 @@
+import type { ICodeEditorProps } from './index';
+export declare function prefetchCodeEditor(): void;
+export declare function LazyCodeEditor(props: ICodeEditorProps): import("react").FunctionComponentElement<import("./CodeEditorSkeleton").ICodeEditorSkeletonProps> | import("react").ReactElement<ICodeEditorProps, string | import("react").JSXElementConstructor<any>>;

package/dist/types/components/ColorButton.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+export type IColorButtonProps = {
+    color: string;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+};
+export default function ColorButton({ color, className, style, 'data-tooltip': dataTooltip }: IColorButtonProps): import("react").JSX.Element;

package/dist/types/components/ColorListButton.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+export type IColorListButtonProps = {
+    colors: string[];
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+};
+export default function ColorListButton({ colors: colorsProp, className, style, 'data-tooltip': dataTooltip }: IColorListButtonProps): import("react").JSX.Element;

package/dist/types/components/ColorPicker/Alpha.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from 'react';
+import type { ColorFormats } from 'tinycolor2';
+export type IAlphaProps = {
+    value: ColorFormats.RGBA;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+} & {
+    onColorChange?: (payload: ColorFormats.RGBA) => void;
+};
+declare const Alpha: import("react").MemoExoticComponent<(props: IAlphaProps) => import("react").JSX.Element>;
+export default Alpha;

package/dist/types/components/ColorPicker/Checkboard.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties } from 'react';
+export type ICheckboardProps = {
+    size?: number;
+    white?: string;
+    grey?: string;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+};
+declare const Checkboard: import("react").MemoExoticComponent<(vrProps: ICheckboardProps) => import("react").JSX.Element>;
+export default Checkboard;

package/dist/types/components/ColorPicker/EditableInput.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from 'react';
+import { type ColorFormats } from 'tinycolor2';
+export type IEditableInputProps = {
+    value: ColorFormats.RGBA;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+} & {
+    onColorChange?: (payload: ColorFormats.RGBA) => void;
+};
+declare const EditableInput: import("react").MemoExoticComponent<(props: IEditableInputProps) => import("react").JSX.Element>;
+export default EditableInput;

package/dist/types/components/ColorPicker/Hue.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+import { type ColorFormats } from 'tinycolor2';
+export type IHueProps = {
+    value: ColorFormats.RGBA;
+    hue: number;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+} & {
+    onColorChange?: (payload: ColorFormats.HSLA) => void;
+};
+declare const Hue: import("react").MemoExoticComponent<(props: IHueProps) => import("react").JSX.Element>;
+export default Hue;

package/dist/types/components/ColorPicker/Saturation.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+import { type ColorFormats } from 'tinycolor2';
+export type ISaturationProps = {
+    value: ColorFormats.RGBA;
+    hue: number;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+} & {
+    onColorChange?: (payload: ColorFormats.HSVA) => void;
+};
+declare const Saturation: import("react").MemoExoticComponent<(props: ISaturationProps) => import("react").JSX.Element>;
+export default Saturation;

package/dist/types/components/ColorPicker/index.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties } from 'react';
+export type IColorPickerProps = {
+    modelValue?: string;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+} & {
+    onUpdateModelValue?: (payload: string) => void;
+};
+declare const ColorPicker: import("react").MemoExoticComponent<(vrProps: IColorPickerProps) => import("react").JSX.Element>;
+export default ColorPicker;

package/dist/types/components/ColorSwatches.d.ts

@@ -0,0 +1,22 @@
+import { type CSSProperties } from 'react';
+export type IColorSwatchesProps = {
+    modelValue?: string;
+    extraColors?: string[];
+    includeTheme?: boolean;
+    includeNeutrals?: boolean;
+    allowNone?: boolean;
+    noneValue?: string;
+    allowCustom?: boolean;
+    wrap?: boolean;
+    customTitle?: string;
+    noneTitle?: string;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+    'data-swatches'?: string;
+    onUpdateModelValue?: (value: string) => void;
+};
+export declare const HIGHLIGHT_SWATCHES: string[];
+declare function ColorSwatches({ modelValue, extraColors, includeTheme, includeNeutrals, allowNone, noneValue, allowCustom, wrap, customTitle, noneTitle, className, style, 'data-tooltip': dataTooltip, 'data-swatches': dataSwatches, onUpdateModelValue, }: IColorSwatchesProps): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ColorSwatches>;
+export default _default;

package/dist/types/components/ConfirmDialog.d.ts

@@ -0,0 +1,16 @@
+import type { IconName } from './Icon';
+export type IConfirmDialogProps = {
+    visible: boolean;
+    width?: number;
+    icon?: IconName;
+    kicker?: string;
+    title: string;
+    description?: string;
+    actionTitle: string;
+    actionHint?: string;
+    cancelLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+declare const ConfirmDialog: import("react").MemoExoticComponent<(props: IConfirmDialogProps) => import("react").JSX.Element>;
+export default ConfirmDialog;

package/dist/types/components/Contextmenu/MenuContent.d.ts

@@ -0,0 +1,8 @@
+import type { ContextmenuItem } from './types';
+export type IMenuContentProps = {
+    menus: ContextmenuItem[];
+    handleClickMenuItem: (item: ContextmenuItem) => void;
+    className?: string;
+};
+declare const MenuContent: import("react").MemoExoticComponent<(props: IMenuContentProps) => import("react").JSX.Element>;
+export default MenuContent;

package/dist/types/components/Contextmenu/index.d.ts

@@ -0,0 +1,14 @@
+import type { ContextmenuItem, Axis } from './types';
+export type IContextmenuProps = {
+    axis: Axis;
+    bounds?: {
+        width: number;
+        height: number;
+    };
+    el: HTMLElement;
+    menus: ContextmenuItem[];
+    removeContextmenu: () => void;
+    className?: string;
+};
+declare const Contextmenu: import("react").MemoExoticComponent<(props: IContextmenuProps) => import("react").JSX.Element>;
+export default Contextmenu;

package/dist/types/components/Contextmenu/types.d.ts

@@ -0,0 +1,13 @@
+export interface ContextmenuItem {
+    text?: string;
+    subText?: string;
+    divider?: boolean;
+    disable?: boolean;
+    hide?: boolean;
+    children?: ContextmenuItem[];
+    handler?: (el: HTMLElement) => void;
+}
+export interface Axis {
+    x: number;
+    y: number;
+}

package/dist/types/components/Divider.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties } from 'react';
+export type IDividerProps = {
+    type?: 'horizontal' | 'vertical';
+    margin?: number;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const Divider: import("react").MemoExoticComponent<(vrProps: IDividerProps) => import("react").JSX.Element>;
+export default Divider;

package/dist/types/components/Draggable.d.ts

@@ -0,0 +1,33 @@
+import { type MouseEventHandler, type ReactNode } from 'react';
+import type { ThumbnailVirtualizerApi } from '../views/Editor/Thumbnails/useThumbnailVirtualizer';
+import { type OverlayPaint } from './draggableLayout';
+type ItemRender = (args: {
+    element: any;
+    index: number;
+}) => ReactNode;
+type OverlayRender = (paint: OverlayPaint) => ReactNode;
+type VirtualizerApi = ThumbnailVirtualizerApi;
+/** Drag ghost for slide rails: the live slide DOM at thumb size. */
+export declare const slideDragOverlay: OverlayRender;
+export default function Draggable({ modelValue, list, itemKey, item, children, className, onEnd, onUpdateModelValue, onContextMenu, disabled, handle, scrollRef, virtualItems, virtualizer, totalSize, overlayRender, }: {
+    modelValue?: any[];
+    list?: any[];
+    itemKey?: string | ((item: any) => string);
+    item?: ItemRender;
+    children?: ReactNode;
+    className?: string;
+    onEnd?: (event: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    onUpdateModelValue?: (next: any[]) => void;
+    onContextMenu?: MouseEventHandler<HTMLDivElement>;
+    disabled?: boolean;
+    handle?: string;
+    scrollRef?: VirtualizerApi['scrollRef'];
+    virtualItems?: VirtualizerApi['virtualItems'];
+    virtualizer?: VirtualizerApi['virtualizer'];
+    totalSize?: number;
+    overlayRender?: OverlayRender;
+}): import("react").JSX.Element;
+export {};

package/dist/types/components/Drawer.d.ts

@@ -0,0 +1,13 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type IDrawerProps = {
+    visible: boolean;
+    width?: number;
+    contentStyle?: CSSProperties;
+    placement?: 'left' | 'right';
+    className?: string;
+    onUpdateVisible?: (payload: boolean) => void;
+    title?: ReactNode;
+    children?: ReactNode;
+};
+declare const _default: import("react").MemoExoticComponent<(vrProps: IDrawerProps) => import("react").ReactPortal>;
+export default _default;

package/dist/types/components/FileInput.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type IFileInputProps = {
+    accept?: string;
+    multiple?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    onChange?: (payload: FileList) => void;
+    children?: ReactNode;
+    'data-media-file'?: string;
+};
+export default function FileInput({ accept, multiple, className, style, onChange, children, 'data-media-file': dataMediaFile, }: IFileInputProps): import("react").JSX.Element;

package/dist/types/components/FitText.d.ts

@@ -0,0 +1,17 @@
+export type IFitTextProps = {
+    text: string;
+    maxFontSize?: number;
+    minFontSize?: number;
+    fontWeight?: number | string;
+    fontStyle?: string;
+    fontFamily?: string;
+    textDecoration?: string;
+    lineHeight?: number;
+    letterSpacing?: number;
+    maxLines?: number;
+    /** Extra px allowed in the height fit check (underline / descenders). */
+    measureHeightSlack?: number;
+    className?: string;
+};
+declare const FitText: import("react").MemoExoticComponent<(vrProps: IFitTextProps) => import("react").JSX.Element>;
+export default FitText;

package/dist/types/components/FontSizeControl.d.ts

@@ -0,0 +1,12 @@
+import { type CSSProperties } from 'react';
+export type IFontSizeControlProps = {
+    value: number;
+    min?: number;
+    max?: number;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+    onUpdateValue?: (payload: number) => void;
+};
+declare const FontSizeControl: import("react").MemoExoticComponent<(vrProps: IFontSizeControlProps) => import("react").JSX.Element>;
+export default FontSizeControl;

package/dist/types/components/FormatChip.d.ts

@@ -0,0 +1,14 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type IFormatChipProps = {
+    active?: boolean;
+    disabled?: boolean;
+    compact?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    'data-tooltip'?: string;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    children?: ReactNode;
+};
+declare const FormatChip: import("react").MemoExoticComponent<(vrProps: IFormatChipProps) => import("react").JSX.Element>;
+export default FormatChip;

package/dist/types/components/FullscreenSpin.d.ts

@@ -0,0 +1,9 @@
+export type IFullscreenSpinProps = {
+    loading?: boolean;
+    mask?: boolean;
+    tip?: string;
+    progress?: number;
+    className?: string;
+};
+declare const FullscreenSpin: import("react").MemoExoticComponent<(vrProps: IFullscreenSpinProps) => import("react").ReactPortal>;
+export default FullscreenSpin;

package/dist/types/components/GradientBar.d.ts

@@ -0,0 +1,12 @@
+import type { GradientColor } from '../types/slides';
+export type IGradientBarProps = {
+    value: GradientColor[];
+    index: number;
+    className?: string;
+} & {
+    onInput?: (payload: GradientColor[]) => void;
+    onUpdateValue?: (payload: GradientColor[]) => void;
+    onUpdateIndex?: (payload: number) => void;
+};
+declare const GradientBar: import("react").MemoExoticComponent<(props: IGradientBarProps) => import("react").JSX.Element>;
+export default GradientBar;