@dynamix-layout/solid 1.0.2 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @dynamix-layout/solid
 
+## 1.0.3
+
+### Patch Changes
+
+- [#84](https://github.com/xcode-studio/dynamix-layout/pull/84) [`a8295a7`](https://github.com/xcode-studio/dynamix-layout/commit/a8295a790a99cbf522ca68acd8057b666b401de4) Thanks [@akash-aman](https://github.com/akash-aman)! - Packaging fixes for 1.x, and deprecation notes ahead of 2.0.
+
+    - **React 18 works.** The React bundle no longer inlines React 19's `react/jsx-runtime`, and the peer dependencies are `react` and `react-dom` `^18.0.0 || ^19.0.0` (the `react` peer was `^0.0.1`). The React package's unused IIFE/UMD builds are gone; they weren't reachable through `exports`.
+    - **Types resolve.** The published declarations of the React and Solid packages imported `../../../core/src`, a path that doesn't exist in the package, so core types were `any`. Each package now ships one self-contained declaration file, plus `index.d.cts` for CommonJS.
+    - **`require()` works.** The CommonJS builds were named `*.cjs.js` in `"type": "module"` packages, so Node loaded them as ESM. They're now `*.cjs`. Core's `browser` field, which pointed at an IIFE without exports, is removed.
+    - **Installs on Node 18 and later** (it required Node 22).
+    - **Solid:** `solid-js` is a peer dependency, so apps don't end up with two copies.
+    - **Docs:**
+        - The README now gives the correct stylesheet path, `@dynamix-layout/react/style.css` (`styles.css` also works).
+        - Repository links point to `xcode-studio/dynamix-layout`.
+    - **Deprecations:** the props and exports that 2.0 renames or removes are marked `@deprecated`, each naming its replacement and linking the migration guide. Behaviour is unchanged.
+
+- Updated dependencies [[`a8295a7`](https://github.com/xcode-studio/dynamix-layout/commit/a8295a790a99cbf522ca68acd8057b666b401de4)]:
+    - @dynamix-layout/core@1.1.1
+
 ## 1.0.2
 
 ### Patch Changes

package/dist/types/index.d.cts

@@ -0,0 +1,190 @@
+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,4 +1,190 @@
-export * from './components/Layout';
-export * from './hooks/useLayout';
-export * from './components/Default';
-export * from './types';
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamix-layout/solid",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A powerful SolidJS component for creating dynamic, resizable, and draggable layouts.",
   "keywords": [
     "solid",
@@ -26,25 +26,32 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/xcode-studio/dynamix-layout",
+    "url": "git+https://github.com/xcode-studio/dynamix-layout.git",
     "directory": "packages/solid"
   },
   "bugs": {
     "url": "https://github.com/xcode-studio/dynamix-layout/issues"
   },
   "homepage": "https://github.com/xcode-studio/dynamix-layout#readme",
-  "main": "./dist/index.cjs.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
   "typings": "./dist/types/index.d.ts",
   "style": "./dist/index.css",
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/index.es.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
-    "./style.css": "./dist/index.css"
+    "./style.css": "./dist/index.css",
+    "./styles.css": "./dist/index.css",
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
@@ -61,8 +68,7 @@
   },
   "type": "module",
   "engines": {
-    "node": ">=22.16.0",
-    "pnpm": ">=10.13.1"
+    "node": ">=18"
   },
   "license": "MIT",
   "devDependencies": {
@@ -73,12 +79,15 @@
     "vite": "^7.3.6",
     "vite-plugin-solid": "2.11.14",
     "vitest": "^4.1.11",
+    "solid-js": "^1.9.15",
     "@repo/typescript-config": "0.0.0",
     "@repo/eslint-config": "0.0.0"
   },
   "dependencies": {
-    "solid-js": "^1.9.15",
-    "@dynamix-layout/core": "1.1.0"
+    "@dynamix-layout/core": "1.1.1"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
   },
   "scripts": {
     "dev": "vite build --watch",

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

@@ -1,23 +0,0 @@
-import { JSX } from 'solid-js';
-type DivProps = {
-    children?: JSX.Element;
-    active?: boolean;
-} & JSX.HTMLAttributes<HTMLDivElement>;
-export declare const DefaultWrapTabLabel: (props: DivProps) => JSX.Element;
-export declare const DefaultWrapTabBody: (props: DivProps) => JSX.Element;
-export declare const DefaultWrapTabHead: (props: DivProps) => JSX.Element;
-export declare const DefaultWrapTabPanel: (props: DivProps) => JSX.Element;
-export declare const DefaultHoverElement: (props: DivProps) => JSX.Element;
-export declare const DefaultSliderElement: (props: {
-    direction?: boolean;
-    children?: JSX.Element;
-} & DivProps) => JSX.Element;
-export declare const RootSplitterHoverEl: (props: {
-    area: "left" | "right" | "top" | "bottom";
-    size?: {
-        w: string;
-        h: string;
-    };
-    gap?: string;
-} & DivProps) => JSX.Element;
-export {};

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

@@ -1,4 +0,0 @@
-import { ParentComponent } from 'solid-js';
-import { LayoutProps, TabInput, TabOutput } from '../types';
-export declare const getTabOutput: (input: TabInput) => TabOutput;
-export declare const DynamixLayout: ParentComponent<LayoutProps>;

package/dist/types/hooks/useLayout.d.ts

@@ -1,39 +0,0 @@
-import { LayoutTree, DynamixLayoutCore, NodeOptions } from '../../../core/src';
-import { useDynamixLayoutOptions } from '../types';
-import { Accessor, Setter } from 'solid-js';
-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;
-};

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

@@ -1,100 +0,0 @@
-import { LayoutTree, Dimension } from '../../../core/src';
-import { JSX } from 'solid-js';
-export interface DynamixLayoutProps {
-    children?: JSX.Element;
-    layoutTree?: LayoutTree;
-    tabs?: string[];
-    class?: string;
-    style?: JSX.CSSProperties;
-}
-export interface UseDynamixLayoutOptions {
-    initialLayoutTree?: LayoutTree;
-    tabs?: string[];
-}
-export interface UseDynamixLayoutResult {
-    layoutTree: LayoutTree | undefined;
-    tabs: string[];
-    setTabs: (tabs: string[]) => void;
-    setLayoutTree: (layoutTree: LayoutTree) => void;
-}
-export type DivFC = (props: {
-    children?: JSX.Element;
-} & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export type TabEntry = {
-    uqid: string;
-    name: string;
-    node: JSX.Element;
-};
-export type TabInput = [string, JSX.Element][];
-export type TabOutput = {
-    keys: string[];
-    maps: Map<string, TabEntry>;
-    name: Map<string, string>;
-};
-export 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;
-    updateJSON?: (layoutTree: LayoutTree) => void;
-    minTabHeight?: number;
-    minTabWidth?: number;
-    sliderUpdateTimeout?: number;
-    windowResizeTimeout?: number;
-    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 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;
-}