@vuu-ui/vuu-layout 4.0.0-alpha.9 → 4.0.0-beta.1

package/types/src/layout-reducer/layoutTypes.d.ts

@@ -1,135 +0,0 @@
-import { LayoutJSON } from "@vuu-ui/vuu-utils";
-import { ReactElement } from "react";
-import { DragDropRect, DragInstructions } from "../drag-drop";
-import { DropTarget } from "../drag-drop/DropTarget";
-export type layoutType = "Flexbox" | "View" | "LayoutContainer" | "Stack";
-export declare const LayoutActionType: {
-    readonly ADD: "add";
-    readonly DRAG_START: "drag-start";
-    readonly DRAG_DROP: "drag-drop";
-    readonly LAYOUT_RESIZE: "layout-resize";
-    readonly MAXIMIZE: "maximize";
-    readonly MINIMIZE: "minimize";
-    readonly MOVE_CHILD: "move-child";
-    readonly QUERY: "query";
-    readonly REMOVE: "remove";
-    readonly REPLACE: "replace";
-    readonly RESTORE: "restore";
-    readonly SET_PROP: "set-prop";
-    readonly SET_PROPS: "set-props";
-    readonly SET_TITLE: "set-title";
-    readonly SPLITTER_RESIZE: "splitter-resize";
-    readonly SWITCH_TAB: "switch-tab";
-    readonly TEAROUT: "tearout";
-};
-export type AddAction = {
-    component: any;
-    path: string;
-    type: typeof LayoutActionType.ADD;
-};
-export type DragDropAction = {
-    draggedReactElement: ReactElement;
-    dragInstructions: any;
-    dropTarget: Partial<DropTarget>;
-    type: typeof LayoutActionType.DRAG_DROP;
-};
-export type MaximizeAction = {
-    path?: string;
-    type: typeof LayoutActionType.MAXIMIZE;
-};
-export type CollapseAction = {
-    path?: string;
-    type: "collapse";
-};
-export type ExpandAction = {
-    path?: string;
-    type: "expand";
-};
-export type MoveChildAction = {
-    fromIndex: number;
-    toIndex: number;
-    path: string;
-    type: typeof LayoutActionType.MOVE_CHILD;
-};
-export type QueryAction = {
-    path?: string;
-    query: string;
-    type: typeof LayoutActionType.QUERY;
-};
-export type RemoveAction = {
-    path?: string;
-    type: typeof LayoutActionType.REMOVE;
-};
-export type ReplaceAction = {
-    replacement: any;
-    target: any;
-    type: typeof LayoutActionType.REPLACE;
-};
-export type RestoreAction = {
-    path?: string;
-    type: typeof LayoutActionType.RESTORE;
-};
-export type SetPropAction = {
-    path: string;
-    propName: string;
-    propValue: string | number | boolean;
-    type: typeof LayoutActionType.SET_PROP;
-};
-export type SetPropsAction = {
-    path: string;
-    props: {
-        [key: string]: unknown;
-    };
-    type: typeof LayoutActionType.SET_PROPS;
-};
-export type SetTitleAction = {
-    path: string;
-    title: string;
-    type: typeof LayoutActionType.SET_TITLE;
-};
-export type SplitterResizeAction = {
-    path: string;
-    sizes: {
-        currentSize: number;
-        flexBasis: number;
-    }[];
-    type: typeof LayoutActionType.SPLITTER_RESIZE;
-};
-export type LayoutResizeAction = {
-    path: string;
-    size: number;
-    type: typeof LayoutActionType.LAYOUT_RESIZE;
-};
-export type SwitchTabAction = {
-    id?: string;
-    nextIdx: number;
-    path: string;
-    type: typeof LayoutActionType.SWITCH_TAB;
-};
-export type TearoutAction = {
-    path?: string;
-    type: typeof LayoutActionType.TEAROUT;
-};
-export type LayoutReducerAction = AddAction | DragDropAction | LayoutResizeAction | CollapseAction | ExpandAction | MoveChildAction | RemoveAction | ReplaceAction | RestoreAction | SetPropAction | SetPropsAction | SetTitleAction | SplitterResizeAction | SwitchTabAction;
-export type MousedownViewAction = {
-    preDragActivity?: unknown;
-    index?: number;
-    type: "mousedown";
-};
-export type DragStartAction = {
-    payload?: ReactElement;
-    dragContainerPath?: string;
-    dragElement?: HTMLElement;
-    dragRect: DragDropRect;
-    dropTargets?: string[];
-    evt: MouseEvent;
-    instructions?: DragInstructions;
-    path: string;
-    type: typeof LayoutActionType.DRAG_START;
-};
-export type LayoutLevelChange = "add-component" | "drag-drop-operation" | "edit-feature-title" | "remove-component" | "resize-component" | "switch-active-tab" | "save-feature-props";
-export type ApplicationLevelChange = "switch-active-layout" | "open-layout" | "close-layout" | "rename-layout" | "resize-application-chrome";
-export type LayoutChangeReason = LayoutLevelChange | ApplicationLevelChange;
-export type LayoutChangeHandler = (layout: LayoutJSON, layoutChangeReason: LayoutChangeReason) => void;
-export declare const isApplicationLevelChange: (layoutChangeReason: LayoutChangeReason) => layoutChangeReason is ApplicationLevelChange;
-export declare const isLayoutLevelChange: (layoutChangeReason: LayoutChangeReason) => layoutChangeReason is LayoutLevelChange;

