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

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;