@vuu-ui/vuu-layout 4.0.0-alpha.20 → 4.0.0-alpha.22

package/README.md

@@ -1 +1,18 @@
-This is a regular package
+# @vuu-ui/vuu-layout
+
+> **Deprecated:** this package is deprecated and will be removed in a future release.
+>
+> If you are using `Flexbox` with `resizeable` children to create a pair of panes
+> separated by a draggable splitter, use `SplitPane` from `@vuu-ui/vuu-ui-controls`
+> instead. `SplitPane` follows the API of the Salt `FlexLayout` component, with Salt
+> `FlexItem` components as children:
+>
+> ```tsx
+> import { FlexItem } from "@salt-ds/core";
+> import { SplitPane } from "@vuu-ui/vuu-ui-controls";
+>
+> <SplitPane direction="row" onSplitterMoved={([size1, size2]) => {}}>
+>   <FlexItem basis="200px">Left</FlexItem>
+>   <FlexItem grow={1}>Right</FlexItem>
+> </SplitPane>;
+> ```

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.0-alpha.20",
+  "version": "4.0.0-alpha.22",
   "description": "VUU Layout Components",
   "main": "./src/index.js",
   "type": "module",
@@ -12,20 +12,20 @@
   },
   "types": "types/index.d.ts",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.20"
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.22"
   },
   "dependencies": {
-    "@salt-ds/core": "1.67.0",
-    "@salt-ds/styles": "0.2.1",
-    "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-react": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-datatable": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-filters": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-popups": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.20",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.20"
+    "@salt-ds/core": "1.72.0",
+    "@salt-ds/styles": "0.4.1",
+    "@salt-ds/window": "0.1.2",
+    "@vuu-ui/vuu-data-react": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-datatable": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-filters": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-popups": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-table": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.22",
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.22"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/src/placeholder/LayoutStartPanel.css.js

@@ -9,7 +9,7 @@ const css = `
 }
 
 .vuuLayoutStartPanel-title {
-  color: var(--vuu-color-gray-80);
+  color: var(--salt-color-gray-800);
   text-align: center;
   font-size: 28px;
   line-height: 1.5;

package/types/dock-layout/DockLayout.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
 export type DockLayoutProps = HTMLAttributes<HTMLDivElement>;
-declare function DockLayout(props: DockLayoutProps): import("react").JSX.Element;
+declare function DockLayout(props: DockLayoutProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DockLayout {
     var displayName: string;
 }

package/types/dock-layout/Drawer.d.ts

@@ -10,7 +10,7 @@ export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
     sizeClosed?: number;
     toggleButton?: "start" | "end";
 }
-declare function Drawer({ children, className: classNameProp, clickToOpen, defaultOpen, sizeOpen, sizeClosed, style: styleProp, open: openProp, position, inline, onClick, peekaboo, toggleButton, ...props }: DrawerProps): import("react").JSX.Element;
+declare function Drawer({ children, className: classNameProp, clickToOpen, defaultOpen, sizeOpen, sizeClosed, style: styleProp, open: openProp, position, inline, onClick, peekaboo, toggleButton, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Drawer {
     var displayName: string;
 }

package/types/flexbox/Flexbox.d.ts

@@ -1,3 +1,7 @@
 import { FlexboxProps } from "./flexboxTypes";
+/**
+ * @deprecated vuu-layout is deprecated. For two panes separated by a
+ * draggable splitter, use `SplitPane` from `@vuu-ui/vuu-ui-controls`.
+ */
 declare const Flexbox: import("react").ForwardRefExoticComponent<FlexboxProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Flexbox;

package/types/flexbox/FlexboxLayout.d.ts

@@ -1,5 +1,5 @@
 import { FlexboxLayoutProps } from "./flexboxTypes";
-export declare function FlexboxLayout(props: FlexboxLayoutProps): import("react").JSX.Element;
+export declare function FlexboxLayout(props: FlexboxLayoutProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace FlexboxLayout {
     var displayName: string;
 }

package/types/flexbox/Splitter.d.ts

@@ -9,4 +9,4 @@ export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, "onD
     onDrag: SplitterDragHandler;
     onDragEnd: SplitterDragEndHandler;
 }
-export declare const Splitter: React.MemoExoticComponent<({ column, index, onDrag, onDragEnd, onDragStart, style, }: SplitterProps) => React.JSX.Element>;
+export declare const Splitter: React.MemoExoticComponent<({ column, index, onDrag, onDragEnd, onDragStart, style, }: SplitterProps) => import("react/jsx-runtime").JSX.Element>;

package/types/layout-header/ActionButton.d.ts

@@ -4,5 +4,5 @@ export interface ActionButtonProps extends Omit<HTMLAttributes<HTMLButtonElement
     iconName?: string;
     onClick: (evt: MouseEvent, actionId: "maximize" | "minimize" | "restore" | "tearout") => void;
 }
-declare const ActionButton: ({ actionId, className, iconName, onClick, ...props }: ActionButtonProps) => import("react").JSX.Element;
+declare const ActionButton: ({ actionId, className, iconName, onClick, ...props }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionButton;

package/types/layout-header/Header.d.ts

@@ -12,4 +12,4 @@ export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
     orientation?: "horizontal" | "vertical";
     tearOut?: boolean;
 }
-export declare const Header: ({ allowRename, className: classNameProp, contributions, collapsed, closeable, onCollapse, onEditTitle, onExpand, orientation: orientationProp, style, title, }: HeaderProps) => import("react").JSX.Element;
+export declare const Header: ({ allowRename, className: classNameProp, contributions, collapsed, closeable, onCollapse, onEditTitle, onExpand, orientation: orientationProp, style, title, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/types/layout-provider/LayoutProvider.d.ts

@@ -8,7 +8,7 @@ export interface LayoutProviderProps {
     workspaceJSON?: LayoutJSON | LayoutJSON[];
     onLayoutChange?: LayoutChangeHandler;
 }
-export declare const LayoutProviderVersion: () => import("react").JSX.Element;
+export declare const LayoutProviderVersion: () => import("react/jsx-runtime").JSX.Element;
 export declare const LayoutProvider: (props: LayoutProviderProps) => ReactElement;
 export declare const useLayoutProviderDispatch: () => LayoutProviderDispatch;
 export declare const useLayoutOperation: () => {

package/types/palette/Palette.d.ts

@@ -10,7 +10,7 @@ export interface PaletteItemProps extends OptionProps {
     component: ReactElement;
     idx?: number;
 }
-export declare const PaletteItem: import("react").MemoExoticComponent<({ className, component, idx, key, value, ViewProps, ...props }: PaletteItemProps) => import("react").JSX.Element>;
+export declare const PaletteItem: import("react").MemoExoticComponent<({ className, component, idx, key, value, ViewProps, ...props }: PaletteItemProps) => import("react/jsx-runtime").JSX.Element>;
 export interface PaletteProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDragStart" | "onDrop" | "onSelect"> {
     ListBoxProps?: Partial<ListBoxProps>;
     ViewProps?: Partial<ViewProps>;
@@ -18,4 +18,4 @@ export interface PaletteProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDr
     orientation: "horizontal" | "vertical";
     selection?: string;
 }
-export declare const Palette: ({ ListBoxProps, ViewProps, children, className, orientation, ...props }: PaletteProps) => import("react").JSX.Element;
+export declare const Palette: ({ ListBoxProps, ViewProps, children, className, orientation, ...props }: PaletteProps) => import("react/jsx-runtime").JSX.Element;

package/types/placeholder/LayoutStartPanel.d.ts

@@ -2,4 +2,4 @@ import { HTMLAttributes } from "react";
 export interface LayoutStartPanelProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
 }
-export declare const LayoutStartPanel: (htmlAttributes: LayoutStartPanelProps) => import("react").JSX.Element | null;
+export declare const LayoutStartPanel: (htmlAttributes: LayoutStartPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/placeholder/Placeholder.d.ts

@@ -10,7 +10,7 @@ export interface PlaceholderProps extends ViewProps {
      */
     shim?: boolean;
 }
-export declare function Placeholder({ className: classNameProp, showStartMenu, ...viewProps }: PlaceholderProps): import("react").JSX.Element;
+export declare function Placeholder({ className: classNameProp, showStartMenu, ...viewProps }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Placeholder {
     var displayName: string;
 }

package/types/responsive/overflowUtils.d.ts

@@ -1,2 +1,2 @@
-export function getOverflowedItems(containerRef: any, height?: number): any[][];
-export function findFirstOverflow(elements: any, height: any): number;
+export declare const getOverflowedItems: (containerRef: any, height?: number) => any[][];
+export declare const findFirstOverflow: (elements: any, height: any) => number;

package/types/stack/StackLayout.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 import { StackProps } from "./stackTypes";
-export declare function StackLayout(props: StackProps): React.JSX.Element;
+export declare function StackLayout(props: StackProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StackLayout {
     var displayName: string;
 }

package/types/tabs/TabPanel.d.ts

@@ -3,5 +3,5 @@ import './TabPanel.css';
 export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
     ariaLabelledBy: string;
 }
-declare const TabPanel: ({ ariaLabelledBy, children, id }: TabPanelProps) => import("react").JSX.Element;
+declare const TabPanel: ({ ariaLabelledBy, children, id }: TabPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default TabPanel;

package/types/tools/config-wrapper/ConfigWrapper.d.ts

@@ -1,2 +1 @@
-import React from "react";
-export declare const ConfigWrapper: ({ children }: any) => React.JSX.Element;
+export declare const ConfigWrapper: ({ children }: any) => import("react/jsx-runtime").JSX.Element;

package/types/tools/devtools-box/layout-configurator.d.ts

@@ -27,5 +27,5 @@ export declare const LayoutConfigurator: ({ height, managedStyle, onChange, styl
     onChange: any;
     style: any;
     width: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare function XXXnormalizeStyles(layoutStyle?: {}, visualStyle?: {}): {};

package/types/tools/devtools-tree/layout-tree-viewer.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 export declare const LayoutTreeViewer: ({ layout, onSelect: _, style }: {
     layout: any;
     onSelect: any;
     style: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/types/src/Component.d.ts

@@ -1,6 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface ComponentProps extends HTMLAttributes<HTMLDivElement> {
-    resizeable?: boolean;
-}
-declare const Component: React.FunctionComponent<ComponentProps>;
-export default Component;

package/types/src/LayoutContainer.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface LayoutContainerProps extends HTMLAttributes<HTMLDivElement> {
-    dropTarget?: boolean;
-    resizeable?: boolean;
-}
-export declare const LayoutContainer: import("react").ForwardRefExoticComponent<LayoutContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/debug.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement } from "react";
-export declare const tree: (el: ReactElement, depth?: number) => string;

package/types/src/dock-layout/DockLayout.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from "react";
-export type DockLayoutProps = HTMLAttributes<HTMLDivElement>;
-declare function DockLayout(props: DockLayoutProps): import("react").JSX.Element;
-declare namespace DockLayout {
-    var displayName: string;
-}
-export default DockLayout;

package/types/src/dock-layout/Drawer.d.ts

@@ -1,17 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
-    clickToOpen?: boolean;
-    defaultOpen?: boolean;
-    inline?: boolean;
-    open?: boolean;
-    peekaboo?: boolean;
-    position?: "left" | "right" | "top" | "bottom";
-    sizeOpen?: number;
-    sizeClosed?: number;
-    toggleButton?: "start" | "end";
-}
-declare function Drawer({ children, className: classNameProp, clickToOpen, defaultOpen, sizeOpen, sizeClosed, style: styleProp, open: openProp, position, inline, onClick, peekaboo, toggleButton, ...props }: DrawerProps): import("react").JSX.Element;
-declare namespace Drawer {
-    var displayName: string;
-}
-export default Drawer;

package/types/src/dock-layout/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DockLayout } from "./DockLayout";
-export { default as Drawer } from "./Drawer";

package/types/src/drag-drop/BoxModel.d.ts

@@ -1,143 +0,0 @@
-import { ReactElement } from "react";
-import { LayoutModel } from "@vuu-ui/vuu-utils";
-import { DragDropRect, DropPos, RelativePosition } from "./dragDropTypes";
-export declare const positionValues: {
-    north: number;
-    east: number;
-    south: number;
-    west: number;
-    header: number;
-    centre: number;
-    absolute: number;
-};
-export declare const RelativeDropPosition: {
-    AFTER: RelativePosition;
-    BEFORE: RelativePosition;
-};
-export declare const Position: Readonly<{
-    North: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-    East: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-    South: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-    West: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-    Header: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-    Centre: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-    Absolute: Readonly<{
-        offset: number;
-        valueOf: () => number;
-        toString: () => "absolute" | "centre" | "east" | "header" | "north" | "south" | "west";
-        North: boolean;
-        South: boolean;
-        East: boolean;
-        West: boolean;
-        Header: boolean;
-        Centre: boolean;
-        NorthOrSouth: boolean;
-        EastOrWest: boolean;
-        NorthOrWest: boolean;
-        SouthOrEast: boolean;
-        Absolute: boolean;
-    }>;
-}>;
-export interface Measurements {
-    [key: string]: DragDropRect;
-}
-export declare class BoxModel {
-    static measure(model: ReactElement, dropTargetPaths?: string[]): Measurements;
-    static allBoxesContainingPoint(layout: LayoutModel, measurements: Measurements, x: number, y: number, validDropTargets?: string[]): LayoutModel[];
-}
-export declare function pointPositionWithinRect(x: number, y: number, rect: DragDropRect, borderZone?: number): {
-    pctX: number;
-    pctY: number;
-    closeToTheEdge: number;
-};
-export declare function getPosition(x: number, y: number, rect: DragDropRect, targetOrientation?: "row" | "column"): DropPos;

package/types/src/drag-drop/DragState.d.ts

@@ -1,46 +0,0 @@
-import { DragDropRect } from './dragDropTypes';
-export type IntrinsicSizes = {
-    height?: number;
-    width?: number;
-};
-interface ZoneRange {
-    hi: number;
-    lo: number;
-}
-type DragConstraint = {
-    zone: {
-        x: ZoneRange;
-        y: ZoneRange;
-    };
-    pos: {
-        x: ZoneRange;
-        y: ZoneRange;
-    };
-    mouse: {
-        x: ZoneRange;
-        y: ZoneRange;
-    };
-};
-interface ExtendedZoneRange {
-    lo: boolean;
-    hi: boolean;
-    mousePct: number;
-    mousePos: number;
-    pos: number;
-}
-export declare class DragState {
-    constraint: DragConstraint;
-    x: ExtendedZoneRange;
-    y: ExtendedZoneRange;
-    intrinsicSize: IntrinsicSizes | undefined;
-    constructor(zone: DragDropRect, mouseX: number, mouseY: number, measurements: DragDropRect, intrinsicSize?: IntrinsicSizes);
-    init(zone: DragDropRect, mouseX: number, mouseY: number, rect: DragDropRect, intrinsicSize?: IntrinsicSizes): void;
-    outOfBounds(): boolean;
-    inBounds(): boolean;
-    dropX(): number;
-    dropY(): number;
-    hasIntrinsicSize(): number | undefined;
-    update(xy: 'x' | 'y', mousePos: number): boolean;
-    private dropXY;
-}
-export {};

package/types/src/drag-drop/Draggable.d.ts

@@ -1,24 +0,0 @@
-import { rect } from "@vuu-ui/vuu-utils";
-import { ReactElement } from "react";
-import { IntrinsicSizes } from "./DragState";
-import { DropTarget } from "./DropTarget";
-export type DragStartCallback = (e: MouseEvent, x: number, y: number) => void;
-export type DragMoveCallback = (x: number | undefined, y: number | undefined) => void;
-export type DragEndCallback = (droppedTarget?: Partial<DropTarget>) => void;
-export type DragInstructions = {
-    DoNotRemove?: boolean;
-    DoNotTransform?: boolean;
-    dragThreshold?: number;
-    DriftHomeIfNoDropTarget?: boolean;
-    RemoveDraggableOnDragEnd?: boolean;
-};
-export declare const Draggable: {
-    handleMousedown(e: MouseEvent, dragStartCallback: DragStartCallback, dragInstructions?: DragInstructions): void;
-    initDrag(rootContainer: ReactElement, dragContainerPath: string, { top, left, right, bottom }: rect, dragPos: {
-        x: number;
-        y: number;
-    }, dragHandler: {
-        drag: DragMoveCallback;
-        drop: DragEndCallback;
-    }, intrinsicSize?: IntrinsicSizes, dropTargets?: string[]): string;
-};

package/types/src/drag-drop/DropTarget.d.ts

@@ -1,60 +0,0 @@
-import { LayoutModel, rectTuple } from "@vuu-ui/vuu-utils";
-import { Measurements } from "./BoxModel";
-import { DragDropRect, DropPos, DropPosTab } from "./dragDropTypes";
-import { DragState } from "./DragState";
-export declare const isTabstrip: (dropTarget: DropTarget) => boolean | undefined;
-export interface DropTargetProps {
-    component: LayoutModel;
-    pos: DropPos;
-    clientRect: DragDropRect;
-    nextDropTarget: DropTarget | null;
-}
-export type GuideLine = [
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number
-];
-export interface TargetDropOutline {
-    l: number;
-    r: number;
-    t: number;
-    b: number;
-    tabLeft?: number;
-    tabWidth?: number;
-    tabHeight?: number;
-    guideLines?: GuideLine;
-}
-export declare class DropTarget {
-    private active;
-    box: unknown;
-    clientRect: DragDropRect;
-    component: LayoutModel;
-    dropRect: rectTuple | undefined;
-    nextDropTarget: DropTarget | null;
-    pos: DropPos;
-    constructor({ component, pos, clientRect, nextDropTarget, }: DropTargetProps);
-    targetTabPos(tab: DropPosTab): number;
-    /**
-     * Determine what will be rendered by the dropTargetRenderer
-     *
-     * @param {*} lineWidth
-     * @param {*} dragState
-     * @returns {l, t, r, b, tabLeft, tabWidth, tabHeight}
-     */
-    getTargetDropOutline(lineWidth: number, dragState?: DragState): TargetDropOutline;
-    getDropTabOutline(lineWidth: number, tab: DropPosTab): TargetDropOutline;
-    getIntrinsicDropRect(dragState: DragState): TargetDropOutline;
-    /**
-     * @returns  [left, top, right, bottom]
-     */
-    getDropRectOutline(lineWidth: number, dragState?: DragState): number[] | null;
-    activate(): this;
-    toArray(this: DropTarget): DropTarget[];
-    static getActiveDropTarget(dropTarget: DropTarget | null): DropTarget | null;
-}
-export declare function identifyDropTarget(x: number, y: number, rootLayout: LayoutModel, measurements: Measurements, intrinsicSize?: number, validDropTargets?: string[]): DropTarget | null;

package/types/src/drag-drop/DropTargetRenderer.d.ts

@@ -1,17 +0,0 @@
-import { DragDropRect } from "./dragDropTypes";
-import { DragState } from "./DragState";
-import { DropTarget } from "./DropTarget";
-type Point = [number, number];
-type TabMode = "full-view" | "tab-only";
-export default class DropTargetCanvas {
-    private currentPath;
-    private tabMode;
-    constructor();
-    prepare(dragRect: DragDropRect, tabMode?: TabMode): void;
-    clear(): void;
-    get hoverDropTarget(): DropTarget | null;
-    getPoints(x: number, y: number, width: number, height: number, tabLeft?: number, tabWidth?: number, tabHeight?: number): Point[];
-    draw(dropTarget: DropTarget, dragState: DragState): void;
-    drawTarget(dropTarget: DropTarget, dragState?: DragState): void;
-}
-export {};

package/types/src/drag-drop/dragDropTypes.d.ts

@@ -1,51 +0,0 @@
-import type { rect } from "@vuu-ui/vuu-utils";
-export interface DragDropRect extends rect {
-    children?: DragDropRect[];
-    header?: {
-        top: number;
-        left: number;
-        right: number;
-        bottom: number;
-        titleWidth?: number;
-    };
-    height: number;
-    scrolling?: {
-        id: string;
-        scrollTop: number;
-        scrollHeight: number;
-    };
-    Stack?: {
-        left: number;
-        right: number;
-    }[];
-    width: number;
-}
-export interface DropPosition {
-    Absolute: boolean;
-    Centre: boolean;
-    East: boolean;
-    EastOrWest: boolean;
-    Header: boolean;
-    North: boolean;
-    NorthOrSouth: boolean;
-    offset: number;
-    South: boolean;
-    SouthOrEast: boolean;
-    West: boolean;
-}
-export type RelativePosition = "after" | "before";
-export type DropPosTab = {
-    index: number;
-    left: number;
-    positionRelativeToTab: RelativePosition;
-    width: number;
-};
-export interface DropPos {
-    closeToTheEdge: number;
-    height?: number;
-    position: DropPosition;
-    tab?: DropPosTab;
-    width?: number;
-    x: number;
-    y: number;
-}

package/types/src/drag-drop/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./dragDropTypes";
-export * from "./Draggable";
-export * from "./DropTarget";

package/types/src/flexbox/Flexbox.d.ts

@@ -1,3 +0,0 @@
-import { FlexboxProps } from "./flexboxTypes";
-declare const Flexbox: import("react").ForwardRefExoticComponent<FlexboxProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Flexbox;

package/types/src/flexbox/FlexboxLayout.d.ts

@@ -1,5 +0,0 @@
-import { FlexboxLayoutProps } from "./flexboxTypes";
-export declare function FlexboxLayout(props: FlexboxLayoutProps): import("react").JSX.Element;
-export declare namespace FlexboxLayout {
-    var displayName: string;
-}

package/types/src/flexbox/Splitter.d.ts

@@ -1,12 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export type SplitterDragStartHandler = (index: number) => void;
-export type SplitterDragHandler = (index: number, distance: number) => void;
-export type SplitterDragEndHandler = () => void;
-export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDrag" | "onDragStart"> {
-    column: boolean;
-    index: number;
-    onDragStart: SplitterDragStartHandler;
-    onDrag: SplitterDragHandler;
-    onDragEnd: SplitterDragEndHandler;
-}
-export declare const Splitter: React.MemoExoticComponent<({ column, index, onDrag, onDragEnd, onDragStart, style, }: SplitterProps) => React.JSX.Element>;