package/types/src/layout-reducer/layoutUtils.d.ts

@@ -1,44 +0,0 @@
-import { LayoutJSON, LayoutModel, dimension } from "@vuu-ui/vuu-utils";
-import React, { CSSProperties, ReactElement } from "react";
-import { TabLabelFactory } from "../stack";
-import { layoutType } from "./layoutTypes";
-interface ComponentWithId {
-    id: string;
-    [key: string]: unknown;
-}
-export declare const getManagedDimension: (style: CSSProperties) => [dimension, dimension];
-export declare const applyLayoutProps: (component: ReactElement, path?: string) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export interface LayoutProps extends ComponentWithId {
-    active?: number;
-    "data-path"?: string;
-    children?: ReactElement[];
-    column?: boolean;
-    dropTarget?: boolean;
-    key: string;
-    layout?: LayoutJSON;
-    path?: string;
-    resizeable?: boolean;
-    style: CSSProperties;
-    type?: string;
-    version?: number;
-}
-/**
- * parse the declarative JSX and clone adding layout attributes
- */
-export declare const cloneElementAddLayoutProps: (layoutElement: ReactElement, previousLayout?: ReactElement) => ReactElement;
-export declare const applyLayout: (type: layoutType, props: LayoutProps, previousLayout?: LayoutModel) => LayoutModel;
-export declare function layoutFromJson({ active, id, type, children, props, state }: LayoutJSON, path: string): ReactElement;
-export declare function layoutToJSON(component: ReactElement): LayoutJSON<{
-    [key: string]: any;
-}>;
-export declare function componentToJson(component: ReactElement): LayoutJSON;
-export declare function serializeProps(props?: LayoutProps): {
-    [key: string]: any;
-} | undefined;
-export type LayoutQuery = "PARENT_CONTAINER";
-export declare const layoutQuery: (query: LayoutQuery, path?: string, layoutRoot?: ReactElement) => {
-    parentContainerId: any;
-    parentContainerType: string | undefined;
-} | undefined;
-export declare const getDefaultTabLabel: TabLabelFactory;
-export {};

package/types/src/layout-reducer/move-layout-element.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from "react";
-import { MoveChildAction } from "./layoutTypes";
-export declare function moveChild(layoutRoot: ReactElement, { fromIndex, path, toIndex }: MoveChildAction): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/types/src/layout-reducer/remove-layout-element.d.ts

@@ -1,3 +0,0 @@
-import React, { ReactElement } from "react";
-import { RemoveAction } from "./layoutTypes";
-export declare function removeChild(layoutRoot: ReactElement, { path }: RemoveAction): ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/types/src/layout-reducer/replace-layout-element.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactElement } from "react";
-import { ReplaceAction } from "./layoutTypes";
-import { LayoutProps } from "./layoutUtils";
-export declare function replaceChild(model: ReactElement, { target, replacement }: ReplaceAction): ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare function _replaceChild(model: ReactElement, child: ReactElement, replacement: ReactElement<LayoutProps>): ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare function swapChild(model: ReactElement, child: ReactElement, replacement: ReactElement, op?: "collapse" | "expand"): ReactElement;

package/types/src/layout-reducer/resize-flex-children.d.ts

