@vuu-ui/vuu-layout 0.6.5 → 0.6.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuu-ui/vuu-layout",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "description": "VUU Layout Components",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -8,8 +8,8 @@
     "@salt-ds/core": "1.0.0",
     "@salt-ds/icons": "1.0.0",
     "@heswell/salt-lab": "1.0.0-alpha.0-vuu.1",
-    "@vuu-ui/vuu-popups": "0.6.5",
-    "@vuu-ui/vuu-utils": "0.6.5",
+    "@vuu-ui/vuu-popups": "0.6.7",
+    "@vuu-ui/vuu-utils": "0.6.7",
     "classnames": "^2.2.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/types/common-types.d.ts

@@ -4,5 +4,5 @@ export interface rect {
     right: number;
     top: number;
 }
-export declare type rectTuple = [number, number, number, number];
-export declare type dimension = 'width' | 'height';
+export type rectTuple = [number, number, number, number];
+export type dimension = 'width' | 'height';

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

@@ -1,5 +1,5 @@
 import { DragDropRect } from './dragDropTypes';
-export declare type IntrinsicSizes = {
+export type IntrinsicSizes = {
     height?: number;
     width?: number;
 };
@@ -7,7 +7,7 @@ interface ZoneRange {
     hi: number;
     lo: number;
 }
-declare type DragConstraint = {
+type DragConstraint = {
     zone: {
         x: ZoneRange;
         y: ZoneRange;

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

@@ -2,10 +2,10 @@ import { ReactElement } from "react";
 import { rect } from "../common-types";
 import { IntrinsicSizes } from "./DragState";
 import { DropTarget } from "./DropTarget";
-export declare type DragStartCallback = (e: MouseEvent, x: number, y: number) => void;
-export declare type DragMoveCallback = (x: number | undefined, y: number | undefined) => void;
-export declare type DragEndCallback = (droppedTarget: Partial<DropTarget>) => void;
-export declare type DragInstructions = {
+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;

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

@@ -10,7 +10,7 @@ export interface DropTargetProps {
     clientRect: DragDropRect;
     nextDropTarget: DropTarget | null;
 }
-export declare type GuideLine = [
+export type GuideLine = [
     number,
     number,
     number,

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

@@ -2,8 +2,8 @@ import { DragDropRect } from "./dragDropTypes";
 import { DragState } from "./DragState";
 import { DropTarget } from "./DropTarget";
 import "./DropTargetRenderer.css";
-declare type Point = [number, number];
-declare type TabMode = "full-view" | "tab-only";
+type Point = [number, number];
+type TabMode = "full-view" | "tab-only";
 export default class DropTargetCanvas {
     private currentPath;
     private tabMode;

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

@@ -33,8 +33,8 @@ export interface DropPosition {
     SouthOrEast: boolean;
     West: boolean;
 }
-export declare type RelativePosition = 'after' | 'before';
-export declare type DropPosTab = {
+export type RelativePosition = 'after' | 'before';
+export type DropPosTab = {
     index: number;
     left: number;
     positionRelativeToTab: RelativePosition;

package/types/flexbox/Splitter.d.ts

@@ -1,8 +1,8 @@
 import React, { HTMLAttributes } from 'react';
 import './Splitter.css';
-export declare type SplitterDragStartHandler = (index: number) => void;
-export declare type SplitterDragHandler = (index: number, distance: number) => void;
-export declare type SplitterDragEndHandler = () => void;
+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;

package/types/flexbox/flexboxTypes.d.ts

@@ -28,8 +28,8 @@ export interface SplitterHookResult {
     content: ReactElement[];
     rootRef: MutableRefObject<HTMLDivElement | null>;
 }
-export declare type SplitterFactory = (index: number) => ReactElement<SplitterProps>;
-export declare type ContentMeta = {
+export type SplitterFactory = (index: number) => ReactElement<SplitterProps>;
+export type ContentMeta = {
     currentSize?: number;
     flexOpen?: boolean;
     flexBasis?: number;
@@ -40,12 +40,12 @@ export declare type ContentMeta = {
     shim?: boolean;
     splitter?: boolean;
 };
-export declare type FlexSize = {
+export type FlexSize = {
     size: number;
     minSize: number;
 };
-export declare type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
-export declare type BreakPoints = BreakPoint[];
-export declare type BreakPointsProp = {
+export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
+export type BreakPoints = BreakPoint[];
+export type BreakPointsProp = {
     [keys in BreakPoint]?: number;
 };

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

@@ -1,7 +1,7 @@
 import { ReactElement } from "react";
 import { LayoutJSON } from "../layout-reducer";
 import { LayoutProviderDispatch } from "./LayoutProviderContext";
-declare type LayoutChangeHandler = (layout: LayoutJSON, source: string) => void;
+type LayoutChangeHandler = (layout: LayoutJSON, source: string) => void;
 export interface LayoutProviderProps {
     children: ReactElement;
     layout?: LayoutJSON;

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

@@ -1,6 +1,6 @@
 import { Dispatch } from 'react';
 import { DragStartAction, LayoutReducerAction, SaveAction } from '../layout-reducer';
-export declare type LayoutProviderDispatch = Dispatch<LayoutReducerAction | SaveAction | DragStartAction>;
+export type LayoutProviderDispatch = Dispatch<LayoutReducerAction | SaveAction | DragStartAction>;
 export interface LayoutProviderContextProps {
     dispatchLayoutProvider: LayoutProviderDispatch;
     version: number;

package/types/layout-reducer/flexUtils.d.ts

@@ -1,10 +1,10 @@
 import React, { CSSProperties, ReactElement, ReactNode } from "react";
 import { dimension, rect, rectTuple } from "../common-types";
 import { DropPos } from "../drag-drop/dragDropTypes";
-export declare type flexDirection = "row" | "column";
-declare type contraDimension = dimension;
-declare type flexDimensionTuple = [dimension, contraDimension, flexDirection];
-export declare type position = {
+export type flexDirection = "row" | "column";
+type contraDimension = dimension;
+type flexDimensionTuple = [dimension, contraDimension, flexDirection];
+export type position = {
     height?: number;
     width?: number;
 };

package/types/layout-reducer/insert-layout-element.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from "react";
 import { DropPos } from "../drag-drop";
 import { LayoutModel } from "./layoutTypes";
-declare type insertionPosition = "before" | "after";
+type insertionPosition = "before" | "after";
 export declare function getInsertTabBeforeAfter(stack: LayoutModel, pos: DropPos): any[];
 export declare function insertIntoContainer(container: ReactElement, targetContainer: ReactElement, newComponent: ReactElement): ReactElement;
 export declare function insertBesideChild(container: ReactElement, existingComponent: any, newComponent: any, insertionPosition: insertionPosition, pos?: DropPos, clientRect?: any, dropRect?: any): ReactElement;

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

@@ -28,8 +28,8 @@ export interface LayoutJSON extends WithType {
 export interface WithActive {
     active?: number;
 }
-export declare type LayoutModel = LayoutRoot | ReactElement | WithType;
-export declare type layoutType = "Flexbox" | "View" | "DraggableLayout" | "Stack";
+export type LayoutModel = LayoutRoot | ReactElement | WithType;
+export type layoutType = "Flexbox" | "View" | "DraggableLayout" | "Stack";
 export declare const LayoutActionType: {
     readonly ADD: "add";
     readonly DRAG_START: "drag-start";
@@ -45,44 +45,44 @@ export declare const LayoutActionType: {
     readonly SWITCH_TAB: "switch-tab";
     readonly TEAROUT: "tearout";
 };
-export declare type AddAction = {
+export type AddAction = {
     component: any;
     path: string;
     type: typeof LayoutActionType.ADD;
 };
-export declare type DragDropAction = {
+export type DragDropAction = {
     draggedReactElement: ReactElement;
     dragInstructions: any;
     dropTarget: Partial<DropTarget>;
     type: typeof LayoutActionType.DRAG_DROP;
 };
-export declare type MaximizeAction = {
+export type MaximizeAction = {
     path?: string;
     type: typeof LayoutActionType.MAXIMIZE;
 };
-export declare type MinimizeAction = {
+export type MinimizeAction = {
     path?: string;
     type: typeof LayoutActionType.MINIMIZE;
 };
-export declare type RemoveAction = {
+export type RemoveAction = {
     path?: string;
     type: typeof LayoutActionType.REMOVE;
 };
-export declare type ReplaceAction = {
+export type ReplaceAction = {
     replacement: any;
     target: any;
     type: typeof LayoutActionType.REPLACE;
 };
-export declare type RestoreAction = {
+export type RestoreAction = {
     path?: string;
     type: typeof LayoutActionType.RESTORE;
 };
-export declare type SetTitleAction = {
+export type SetTitleAction = {
     path: string;
     title: string;
     type: typeof LayoutActionType.SET_TITLE;
 };
-export declare type SplitterResizeAction = {
+export type SplitterResizeAction = {
     path: string;
     sizes: {
         currentSize: number;
@@ -90,34 +90,34 @@ export declare type SplitterResizeAction = {
     }[];
     type: typeof LayoutActionType.SPLITTER_RESIZE;
 };
-export declare type SwitchTabAction = {
+export type SwitchTabAction = {
     nextIdx: number;
     path: string;
     type: typeof LayoutActionType.SWITCH_TAB;
 };
-export declare type TearoutAction = {
+export type TearoutAction = {
     path?: string;
     type: typeof LayoutActionType.TEAROUT;
 };
-export declare type LayoutReducerAction = AddAction | DragDropAction | MaximizeAction | MinimizeAction | RemoveAction | ReplaceAction | RestoreAction | SetTitleAction | SplitterResizeAction | SwitchTabAction;
-export declare type SaveAction = {
+export type LayoutReducerAction = AddAction | DragDropAction | MaximizeAction | MinimizeAction | RemoveAction | ReplaceAction | RestoreAction | SetTitleAction | SplitterResizeAction | SwitchTabAction;
+export type SaveAction = {
     type: typeof LayoutActionType.SAVE;
 };
-export declare type AddToolbarContributionViewAction = {
+export type AddToolbarContributionViewAction = {
     content: ReactElement;
     location: string;
     type: "add-toolbar-contribution";
 };
-export declare type RemoveToolbarContributionViewAction = {
+export type RemoveToolbarContributionViewAction = {
     location: string;
     type: "remove-toolbar-contribution";
 };
-export declare type MousedownViewAction = {
+export type MousedownViewAction = {
     preDragActivity?: any;
     index?: number;
     type: "mousedown";
 };
-export declare type DragStartAction = {
+export type DragStartAction = {
     payload?: ReactElement;
     dragContainerPath?: string;
     dragElement?: HTMLElement;

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

@@ -1,6 +1,6 @@
 import React, { SyntheticEvent } from "react";
 import { ViewAction } from "./viewTypes";
-export declare type ViewDispatch = <Action extends ViewAction = ViewAction>(action: Action, evt?: SyntheticEvent) => Promise<boolean | void>;
+export type ViewDispatch = <Action extends ViewAction = ViewAction>(action: Action, evt?: SyntheticEvent) => Promise<boolean | void>;
 export interface ViewContextProps {
     dispatch?: ViewDispatch | null;
     id?: string;

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

@@ -1,6 +1,6 @@
 import { ReactElement, RefObject } from "react";
 import { ViewDispatch } from "./ViewContext";
-export declare type Contribution = {
+export type Contribution = {
     index?: number;
     location?: string;
     content: ReactElement;

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

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from "react";
 import { HeaderProps } from "../layout-header";
 import { AddToolbarContributionViewAction, MaximizeAction, MinimizeAction, MousedownViewAction, RemoveAction, RemoveToolbarContributionViewAction, RestoreAction, TearoutAction } from "../layout-reducer";
-export declare type ViewAction = MaximizeAction | MinimizeAction | MousedownViewAction | RemoveAction | RestoreAction | TearoutAction | AddToolbarContributionViewAction | RemoveToolbarContributionViewAction;
+export type ViewAction = MaximizeAction | MinimizeAction | MousedownViewAction | RemoveAction | RestoreAction | TearoutAction | AddToolbarContributionViewAction | RemoveToolbarContributionViewAction;
 export interface ViewProps extends HTMLAttributes<HTMLDivElement> {
     closeable?: boolean;
     collapsed?: boolean;

package/types/registry/ComponentRegistry.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from "react";
-export declare type layoutComponentType = "component" | "container" | "view";
+export type layoutComponentType = "component" | "container" | "view";
 export interface ComponentWithId {
     id: string;
     [key: string]: unknown;

package/types/responsive/breakpoints.d.ts

@@ -1,4 +1,4 @@
 import { BreakPointsProp } from "../flexbox/flexboxTypes";
-export declare type BreakPointRamp = [string, number, number];
+export type BreakPointRamp = [string, number, number];
 export declare const breakpointRamp: (breakpoints: BreakPointsProp) => BreakPointRamp[];
 export declare const getBreakPoints: (themeName?: string) => BreakPointRamp[];

package/types/responsive/useResizeObserver.d.ts

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

package/types/responsive/utils.d.ts

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

package/types/utils/pathUtils.d.ts

@@ -9,7 +9,7 @@ export declare function followPath(source: LayoutModel, path: string): LayoutMod
 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;
-declare type NextStepResult = {
+type NextStepResult = {
     idx: number;
     finalStep: boolean;
 };

package/types/utils/styleUtils.d.ts

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