@vuu-ui/vuu-layout 0.6.10-debug → 0.6.11-debug-debug

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

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

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

@@ -0,0 +1,5 @@
+export function LayoutTreeViewer({ layout, onSelect, style }: {
+    layout: any;
+    onSelect: any;
+    style: any;
+}): JSX.Element;

package/types/tools/index.d.ts

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

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

@@ -0,0 +1,11 @@
+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: () => {
+    loadSessionState: (id: any, key: any) => any;
+    loadState: (id: string, key?: string) => any;
+    saveSessionState: (id: any, key: any, data: any) => void;
+    saveState: (id: string, key: string | undefined, data: unknown) => void;
+    purgeState: (id: string, key?: string) => void;
+    purgeSessionState: (id: string, key?: string) => void;
+};

package/types/utils/index.d.ts

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

package/types/utils/pathUtils.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactElement } from "react";
+import { LayoutModel } from "../layout-reducer";
+export declare function followPathToParent(source: ReactElement, path: string): ReactElement | null;
+export declare function findTarget(source: LayoutModel, 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): React.ReactElement<any, 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/utils/propUtils.d.ts

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

package/types/utils/refUtils.d.ts

@@ -0,0 +1,2 @@
+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/utils/styleUtils.d.ts

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

package/types/utils/typeOf.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { LayoutModel, WithType } from '../layout-reducer';
+export declare function typeOf(element?: LayoutModel | WithType): string | undefined;
+export declare const isTypeOf: (element: ReactElement, type: string) => boolean;