@@ -1,4 +0,0 @@
-import React, { ReactElement } from "react";
-import { LayoutResizeAction, SplitterResizeAction } from "./layoutTypes";
-export declare function resizeFlexChild(layoutRoot: ReactElement, { path, size }: LayoutResizeAction): ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare function resizeFlexChildren(layoutRoot: ReactElement, { path, sizes }: SplitterResizeAction): ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/types/src/layout-reducer/wrap-layout-element.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from "react";
-import { DropPos } from "../drag-drop/dragDropTypes";
-import { DropTarget } from "../drag-drop/DropTarget";
-export interface LayoutSpec {
-    type: "Stack" | "Flexbox";
-    flexDirection: "column" | "row";
-    showTabs?: boolean;
-}
-export declare function wrap(container: ReactElement, existingComponent: ReactElement, newComponent: any, pos: DropPos, clientRect?: DropTarget["clientRect"], dropRect?: DropTarget["dropRect"]): ReactElement;

package/types/src/layout-view/View.d.ts

@@ -1,10 +0,0 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ViewProps } from "./viewTypes";
-interface ViewComponentType {
-    (props: ViewProps & {
-        ref?: ForwardedRef<HTMLDivElement>;
-    }): ReactElement<ViewProps>;
-    displayName?: string;
-}
-declare const MemoView: ViewComponentType;
-export { MemoView as View };

package/types/src/layout-view/useView.d.ts

@@ -1,20 +0,0 @@
-import { RefObject } from "react";
-import { ConfigChangeHandler } from "../layout-view-actions/ViewContext";
-export interface ViewHookProps {
-    id: string;
-    rootRef: RefObject<HTMLDivElement | null>;
-    path?: string;
-    dropTargets?: string[];
-    title?: string;
-}
-export declare const useView: ({ id, rootRef, path, dropTargets, title: titleProp, }: ViewHookProps) => {
-    contributions: import("./viewTypes").Contribution[] | undefined;
-    dispatchViewAction: import("..").ViewDispatch;
-    load: (key?: string) => any;
-    onConfigChange: ConfigChangeHandler;
-    onEditTitle: (title: string) => void;
-    purge: (key: string) => void;
-    restoredState: any;
-    save: (state: unknown, key: string) => void;
-    title: any;
-};

package/types/src/layout-view/useViewBroadcastChannel.d.ts

@@ -1,7 +0,0 @@
-export interface ViewBroadcastMessage {
-    path?: string;
-    targetId?: string;
-    type: "highlight-on" | "highlight-off" | "layout-closed";
-}
-export type BroadcastMessageHandler = (message: ViewBroadcastMessage) => void;
-export declare const useViewBroadcastChannel: (id?: string, path?: string, onMessageReceived?: BroadcastMessageHandler) => (message: ViewBroadcastMessage) => void;

package/types/src/layout-view/useViewResize.d.ts

@@ -1,7 +0,0 @@
-import { RefObject } from "react";
-export interface ViewResizeHookProps {
-    mainRef: RefObject<HTMLDivElement | null>;
-    resize?: "defer" | "responsive";
-    rootRef: RefObject<HTMLDivElement | null>;
-}
-export declare const useViewResize: ({ mainRef, resize, rootRef, }: ViewResizeHookProps) => void;

package/types/src/layout-view/viewTypes.d.ts

@@ -1,48 +0,0 @@
-import { CSSProperties, FunctionComponent, HTMLAttributes, ReactElement } from "react";
-import { HeaderProps } from "../layout-header";
-import { MaximizeAction, CollapseAction, ExpandAction, MousedownViewAction, QueryAction, RemoveAction, RestoreAction, TearoutAction } from "../layout-reducer";
-import { ViewBroadcastMessage } from "./useViewBroadcastChannel";
-export type SaveAction = {
-    type: "save";
-};
-export type ContributionLocation = "post-title" | "pre-title";
-export type Contribution = {
-    index?: number;
-    location?: ContributionLocation;
-    content: ReactElement;
-};
-export type AddToolbarContributionViewAction = {
-    content: ReactElement;
-    location: ContributionLocation;
-    type: "add-toolbar-contribution";
-};
-export type RemoveToolbarContributionViewAction = {
-    location: ContributionLocation;
-    type: "remove-toolbar-contribution";
-};
-export type BroadcastMessageViewAction = {
-    type: "broadcast-message";
-    message: ViewBroadcastMessage;
-};
-export type ViewAction = BroadcastMessageViewAction | MaximizeAction | CollapseAction | ExpandAction | MousedownViewAction | QueryAction | RemoveAction | RestoreAction | TearoutAction | AddToolbarContributionViewAction | RemoveToolbarContributionViewAction;
-export type ResizeStrategy = "defer" | "responsive";
-export interface ViewProps extends HTMLAttributes<HTMLDivElement> {
-    Header?: FunctionComponent<HeaderProps>;
-    allowRename?: boolean;
-    closeable?: boolean;
-    collapsed?: boolean;
-    "data-path"?: string;
-    "data-resizeable"?: boolean;
-    dropTargets?: string[];
-    expanded?: boolean;
-    flexFill?: boolean;
-    header?: boolean | Partial<HeaderProps>;
-    onCollapse?: () => void;
-    onExpand?: () => void;
-    orientation?: "vertical" | "horizontal";
-    path?: string;
-    resize?: ResizeStrategy;
-    resizeable?: boolean;
-    restoreStyle?: CSSProperties;
-    tearOut?: boolean;
-}

