@vuu-ui/vuu-layout 0.8.67 → 0.8.68

package/esm/utils/typeOf.js.map

@@ -1 +1 @@
-{"version":3,"file":"typeOf.js","sources":["../../src/utils/typeOf.ts"],"sourcesContent":["import { ReactElement } from 'react';\nimport { LayoutJSON, LayoutModel, WithType } from '../layout-reducer';\n\nexport function typeOf(element?: LayoutModel | WithType): string | undefined {\n  if (element) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const type = element.type as any;\n    if (typeof type === 'function' || typeof type === 'object') {\n      const elementName = type.displayName || type.name || type.type?.name;\n      if (typeof elementName === 'string') {\n        return elementName;\n      }\n    }\n    if (typeof element.type === 'string') {\n      return element.type;\n    }\n    if (element.constructor) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return (element.constructor as any).displayName as string;\n    }\n    throw Error(`typeOf unable to determine type of element`);\n  }\n}\n\nexport const isTypeOf = (element: ReactElement, type: string) => typeOf(element) === type;\n\nexport const isLayoutJSON = (layout: LayoutJSON): layout is LayoutJSON =>\n  layout !== undefined && \"type\" in layout;\n"],"names":[],"mappings":"AAGO,SAAS,OAAO,OAAsD,EAAA;AAC3E,EAAA,IAAI,OAAS,EAAA;AAEX,IAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,IAAA,IAAI,OAAO,IAAA,KAAS,UAAc,IAAA,OAAO,SAAS,QAAU,EAAA;AAC1D,MAAA,MAAM,cAAc,IAAK,CAAA,WAAA,IAAe,IAAK,CAAA,IAAA,IAAQ,KAAK,IAAM,EAAA,IAAA,CAAA;AAChE,MAAI,IAAA,OAAO,gBAAgB,QAAU,EAAA;AACnC,QAAO,OAAA,WAAA,CAAA;AAAA,OACT;AAAA,KACF;AACA,IAAI,IAAA,OAAO,OAAQ,CAAA,IAAA,KAAS,QAAU,EAAA;AACpC,MAAA,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,KACjB;AACA,IAAA,IAAI,QAAQ,WAAa,EAAA;AAEvB,MAAA,OAAQ,QAAQ,WAAoB,CAAA,WAAA,CAAA;AAAA,KACtC;AACA,IAAA,MAAM,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC1D;AACF,CAAA;AAEO,MAAM,WAAW,CAAC,OAAA,EAAuB,IAAiB,KAAA,MAAA,CAAO,OAAO,CAAM,KAAA,KAAA;AAE9E,MAAM,YAAe,GAAA,CAAC,MAC3B,KAAA,MAAA,KAAW,UAAa,MAAU,IAAA;;;;"}
+{"version":3,"file":"typeOf.js","sources":["../../src/utils/typeOf.ts"],"sourcesContent":["import { LayoutJSON, LayoutModel, WithType } from \"@vuu-ui/vuu-utils\";\nimport { ReactElement } from \"react\";\n\nexport function typeOf(element?: LayoutModel | WithType): string | undefined {\n  if (element) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const type = element.type as any;\n    if (typeof type === \"function\" || typeof type === \"object\") {\n      const elementName = type.displayName || type.name || type.type?.name;\n      if (typeof elementName === \"string\") {\n        return elementName;\n      }\n    }\n    if (typeof element.type === \"string\") {\n      return element.type;\n    }\n    if (element.constructor) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return (element.constructor as any).displayName as string;\n    }\n    throw Error(`typeOf unable to determine type of element`);\n  }\n}\n\nexport const isTypeOf = (element: ReactElement, type: string) =>\n  typeOf(element) === type;\n\nexport const isLayoutJSON = (layout: LayoutJSON): layout is LayoutJSON =>\n  layout !== undefined && \"type\" in layout;\n"],"names":[],"mappings":"AAGO,SAAS,OAAO,OAAsD,EAAA;AAC3E,EAAA,IAAI,OAAS,EAAA;AAEX,IAAA,MAAM,OAAO,OAAQ,CAAA,IAAA,CAAA;AACrB,IAAA,IAAI,OAAO,IAAA,KAAS,UAAc,IAAA,OAAO,SAAS,QAAU,EAAA;AAC1D,MAAA,MAAM,cAAc,IAAK,CAAA,WAAA,IAAe,IAAK,CAAA,IAAA,IAAQ,KAAK,IAAM,EAAA,IAAA,CAAA;AAChE,MAAI,IAAA,OAAO,gBAAgB,QAAU,EAAA;AACnC,QAAO,OAAA,WAAA,CAAA;AAAA,OACT;AAAA,KACF;AACA,IAAI,IAAA,OAAO,OAAQ,CAAA,IAAA,KAAS,QAAU,EAAA;AACpC,MAAA,OAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,KACjB;AACA,IAAA,IAAI,QAAQ,WAAa,EAAA;AAEvB,MAAA,OAAQ,QAAQ,WAAoB,CAAA,WAAA,CAAA;AAAA,KACtC;AACA,IAAA,MAAM,MAAM,CAA4C,0CAAA,CAAA,CAAA,CAAA;AAAA,GAC1D;AACF,CAAA;AAEO,MAAM,WAAW,CAAC,OAAA,EAAuB,IAC9C,KAAA,MAAA,CAAO,OAAO,CAAM,KAAA,KAAA;AAEf,MAAM,YAAe,GAAA,CAAC,MAC3B,KAAA,MAAA,KAAW,UAAa,MAAU,IAAA;;;;"}

