@dynamix-layout/solid 1.0.3 → 2.0.0

package/dist/types/index.d.cts

@@ -1,190 +0,0 @@
-import { Accessor } from 'solid-js';
-import { Dimension } from '@dynamix-layout/core';
-import { DynamixLayoutCore } from '@dynamix-layout/core';
-import { JSX } from 'solid-js';
-import { LayoutTree } from '@dynamix-layout/core';
-import { NodeOptions } from '@dynamix-layout/core';
-import { ParentComponent } from 'solid-js';
-import { Setter } from 'solid-js';
-
-export declare const DefaultHoverElement: (props: DivProps) => JSX.Element;
-
-export declare const DefaultSliderElement: (props: {
-    direction?: boolean;
-    children?: JSX.Element;
-} & DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabBody: (props: DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabHead: (props: DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabLabel: (props: DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabPanel: (props: DivProps) => JSX.Element;
-
-export declare type DivFC = (props: {
-    children?: JSX.Element;
-} & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-
-declare type DivProps = {
-    children?: JSX.Element;
-    active?: boolean;
-} & JSX.HTMLAttributes<HTMLDivElement>;
-
-export declare const DynamixLayout: ParentComponent<LayoutProps>;
-
-export declare interface DynamixLayoutProps {
-    children?: JSX.Element;
-    layoutTree?: LayoutTree;
-    tabs?: string[];
-    class?: string;
-    style?: JSX.CSSProperties;
-}
-
-export declare const getTabOutput: (input: TabInput) => TabOutput;
-
-export declare interface LayoutProps {
-    tabs: [string, JSX.Element][];
-    enableTabbar?: boolean;
-    WrapTabPanel?: DivFC;
-    WrapTabLabel?: (props: {
-        children?: JSX.Element;
-        active?: boolean;
-    } & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-    WrapTabHead?: DivFC;
-    WrapTabBody?: DivFC;
-    HoverElement?: DivFC;
-    SliderElement?: (props: {
-        children?: JSX.Element;
-        direction?: boolean;
-    } & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-    tabHeadHeight?: number;
-    layoutTree?: LayoutTree;
-    pad?: {
-        t: number;
-        b: number;
-        l: number;
-        r: number;
-    };
-    class?: string;
-    style?: JSX.CSSProperties;
-    bondWidth?: number;
-    /** In 2.0 this receives the v2 `LayoutJSON` format instead of `LayoutTree` (v1 layouts passed to `layoutTree` keep loading). See https://github.com/xcode-studio/dynamix-layout/blob/main/docs/migration-v1-to-v2.md */
-    updateJSON?: (layoutTree: LayoutTree) => void;
-    minTabHeight?: number;
-    minTabWidth?: number;
-    /** @deprecated No effect in 2.0: splitters update once per animation frame. See https://github.com/xcode-studio/dynamix-layout/blob/main/docs/migration-v1-to-v2.md */
-    sliderUpdateTimeout?: number;
-    windowResizeTimeout?: number;
-    /** @deprecated No effect in 2.0: splitters update once per animation frame. See https://github.com/xcode-studio/dynamix-layout/blob/main/docs/migration-v1-to-v2.md */
-    disableSliderTimeout?: boolean;
-    disableResizeTimeout?: boolean;
-    hoverElementStyles?: JSX.CSSProperties;
-    sliderElementStyles?: JSX.CSSProperties;
-    tabPanelElementStyles?: JSX.CSSProperties;
-    tabBodyElementStyles?: JSX.CSSProperties;
-    tabHeadElementStyles?: JSX.CSSProperties;
-    tabLabelElementStyles?: JSX.CSSProperties;
-    RootSplitterHoverElStyles?: JSX.CSSProperties;
-    hoverElementClass?: string;
-    sliderElementClass?: string;
-    tabPanelElementClass?: string;
-    tabBodyElementClass?: string;
-    tabHeadElementClass?: string;
-    tabLabelElementClass?: string;
-    RootSplitterHoverElClass?: string;
-    rootId?: string;
-    tabNames?: Map<string, string | JSX.Element>;
-}
-
-export declare const RootSplitterHoverEl: (props: {
-    area: "left" | "right" | "top" | "bottom";
-    size?: {
-        w: string;
-        h: string;
-    };
-    gap?: string;
-} & DivProps) => JSX.Element;
-
-export declare type TabEntry = {
-    uqid: string;
-    name: string;
-    node: JSX.Element;
-};
-
-export declare type TabInput = [string, JSX.Element][];
-
-export declare type TabOutput = {
-    keys: string[];
-    maps: Map<string, TabEntry>;
-    name: Map<string, string>;
-};
-
-export declare const useDynamixLayout: ({ tabOutput, rootId, layoutTree, updateJSON, dimensions, tabHeadHeight, enableTabbar, bondWidth, minTabHeight, minTabWidth, sliderUpdateTimeout, windowResizeTimeout, disableSliderTimeout, disableResizeTimeout, }: useDynamixLayoutOptions) => {
-    tabsets: Accessor<Map<string, NodeOptions>>;
-    sliders: Accessor<Map<string, NodeOptions>>;
-    tabsetsRef: Map<string, HTMLDivElement>;
-    panelsRef: Map<string, HTMLDivElement>;
-    tabsRef: Map<string, HTMLDivElement>;
-    slidersRef: Map<string, HTMLDivElement>;
-    layoutJSON: Accessor<LayoutTree | undefined>;
-    layoutInstance: DynamixLayoutCore;
-    hoverElementRef: {
-        current: HTMLDivElement | undefined;
-    };
-    rootSplitHoverEl: HTMLDivElement[];
-    dragging: Accessor<boolean>;
-    isUpdating: Accessor<boolean>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setIsUpdating: Setter<boolean>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setDragging: Setter<boolean>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setTabsets: Setter<Map<string, NodeOptions>>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setSliders: Setter<Map<string, NodeOptions>>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setLayoutJSON: Setter<LayoutTree | undefined>;
-    onDragStart: (e: DragEvent) => void;
-    onDragOver: (e: DragEvent) => void;
-    onDragEnd: () => void;
-    onDragEnter: (e: DragEvent) => void;
-    onDragLeave: (e: DragEvent) => void;
-    onDrop: (e: DragEvent) => void;
-    onPointerDown: (e: PointerEvent) => void;
-    updateActiveTab: (e: MouseEvent) => void;
-    handleRootSplit: (e: DragEvent) => void;
-    handleNavbarDragOver: (e: DragEvent) => void;
-};
-
-export declare interface UseDynamixLayoutOptions {
-    initialLayoutTree?: LayoutTree;
-    tabs?: string[];
-}
-
-export declare interface useDynamixLayoutOptions {
-    tabOutput: TabOutput;
-    rootId: string;
-    layoutTree?: LayoutTree;
-    updateJSON?: (layoutTree: LayoutTree) => void;
-    enableTabbar: boolean;
-    dimensions: () => Dimension;
-    sliderUpdateTimeout: number;
-    windowResizeTimeout: number;
-    disableSliderTimeout: boolean;
-    disableResizeTimeout: boolean;
-    hoverElementStyles?: JSX.CSSProperties;
-    bondWidth: number;
-    minTabHeight: number;
-    minTabWidth: number;
-    tabHeadHeight: number;
-}
-
-export declare interface UseDynamixLayoutResult {
-    layoutTree: LayoutTree | undefined;
-    tabs: string[];
-    setTabs: (tabs: string[]) => void;
-    setLayoutTree: (layoutTree: LayoutTree) => void;
-}
-
-export { }

package/dist/types/index.d.ts

@@ -1,190 +0,0 @@
-import { Accessor } from 'solid-js';
-import { Dimension } from '@dynamix-layout/core';
-import { DynamixLayoutCore } from '@dynamix-layout/core';
-import { JSX } from 'solid-js';
-import { LayoutTree } from '@dynamix-layout/core';
-import { NodeOptions } from '@dynamix-layout/core';
-import { ParentComponent } from 'solid-js';
-import { Setter } from 'solid-js';
-
-export declare const DefaultHoverElement: (props: DivProps) => JSX.Element;
-
-export declare const DefaultSliderElement: (props: {
-    direction?: boolean;
-    children?: JSX.Element;
-} & DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabBody: (props: DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabHead: (props: DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabLabel: (props: DivProps) => JSX.Element;
-
-export declare const DefaultWrapTabPanel: (props: DivProps) => JSX.Element;
-
-export declare type DivFC = (props: {
-    children?: JSX.Element;
-} & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-
-declare type DivProps = {
-    children?: JSX.Element;
-    active?: boolean;
-} & JSX.HTMLAttributes<HTMLDivElement>;
-
-export declare const DynamixLayout: ParentComponent<LayoutProps>;
-
-export declare interface DynamixLayoutProps {
-    children?: JSX.Element;
-    layoutTree?: LayoutTree;
-    tabs?: string[];
-    class?: string;
-    style?: JSX.CSSProperties;
-}
-
-export declare const getTabOutput: (input: TabInput) => TabOutput;
-
-export declare interface LayoutProps {
-    tabs: [string, JSX.Element][];
-    enableTabbar?: boolean;
-    WrapTabPanel?: DivFC;
-    WrapTabLabel?: (props: {
-        children?: JSX.Element;
-        active?: boolean;
-    } & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-    WrapTabHead?: DivFC;
-    WrapTabBody?: DivFC;
-    HoverElement?: DivFC;
-    SliderElement?: (props: {
-        children?: JSX.Element;
-        direction?: boolean;
-    } & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-    tabHeadHeight?: number;
-    layoutTree?: LayoutTree;
-    pad?: {
-        t: number;
-        b: number;
-        l: number;
-        r: number;
-    };
-    class?: string;
-    style?: JSX.CSSProperties;
-    bondWidth?: number;
-    /** In 2.0 this receives the v2 `LayoutJSON` format instead of `LayoutTree` (v1 layouts passed to `layoutTree` keep loading). See https://github.com/xcode-studio/dynamix-layout/blob/main/docs/migration-v1-to-v2.md */
-    updateJSON?: (layoutTree: LayoutTree) => void;
-    minTabHeight?: number;
-    minTabWidth?: number;
-    /** @deprecated No effect in 2.0: splitters update once per animation frame. See https://github.com/xcode-studio/dynamix-layout/blob/main/docs/migration-v1-to-v2.md */
-    sliderUpdateTimeout?: number;
-    windowResizeTimeout?: number;
-    /** @deprecated No effect in 2.0: splitters update once per animation frame. See https://github.com/xcode-studio/dynamix-layout/blob/main/docs/migration-v1-to-v2.md */
-    disableSliderTimeout?: boolean;
-    disableResizeTimeout?: boolean;
-    hoverElementStyles?: JSX.CSSProperties;
-    sliderElementStyles?: JSX.CSSProperties;
-    tabPanelElementStyles?: JSX.CSSProperties;
-    tabBodyElementStyles?: JSX.CSSProperties;
-    tabHeadElementStyles?: JSX.CSSProperties;
-    tabLabelElementStyles?: JSX.CSSProperties;
-    RootSplitterHoverElStyles?: JSX.CSSProperties;
-    hoverElementClass?: string;
-    sliderElementClass?: string;
-    tabPanelElementClass?: string;
-    tabBodyElementClass?: string;
-    tabHeadElementClass?: string;
-    tabLabelElementClass?: string;
-    RootSplitterHoverElClass?: string;
-    rootId?: string;
-    tabNames?: Map<string, string | JSX.Element>;
-}
-
-export declare const RootSplitterHoverEl: (props: {
-    area: "left" | "right" | "top" | "bottom";
-    size?: {
-        w: string;
-        h: string;
-    };
-    gap?: string;
-} & DivProps) => JSX.Element;
-
-export declare type TabEntry = {
-    uqid: string;
-    name: string;
-    node: JSX.Element;
-};
-
-export declare type TabInput = [string, JSX.Element][];
-
-export declare type TabOutput = {
-    keys: string[];
-    maps: Map<string, TabEntry>;
-    name: Map<string, string>;
-};
-
-export declare const useDynamixLayout: ({ tabOutput, rootId, layoutTree, updateJSON, dimensions, tabHeadHeight, enableTabbar, bondWidth, minTabHeight, minTabWidth, sliderUpdateTimeout, windowResizeTimeout, disableSliderTimeout, disableResizeTimeout, }: useDynamixLayoutOptions) => {
-    tabsets: Accessor<Map<string, NodeOptions>>;
-    sliders: Accessor<Map<string, NodeOptions>>;
-    tabsetsRef: Map<string, HTMLDivElement>;
-    panelsRef: Map<string, HTMLDivElement>;
-    tabsRef: Map<string, HTMLDivElement>;
-    slidersRef: Map<string, HTMLDivElement>;
-    layoutJSON: Accessor<LayoutTree | undefined>;
-    layoutInstance: DynamixLayoutCore;
-    hoverElementRef: {
-        current: HTMLDivElement | undefined;
-    };
-    rootSplitHoverEl: HTMLDivElement[];
-    dragging: Accessor<boolean>;
-    isUpdating: Accessor<boolean>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setIsUpdating: Setter<boolean>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setDragging: Setter<boolean>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setTabsets: Setter<Map<string, NodeOptions>>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setSliders: Setter<Map<string, NodeOptions>>;
-    /** @deprecated Internal state setter; will be removed in v2. */
-    setLayoutJSON: Setter<LayoutTree | undefined>;
-    onDragStart: (e: DragEvent) => void;
-    onDragOver: (e: DragEvent) => void;
-    onDragEnd: () => void;
-    onDragEnter: (e: DragEvent) => void;
-    onDragLeave: (e: DragEvent) => void;
-    onDrop: (e: DragEvent) => void;
-    onPointerDown: (e: PointerEvent) => void;
-    updateActiveTab: (e: MouseEvent) => void;
-    handleRootSplit: (e: DragEvent) => void;
-    handleNavbarDragOver: (e: DragEvent) => void;
-};
-
-export declare interface UseDynamixLayoutOptions {
-    initialLayoutTree?: LayoutTree;
-    tabs?: string[];
-}
-
-export declare interface useDynamixLayoutOptions {
-    tabOutput: TabOutput;
-    rootId: string;
-    layoutTree?: LayoutTree;
-    updateJSON?: (layoutTree: LayoutTree) => void;
-    enableTabbar: boolean;
-    dimensions: () => Dimension;
-    sliderUpdateTimeout: number;
-    windowResizeTimeout: number;
-    disableSliderTimeout: boolean;
-    disableResizeTimeout: boolean;
-    hoverElementStyles?: JSX.CSSProperties;
-    bondWidth: number;
-    minTabHeight: number;
-    minTabWidth: number;
-    tabHeadHeight: number;
-}
-
-export declare interface UseDynamixLayoutResult {
-    layoutTree: LayoutTree | undefined;
-    tabs: string[];
-    setTabs: (tabs: string[]) => void;
-    setLayoutTree: (layoutTree: LayoutTree) => void;
-}
-
-export { }