package/types/src/layout-view-actions/ViewContext.d.ts

@@ -1,35 +0,0 @@
-import React, { SyntheticEvent } from "react";
-import { ViewAction } from "../layout-view/viewTypes";
-export type QueryResponse = {
-    [key: string]: unknown;
-};
-export type ConfigChangeHandler = (config: {
-    [key: string]: unknown;
-    type: string;
-}) => void;
-export type ViewDispatch = <Action extends ViewAction = ViewAction>(action: Action, evt?: SyntheticEvent) => Promise<boolean | QueryResponse | void>;
-/**
- * This API is available to any Feature hosted within Vuu (as all Features are wrapped
- * with View component). It offers metadata about the View as well as access to the
- * Vuu persistencew API;
- */
-export interface ViewContextAPI {
-    /**
-     * dispatcher for View actions. These are a subset of LayoutActions, specifically for
-     * View manipulation
-     */
-    dispatch?: ViewDispatch | null;
-    id?: string;
-    load?: <T = unknown>(key?: string) => T;
-    onConfigChange?: ConfigChangeHandler;
-    path?: string;
-    purge?: (key: string) => void;
-    save?: (state: unknown, key: string) => void;
-    setComponentProps: (props: {
-        [key: string]: unknown;
-    }) => void;
-    title?: string;
-}
-export declare const ViewContext: React.Context<ViewContextAPI>;
-export declare const useViewDispatch: () => ViewDispatch | null;
-export declare const useViewContext: () => ViewContextAPI;

package/types/src/layout-view-actions/useViewActionDispatcher.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from "react";
-import { ViewDispatch } from "./ViewContext";
-import { Contribution } from "../layout-view/viewTypes";
-export declare const useViewActionDispatcher: (id: string, rootRef: RefObject<HTMLDivElement | null>, viewPath?: string, dropTargets?: string[]) => [ViewDispatch, Contribution[] | undefined];

package/types/src/layout-view-actions/useViewContributions.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from "react";
-import type { Contribution, ContributionLocation } from "../layout-view/viewTypes";
-export declare const useViewContributions: ({ sessionKey, }: {
-    sessionKey: string;
-}) => {
-    clearContributions: () => void;
-    contributions: Contribution[];
-    updateContributions: (location: ContributionLocation, content: ReactElement) => void;
-};

package/types/src/palette/Palette.d.ts

@@ -1,21 +0,0 @@
-import { ListBoxProps, OptionProps } from "@salt-ds/core";
-import { HTMLAttributes, ReactElement } from "react";
-import type { ViewProps } from "../layout-view/viewTypes";
-export interface PaletteItemProps extends OptionProps {
-    /**
-     * This is the payload that will be created when the
-     * palette item is dropped
-     */
-    ViewProps?: Pick<ViewProps, "allowRename" | "closeable" | "header" | "resizeable" | "resize" | "title">;
-    component: ReactElement;
-    idx?: number;
-}
-export declare const PaletteItem: import("react").MemoExoticComponent<({ className, component, idx, key, value, ViewProps, ...props }: PaletteItemProps) => import("react").JSX.Element>;
-export interface PaletteProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDragStart" | "onDrop" | "onSelect"> {
-    ListBoxProps?: Partial<ListBoxProps>;
-    ViewProps?: Partial<ViewProps>;
-    children: ReactElement[];
-    orientation: "horizontal" | "vertical";
-    selection?: string;
-}
-export declare const Palette: ({ ListBoxProps, ViewProps, children, className, orientation, ...props }: PaletteProps) => import("react").JSX.Element;

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

@@ -1 +0,0 @@
-export * from "./Palette";

package/types/src/placeholder/LayoutStartPanel.d.ts

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

package/types/src/placeholder/Placeholder.d.ts