package/package.json

@@ -1,23 +1,22 @@
 {
-  "version": "0.8.67",
+  "version": "0.8.68",
   "description": "VUU Layout Components",
   "author": "heswell",
   "license": "Apache-2.0",
   "types": "types/index.d.ts",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.8.67",
-    "@vuu-ui/vuu-filter-types": "0.8.67"
+    "@vuu-ui/vuu-data-types": "0.8.68",
+    "@vuu-ui/vuu-filter-types": "0.8.68"
   },
   "dependencies": {
     "@salt-ds/core": "1.27.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-types": "0.8.67",
-    "@vuu-ui/vuu-filters": "0.8.67",
-    "@vuu-ui/vuu-popups": "0.8.67",
-    "@vuu-ui/vuu-table": "0.8.67",
-    "@vuu-ui/vuu-ui-controls": "0.8.67",
-    "@vuu-ui/vuu-utils": "0.8.67"
+    "@vuu-ui/vuu-filters": "0.8.68",
+    "@vuu-ui/vuu-popups": "0.8.68",
+    "@vuu-ui/vuu-table": "0.8.68",
+    "@vuu-ui/vuu-ui-controls": "0.8.68",
+    "@vuu-ui/vuu-utils": "0.8.68"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

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

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-import { LayoutModel } from "../layout-reducer";
+import { LayoutModel } from "@vuu-ui/vuu-utils";
 import { DragDropRect, DropPos, RelativePosition } from "./dragDropTypes";
 export declare const positionValues: {
     north: number;

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

@@ -1,5 +1,4 @@
-import { rectTuple } from "@vuu-ui/vuu-utils";
-import { LayoutModel } from "../layout-reducer";
+import { LayoutModel, rectTuple } from "@vuu-ui/vuu-utils";
 import { Measurements } from "./BoxModel";
 import { DragDropRect, DropPos, DropPosTab } from "./dragDropTypes";
 import { DragState } from "./DragState";

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

@@ -1,5 +1,6 @@
+import type { LayoutJSON } from "@vuu-ui/vuu-utils";
 import { ReactElement } from "react";
-import { type LayoutChangeHandler, type LayoutJSON } from "../layout-reducer";
+import { type LayoutChangeHandler } from "../layout-reducer";
 import { LayoutProviderDispatch } from "./LayoutProviderContext";
 export interface LayoutProviderProps {
     children: ReactElement;

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

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

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

@@ -1,55 +1,7 @@
-import { NamedFilter } from "@vuu-ui/vuu-filter-types";
-import { CSSProperties, ReactElement } from "react";
+import { LayoutJSON } from "@vuu-ui/vuu-utils";
+import { ReactElement } from "react";
 import { DragDropRect, DragInstructions } from "../drag-drop";
 import { DropTarget } from "../drag-drop/DropTarget";
-export interface WithProps {
-    props?: {
-        [key: string]: any;
-    };
-}
-export interface WithType {
-    props?: any;
-    title?: string;
-    type: string;
-}
-export interface LayoutRoot extends WithProps {
-    active?: number;
-    children?: ReactElement[];
-    type: string;
-}
-export type ValueOf<T> = T[keyof T];
-export interface ApplicationSettings {
-    leftNav?: {
-        activeTabIndex: number;
-        expanded: boolean;
-    };
-    /**
-     * filters are keyed by MODULE:tablename
-     */
-    filters?: {
-        [key: string]: NamedFilter[];
-    };
-}
-export type ApplicationSetting = ValueOf<ApplicationSettings>;
-export interface ApplicationJSON {
-    layout: LayoutJSON;
-    settings?: ApplicationSettings;
-}
-export interface LayoutJSON extends WithType {
-    active?: number;
-    children?: LayoutJSON[];
-    id?: string;
-    props?: {
-        [key: string]: any;
-    };
-    state?: any;
-    type: string;
-    style?: CSSProperties;
-}
-export interface WithActive {
-    active?: number;
-}
-export type LayoutModel = LayoutRoot | ReactElement | WithType;
 export type layoutType = "Flexbox" | "View" | "DraggableLayout" | "Stack";
 export declare const LayoutActionType: {
     readonly ADD: "add";

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

@@ -1,7 +1,7 @@
-import { dimension } from "@vuu-ui/vuu-utils";
+import { LayoutJSON, LayoutModel, dimension } from "@vuu-ui/vuu-utils";
 import React, { CSSProperties, ReactElement } from "react";
 import { TabLabelFactory } from "../stack";
-import { LayoutJSON, LayoutModel, layoutType } from "./layoutTypes";
+import { layoutType } from "./layoutTypes";
 interface ComponentWithId {
     id: string;
     [key: string]: unknown;

package/types/utils/pathUtils.d.ts

@@ -1,5 +1,5 @@
+import { LayoutJSON, LayoutModel } from "@vuu-ui/vuu-utils";
 import React, { ReactElement } from "react";
-import { LayoutJSON, LayoutModel } from "../layout-reducer";
 /**
  * This is a very specific function at the moment. It resolves a path of the form
  * '#{componentid}.ACTIVE_CHILD'

package/types/utils/propUtils.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-import { LayoutModel } from "../layout-reducer";
+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<any, string | import("react").JSXElementConstructor<any>> | undefined;

package/types/utils/typeOf.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { LayoutJSON, LayoutModel, WithType } from '../layout-reducer';
+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;