@vuu-ui/vuu-layout 3.5.4 → 3.5.6

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": "3.5.4",
+  "version": "3.5.6",
   "description": "VUU Layout Components",
   "main": "./src/index.js",
   "author": "heswell",
@@ -11,20 +11,20 @@
   },
   "types": "types/index.d.ts",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "3.5.4",
-    "@vuu-ui/vuu-filter-types": "3.5.4"
+    "@vuu-ui/vuu-data-types": "3.5.6",
+    "@vuu-ui/vuu-filter-types": "3.5.6"
   },
   "dependencies": {
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-react": "3.5.4",
-    "@vuu-ui/vuu-datatable": "3.5.4",
-    "@vuu-ui/vuu-filters": "3.5.4",
-    "@vuu-ui/vuu-popups": "3.5.4",
-    "@vuu-ui/vuu-table": "3.5.4",
-    "@vuu-ui/vuu-ui-controls": "3.5.4",
-    "@vuu-ui/vuu-utils": "3.5.4"
+    "@vuu-ui/vuu-data-react": "3.5.6",
+    "@vuu-ui/vuu-datatable": "3.5.6",
+    "@vuu-ui/vuu-filters": "3.5.6",
+    "@vuu-ui/vuu-popups": "3.5.6",
+    "@vuu-ui/vuu-table": "3.5.6",
+    "@vuu-ui/vuu-ui-controls": "3.5.6",
+    "@vuu-ui/vuu-utils": "3.5.6"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

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/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>;

package/types/src/flexbox/flexbox-utils.d.ts

@@ -1,12 +0,0 @@
-import { ReactElement } from "react";
-import type { BreakPoint, ContentMeta } from "./flexboxTypes";
-export declare const SPLITTER = 1;
-export declare const PLACEHOLDER = 2;
-export declare const gatherChildMeta: (children: ReactElement[], dimension: "width" | "height", breakPoints?: BreakPoint[]) => {
-    index: number;
-    flexOpen: boolean;
-    intrinsicSize: number | undefined;
-    resizeable: any;
-}[];
-export declare const findSplitterAndPlaceholderPositions: (childMeta: ContentMeta[]) => any[];
-export declare const identifyResizeParties: (contentMeta: ContentMeta[], idx: number) => (number[] | undefined)[];

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

@@ -1,52 +0,0 @@
-import { CSSProperties, HTMLAttributes, MutableRefObject, ReactElement, ReactNode } from "react";
-import { SplitterProps } from "./Splitter";
-export interface LayoutContainerProps {
-    resizeable?: boolean;
-}
-export type SplitterMoveHandler = (content: ContentMeta[]) => void;
-export interface FlexboxProps extends LayoutContainerProps, HTMLAttributes<HTMLDivElement> {
-    breakPoints?: BreakPointsProp;
-    children?: ReactNode;
-    cols?: number;
-    column?: true;
-    fullPage?: number;
-    flexFill?: boolean;
-    gap?: number;
-    onSplitterMoved?: SplitterMoveHandler;
-    row?: true;
-    spacing?: number;
-    splitterSize?: number;
-}
-export interface FlexboxLayoutProps extends FlexboxProps {
-    path?: string;
-}
-export interface SplitterHookProps {
-    children: ReactNode;
-    onSplitterMoved?: (content: ContentMeta[]) => void;
-    style?: CSSProperties;
-}
-export interface SplitterHookResult {
-    content: ReactElement[];
-    rootRef: MutableRefObject<HTMLDivElement | null>;
-}
-export type SplitterFactory = (index: number) => ReactElement<SplitterProps>;
-export type ContentMeta = {
-    currentSize?: number;
-    flexOpen?: boolean;
-    flexBasis?: number;
-    intrinsicSize?: number;
-    minSize?: number;
-    placeholder?: boolean;
-    resizeable?: boolean;
-    shim?: boolean;
-    splitter?: boolean;
-};
-export type FlexSize = {
-    size: number;
-    minSize: number;
-};
-export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
-export type BreakPoints = BreakPoint[];
-export type BreakPointsProp = {
-    [keys in BreakPoint]?: number;
-};

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

@@ -1,2 +0,0 @@
-export { default as Flexbox } from "./Flexbox";
-export * from "./FlexboxLayout";

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

@@ -1,2 +0,0 @@
-import { SplitterHookProps, SplitterHookResult } from "./flexboxTypes";
-export declare const useSplitterResizing: ({ children: childrenProp, onSplitterMoved, style, }: SplitterHookProps) => SplitterHookResult;

package/types/src/index.d.ts

@@ -1,20 +0,0 @@
-export { default as Component } from "./Component";
-export * from "./dock-layout";
-export * from "./drag-drop";
-export * from "./flexbox";
-export { Action } from "./layout-action";
-export * from "./layout-header";
-export * from "./layout-provider";
-export * from "./layout-reducer";
-export { useViewActionDispatcher } from "./layout-view-actions/useViewActionDispatcher";
-export { useViewContext, useViewDispatch, ViewContext, type ConfigChangeHandler, type QueryResponse, type ViewContextAPI, type ViewDispatch, } from "./layout-view-actions/ViewContext";
-export * from "./LayoutContainer";
-export * from "./palette";
-export * from "./placeholder";
-export * from "./responsive";
-export * from "./stack";
-export * from "./use-persistent-state";
-export * from "./utils";
-export * from "./layout-view/viewTypes";
-export * from "./layout-view/View";
-export * from "./layout-view/useViewBroadcastChannel";

package/types/src/layout-action.d.ts

@@ -1,19 +0,0 @@
-export declare const Action: {
-    ADD: string;
-    BLUR: string;
-    BLUR_SPLITTER: string;
-    DRAG_START: string;
-    DRAG_STARTED: string;
-    DRAG_DROP: string;
-    FOCUS: string;
-    FOCUS_SPLITTER: string;
-    INITIALIZE: string;
-    LAYOUT_RESIZE: string;
-    MAXIMIZE: string;
-    MINIMIZE: string;
-    REMOVE: string;
-    REPLACE: string;
-    RESTORE: string;
-    SAVE: string;
-    SPLITTER_RESIZE: string;
-};

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

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

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

@@ -1,15 +0,0 @@
-import { HTMLAttributes } from "react";
-import { Contribution } from "../layout-view/viewTypes";
-export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
-    allowRename?: boolean;
-    collapsed?: boolean;
-    contributions?: Contribution[];
-    expanded?: boolean;
-    closeable?: boolean;
-    onCollapse?: () => void;
-    onEditTitle?: (value: string) => void;
-    onExpand?: () => void;
-    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;

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

@@ -1 +0,0 @@
-export * from './Header';

package/types/src/layout-header/useHeader.d.ts

@@ -1,20 +0,0 @@
-import { KeyboardEvent, MouseEventHandler } from "react";
-import type { HeaderProps } from "./Header";
-export interface HeaderHookProps extends Pick<HeaderProps, "onCollapse" | "onEditTitle" | "onExpand"> {
-    debugString?: string;
-    title: string;
-}
-export declare const useHeader: ({ onCollapse, onEditTitle, onExpand, title, }: HeaderHookProps) => {
-    editing: boolean;
-    focusTitle: () => void;
-    labelFieldRef: import("react").RefObject<HTMLDivElement | null>;
-    onClickEdit: () => void;
-    onClose: MouseEventHandler;
-    onExitEditMode: (originalValue?: string, finalValue?: string, allowDeactivation?: boolean, editCancelled?: boolean) => void;
-    onMouseDown: MouseEventHandler;
-    onToggleCollapse: MouseEventHandler;
-    onToggleExpand: MouseEventHandler;
-    onTitleKeyDown: (evt: KeyboardEvent<HTMLDivElement>) => void;
-    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    value: string;
-};