@@ -1,16 +0,0 @@
-import type { ViewProps } from "../layout-view/viewTypes";
-export interface PlaceholderProps extends ViewProps {
-    closeable?: boolean;
-    flexFill?: boolean;
-    resizeable?: boolean;
-    showStartMenu?: boolean;
-    /**
-     * shim is only when we're dealing with intrinsically sized children, which is never
-     * in an actual application. Intrinsic sizing is still experimental.
-     */
-    shim?: boolean;
-}
-export declare function Placeholder({ className: classNameProp, showStartMenu, ...viewProps }: PlaceholderProps): import("react").JSX.Element;
-export declare namespace Placeholder {
-    var displayName: string;
-}

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

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

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

@@ -1,2 +0,0 @@
-export * from "./useResizeObserver";
-export * from "./utils";

package/types/src/responsive/measureMinimumNodeSize.d.ts

@@ -1 +0,0 @@
-export declare function measureMinimumNodeSize(node: HTMLElement, dimension?: 'width' | 'height'): number;

package/types/src/responsive/overflowUtils.d.ts

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

package/types/src/responsive/useResizeObserver.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from "react";
-export declare const WidthHeight: string[];
-export declare const HeightOnly: string[];
-export declare const WidthOnly: string[];
-export type measurements<T = string | number> = {
-    height?: T;
-    scrollHeight?: T;
-    scrollWidth?: T;
-    width?: T;
-};
-export type ResizeHandler = (measurements: measurements<number>) => void;
-export declare const resizeObserver: ResizeObserver;
-export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/src/responsive/utils.d.ts

@@ -1,6 +0,0 @@
-export declare const isResponsiveAttribute: (propName: string) => boolean;
-type Props = {
-    [key: string]: any;
-};
-export declare const extractResponsiveProps: (props: Props) => [Props, Props];
-export {};

package/types/src/stack/Stack.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { StackProps } from "./stackTypes";
-export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;

package/types/src/stack/StackLayout.d.ts

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

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

@@ -1,3 +0,0 @@
-export * from "./Stack";
-export * from "./StackLayout";
-export * from "./stackTypes";

package/types/src/stack/stackTypes.d.ts

@@ -1,24 +0,0 @@
-import { TabstripProps } from "@vuu-ui/vuu-ui-controls";
-import { HTMLAttributes, MouseEvent, ReactElement, ReactNode } from "react";
-export type TabLabelFactory = (component: ReactElement, index: number, existingLabels: string[]) => string;
-export interface SerializableStackProps {
-    active?: number;
-    /** should the Stack display a Tabstrip and where ? default top */
-    showTabs?: false | TabPosition;
-}
-export type TabPosition = "top" | "left" | "right" | "bottom";
-export interface StackProps extends SerializableStackProps, Omit<HTMLAttributes<HTMLDivElement>, "onMouseDown"> {
-    TabstripProps?: Partial<TabstripProps>;
-    createNewChild?: (index: number) => ReactElement;
-    getTabIcon?: (component: ReactElement, index: number) => string | undefined;
-    getTabLabel?: TabLabelFactory;
-    keyBoardActivation?: "automatic" | "manual";
-    onAddTab?: () => void;
-    onMoveTab?: (fromIndex: number, toIndex: number) => void;
-    onMouseDown?: (e: MouseEvent, tabIndex: number) => void;
-    onTabClose?: (tabIndex: number) => void;
-    onTabEdit?: (tabIndex: number, label: string) => void;
-    onTabSelectionChanged?: (nextIndex: number) => void;
-    path?: string;
-    toolbarContent?: ReactNode;
-}

package/types/src/tabs/TabPanel.d.ts

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

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

@@ -1 +0,0 @@
-export { default as TabPanel } from './TabPanel';

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

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

package/types/src/tools/config-wrapper/index.d.ts

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

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

@@ -1,31 +0,0 @@
-export declare const MARGIN_STYLES: {
-    margin: boolean;
-    marginTop: boolean;
-    marginRight: boolean;
-    marginBottom: boolean;
-    marginLeft: boolean;
-};
-export declare const PADDING_STYLES: {
-    padding: boolean;
-    paddingTop: boolean;
-    paddingRight: boolean;
-    paddingBottom: boolean;
-    paddingLeft: boolean;
-};
-export declare const BORDER_STYLES: {
-    border: boolean;
-    borderColor: boolean;
-    borderWidth: boolean;
-    borderTopWidth: boolean;
-    borderRightWidth: boolean;
-    borderBottomWidth: boolean;
-    borderLeftWidth: boolean;
-};
-export declare const LayoutConfigurator: ({ height, managedStyle, onChange, style, width, }: {
-    height: any;
-    managedStyle: any;
-    onChange: any;
-    style: any;
-    width: any;
-}) => import("react").JSX.Element;
-export declare function XXXnormalizeStyles(layoutStyle?: {}, visualStyle?: {}): {};

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

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

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

