seat-editor 3.4.8 → 3.5.0

package/dist/features/view-only-4/index.d.ts

@@ -0,0 +1,99 @@
+import React, { CSSProperties, SVGAttributes } from "react";
+import { ReactZoomPanPinchRef, ReactZoomPanPinchProps, ReactZoomPanPinchContentRef } from "react-zoom-pan-pinch";
+import { PropertiesProps } from "../../dto/table";
+import { EventHandleType } from "../../dto/event-handler";
+import { EdgeType } from "./utils";
+export type TableGhost = {
+    table: PropertiesProps;
+    event: EventHandleType;
+};
+export type TableMatchKey = {
+    key: string | number;
+    properties?: PropertiesProps;
+    className?: string;
+};
+export type TableMatchEvent = {
+    event: EventHandleType;
+    properties: PropertiesProps;
+};
+export type ComponentProps<T = undefined> = T extends undefined ? PropertiesProps : Omit<PropertiesProps, keyof T> & T;
+export type OnCurrentStateChange<TMeta = undefined> = ({ components, extraComponents, background, boundingBox, }: {
+    components: ComponentProps<TMeta>[];
+    extraComponents: ComponentProps[];
+    background: string;
+    boundingBox: PropertiesProps | null;
+}) => void;
+export type TransformProps = React.ForwardRefExoticComponent<Omit<ReactZoomPanPinchProps, "ref"> & React.RefAttributes<ReactZoomPanPinchContentRef>>;
+export type RefLayerView = {
+    svgRef: SVGSVGElement;
+    transformRef: ReactZoomPanPinchRef;
+    containerRef: HTMLDivElement;
+    tableGhost: SVGGElement;
+    hoverUnderghost: ComponentProps;
+};
+export type TypeActionProps<TMeta = undefined> = {
+    targetTable: ComponentProps<TMeta>;
+    sourceTable: ComponentProps<TMeta>;
+};
+export interface LayerViewProps<TMeta = undefined> {
+    componentProps?: ComponentProps<TMeta>[];
+    extraComponentProps?: ComponentProps[];
+    onSelectComponent?: (component: ComponentProps<TMeta>) => void;
+    onDoubleClick?: (component: ComponentProps<TMeta>) => void;
+    mappingKey?: string;
+    tableMatchKey?: TableMatchKey[];
+    eventMatchTable?: TableMatchEvent[];
+    statusKey?: string;
+    defaultBackground?: string;
+    transformProps?: ReactZoomPanPinchProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    svgProps?: SVGAttributes<SVGSVGElement>;
+    ghostAttributes?: SVGAttributes<SVGGElement>;
+    iconTags?: {
+        icon: React.JSX.Element;
+        key: string;
+    }[];
+    privilegedTags?: {
+        key: string;
+        items: string[];
+    }[];
+    tooltipProps?: {
+        className?: string;
+        style?: CSSProperties;
+        minWidth?: number;
+        children: React.ReactNode;
+    };
+    dragTableBlockKey?: {
+        key: string;
+        value: string | number | null;
+    }[];
+    onRightClick?: (e: MouseEvent, component: ComponentProps<TMeta>) => void;
+    allowTooltip?: boolean;
+    onDrop?: (e: React.MouseEvent<SVGSVGElement>, component: TypeActionProps<TMeta>) => void;
+    onSwitch?: (e: MouseEvent, component: TypeActionProps<TMeta>) => void;
+    refs?: React.ForwardedRef<RefLayerView>;
+    viewStyles?: {
+        paddingTop?: number;
+        paddingLeft?: number;
+        paddingRight?: number;
+        paddingBottom?: number;
+    };
+    loadingRender?: {
+        state: boolean;
+        element: React.JSX.Element;
+    };
+    defaultBoundingBox?: PropertiesProps;
+    viewOnly?: boolean;
+    actionPrivileged?: {
+        select?: boolean;
+        move?: boolean;
+        switch?: boolean;
+        drop?: boolean;
+        rightClick?: boolean;
+        double?: boolean;
+    };
+    onEdgesChange?: (edges: EdgeType[], table: PropertiesProps[]) => void;
+    keyNode: string;
+}
+declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
+export default LayerView;