@univerjs-pro/slides-table-ui 1.0.0-alpha.8 → 1.0.0-beta.0

package/lib/types/utils/slide-table-fill.d.ts

@@ -0,0 +1,14 @@
+import type { ISlideTableFill } from '@univerjs-pro/slides-table';
+import type { IGradientValue } from '@univerjs/design';
+import type { CSSProperties } from 'react';
+export declare function getSlideTableGradientValue(fill: ISlideTableFill | undefined, fallbackColor: string): IGradientValue;
+export declare function gradientValueToSlideTableFill(value: IGradientValue): ISlideTableFill;
+export declare function getSlideTableFillPreviewStyle(fill: ISlideTableFill | undefined, fallbackColor: string): CSSProperties;
+export declare function gradientValueToCss(value: IGradientValue): string;
+export declare function ensureOption(options: Array<{
+    label: string;
+    value: string;
+}>, value: string): Array<{
+    label: string;
+    value: string;
+}>;

package/lib/types/utils/table-toolbar-dropdown-interaction.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface ITableToolbarDropdownInteractionGuardProps {
+    children: (handlers: {
+        handleOpenChange: (open: boolean) => void;
+        markInternalInteraction: () => void;
+    }) => ReactNode;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function TableToolbarDropdownInteractionGuard(props: ITableToolbarDropdownInteractionGuardProps): ReactNode;

package/lib/types/views/SlideTableFloatingToolbar.d.ts

@@ -23,6 +23,11 @@ interface IToolbarPositionInput {
     table: ISlideTableSnapshot | null | undefined;
     viewportWidth: number;
 }
+export declare function observeSlideTableFloatingToolbarPosition(refresh: () => void, sources: Array<{
+    subscribeEvent(listener: () => void): {
+        unsubscribe(): void;
+    };
+} | null | undefined>, resizeTarget?: Element | null): () => void;
 export declare function resolveSlideTableFloatingToolbarPosition(input: IToolbarPositionInput): IToolbarPosition;
 export declare function SlideTableFloatingToolbar(): import("react").JSX.Element | null;
 export {};

package/lib/types/views/table-floating-toolbar/SlideTableFillControls.d.ts

@@ -0,0 +1,26 @@
+import type { ISlideTableFill } from '@univerjs-pro/slides-table';
+import type { IDocTextFill } from '@univerjs/core';
+import type { IGradientValue } from '@univerjs/design';
+import type { CSSProperties, ReactNode } from 'react';
+declare const TABLE_FILL_TYPE_VALUES: {
+    readonly none: "none";
+    readonly solid: "solid";
+    readonly gradient: "gradient";
+    readonly picture: "picture";
+};
+type TableFillType = typeof TABLE_FILL_TYPE_VALUES[keyof typeof TABLE_FILL_TYPE_VALUES];
+export declare function FillDropdownButton(props: {
+    children: ReactNode;
+    color: string;
+    gradientValue: IGradientValue;
+    previewStyle: CSSProperties;
+    showPreview?: boolean;
+    tableFill?: ISlideTableFill;
+    textFill?: IDocTextFill;
+    open: boolean;
+    value: TableFillType;
+    onOpenChange: (open: boolean) => void;
+    onTableFillChange?: (fill: ISlideTableFill | undefined) => void;
+    onTextFillChange?: (fill: IDocTextFill | undefined) => void;
+}): import("react").JSX.Element;
+export {};

package/lib/types/views/table-floating-toolbar/SlideTableFormattingControls.d.ts

@@ -0,0 +1,78 @@
+import type { ISlideTableBorder } from '@univerjs-pro/slides-table';
+import type { HorizontalAlign, VerticalAlign } from '@univerjs/core';
+import type { ReactNode } from 'react';
+import type { LocaleKey } from '../../locale/types';
+import type { ISlideTableToolbarCellValues } from '../../utils/slide-table-toolbar-values';
+import { SlideTableBorderPresetEnum } from '@univerjs-pro/slides-table';
+export declare const FONT_SIZE_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const SLIDE_TABLE_BORDER_PRESETS: Array<{
+    labelKey: LocaleKey;
+    preset: SlideTableBorderPresetEnum;
+}>;
+export interface IToolbarLocaleOption<T extends string | number> {
+    icon: ReactNode;
+    labelKey: LocaleKey;
+    value: T;
+}
+export declare function ToolbarGroup(props: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function ToolbarIconButton(props: {
+    children: ReactNode;
+    'data-toolbar-item'?: string;
+    title: string;
+    onClick: () => void;
+}): import("react").JSX.Element;
+export declare function TextFormatPanelDropdownButton(props: {
+    horizontalAlignOptions: Array<IToolbarLocaleOption<HorizontalAlign>>;
+    open: boolean;
+    values: ISlideTableToolbarCellValues;
+    verticalAlignOptions: Array<IToolbarLocaleOption<VerticalAlign>>;
+    onHorizontalAlign: (value: HorizontalAlign) => void;
+    onOpenChange: (open: boolean) => void;
+    onToggleStyle: (patch: Record<string, unknown>) => void;
+    onVerticalAlign: (value: VerticalAlign) => void;
+}): import("react").JSX.Element;
+export declare function TableThemeDropdownButton(props: {
+    children: ReactNode;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): import("react").JSX.Element;
+export declare function SlideBorderPanelDropdownButton(props: {
+    direction: 'ltr' | 'rtl';
+    presets: Array<{
+        labelKey: LocaleKey;
+        preset: SlideTableBorderPresetEnum;
+    }>;
+    color: string;
+    width: number;
+    dash: NonNullable<ISlideTableBorder['dash']>;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSelectPreset: (preset: SlideTableBorderPresetEnum) => void;
+    onChangeColor: (color: string) => void;
+    onChangeWidth: (width: number) => void;
+    onChangeDash: (dash: NonNullable<ISlideTableBorder['dash']>) => void;
+}): import("react").JSX.Element;
+export declare function SlideFloatingColorPickerButton(props: {
+    'data-toolbar-item': string;
+    color: string;
+    icon: 'font' | 'bucket';
+    open: boolean;
+    title: string;
+    onChange: (color: string) => void;
+    onOpenChange: (open: boolean) => void;
+}): import("react").JSX.Element;
+export declare function SelectControl(props: {
+    title: string;
+    value: string;
+    widthClassName: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    onChange: (value: string) => void;
+}): import("react").JSX.Element;