@@ -1,3 +0,0 @@
-export * from './config-wrapper';
-export * from './devtools-box/layout-configurator';
-export * from './devtools-tree/layout-tree-viewer';

package/types/src/use-persistent-state.d.ts

@@ -1,8 +0,0 @@
-export declare const getPersistentState: (id: string) => any;
-export declare const hasPersistentState: (id: string) => boolean;
-export declare const setPersistentState: (id: string, value: any) => Map<string, any>;
-export declare const usePersistentState: () => {
-    loadState: (id: string, key?: string) => any;
-    saveState: (id: string, key: string | undefined, data: unknown) => void;
-    purgeState: (id: string, key?: string) => void;
-};

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

@@ -1,5 +0,0 @@
-export * from "./pathUtils";
-export * from "./propUtils";
-export * from "./refUtils";
-export * from "./styleUtils";
-export * from "./typeOf";

package/types/src/utils/pathUtils.d.ts

@@ -1,31 +0,0 @@
-import { LayoutJSON, LayoutModel } from "@vuu-ui/vuu-utils";
-import React, { ReactElement } from "react";
-/**
- * This is a very specific function at the moment. It resolves a path of the form
- * '#{componentid}.ACTIVE_CHILD'
- * It allows a templated path to be resolved to a concrete path at runtime.
- * The above pattern is used to identify a layout drop target. Further patterns
- * will be added if needed.
- */
-export declare const resolvePath: (source: ReactElement, path?: string) => string;
-/**
- * Similar to resolvePath but operates on a JSON
- * layout structure and returns the matching JSON node.
- */
-export declare const resolveJSONPath: (source: LayoutJSON, path?: string) => LayoutJSON | undefined;
-export declare function followPathToParent(source: ReactElement, path: string): ReactElement | null;
-export declare function findTarget(source: LayoutModel | undefined, test: (props: any) => boolean): LayoutModel | undefined;
-export declare function containerOf(source: LayoutModel, target: LayoutModel): LayoutModel | null;
-export declare const getChild: (children: ReactElement[], idx: number) => ReactElement | undefined;
-export declare function followPathToComponent(component: ReactElement, path: string): ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;
-export declare function followPath(source: LayoutModel, path: string): LayoutModel | undefined;
-export declare function followPath(source: ReactElement, path: string, throwIfNotFound: true): ReactElement;
-export declare function nextLeaf(root: ReactElement, path: string): any;
-export declare function previousLeaf(root: ReactElement, path: string): any;
-type NextStepResult = {
-    idx: number;
-    finalStep: boolean;
-};
-export declare function nextStep(pathSoFar: string, targetPath: string, followPathToEnd?: boolean): NextStepResult;
-export declare function resetPath(model: ReactElement, path: string, additionalProps?: any): ReactElement;
-export {};

package/types/src/utils/propUtils.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from "react";
-import { LayoutModel } from "@vuu-ui/vuu-utils";
-export declare const getProp: (component: LayoutModel | undefined, propName: string) => any;
-export declare const getProps: (component?: LayoutModel) => any;
-export declare const getChildProp: (container: LayoutModel) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;

package/types/src/utils/refUtils.d.ts

@@ -1,2 +0,0 @@
-import { MutableRefObject } from "react";
-export declare function setRef<T>(ref: MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/types/src/utils/styleUtils.d.ts

@@ -1,3 +0,0 @@
-import { CSSProperties } from 'react';
-export type CSSFlexProperties = Pick<CSSProperties, 'flexBasis' | 'flexGrow' | 'flexShrink'>;
-export declare const expandFlex: (flex: number | CSSFlexProperties) => CSSFlexProperties;

package/types/src/utils/typeOf.d.ts

@@ -1,5 +0,0 @@
-import { LayoutJSON, LayoutModel, WithType } from "@vuu-ui/vuu-utils";
-import { ReactElement } from "react";
-export declare function typeOf(element?: LayoutModel | WithType): string | undefined;
-export declare const isTypeOf: (element: ReactElement, type: string) => boolean;
-export declare const isLayoutJSON: (layout: LayoutJSON) => layout is LayoutJSON;