@_linked/react 0.0.1

package/lib/cjs/utils/LinkedComponent.js

@@ -0,0 +1,322 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLinkedComponentFn = createLinkedComponentFn;
+exports.createLinkedSetComponentFn = createLinkedSetComponentFn;
+exports.getSourceFromInputProps = getSourceFromInputProps;
+const SelectQuery_1 = require("@_linked/core/queries/SelectQuery");
+const Shape_1 = require("@_linked/core/shapes/Shape");
+const react_1 = __importStar(require("react"));
+const LinkedStorage_1 = require("@_linked/core/utils/LinkedStorage");
+const Package_1 = require("@_linked/core/utils/Package");
+const ShapeSet_1 = require("@_linked/core/collections/ShapeSet");
+const NodeReference_1 = require("@_linked/core/utils/NodeReference");
+const ShapeClass_1 = require("@_linked/core/utils/ShapeClass");
+function createLinkedComponentFn(registerPackageExport, registerComponent) {
+    return function linkedComponent(query, functionalComponent) {
+        let [shapeClass, actualQuery] = processQuery(query);
+        let _wrappedComponent = react_1.default.forwardRef((props, ref) => {
+            var _a;
+            let [queryResult, setQueryResult] = (0, react_1.useState)(undefined);
+            let [loadingData, setLoadingData] = (0, react_1.useState)();
+            let linkedProps = getLinkedComponentProps(props, shapeClass);
+            if (ref) {
+                linkedProps.ref = ref;
+            }
+            const loadData = () => {
+                var _a, _b;
+                const sourceId = (_a = linkedProps.source) === null || _a === void 0 ? void 0 : _a.id;
+                if (!loadingData || loadingData !== sourceId) {
+                    let requestQuery = actualQuery.clone();
+                    if (linkedProps.source) {
+                        requestQuery.setSubject(linkedProps.source);
+                    }
+                    setLoadingData(sourceId || ((_b = requestQuery.subject) === null || _b === void 0 ? void 0 : _b.id));
+                    const parser = shapeClass.queryParser || Shape_1.Shape.queryParser;
+                    if (!parser) {
+                        throw new Error(`No query parser configured for ${(shapeClass === null || shapeClass === void 0 ? void 0 : shapeClass.name) || 'shape'}.`);
+                    }
+                    parser.selectQuery(requestQuery).then((result) => {
+                        setQueryResult(result);
+                        setLoadingData(null);
+                    });
+                }
+                else {
+                    console.warn(`Already loading data for source ${loadingData}, ignoring request`);
+                }
+            };
+            let sourceIsValidQResult = isValidQResult(props.of, query);
+            if (queryResult || sourceIsValidQResult) {
+                linkedProps = Object.assign(linkedProps, queryResult || props.of);
+            }
+            linkedProps._refresh = (0, react_1.useCallback)((updatedProps) => {
+                if (updatedProps) {
+                    if (queryResult) {
+                        setQueryResult(Object.assign(Object.assign({}, queryResult), updatedProps));
+                    }
+                    else if (sourceIsValidQResult) {
+                        setQueryResult(Object.assign(Object.assign({}, props.of), updatedProps));
+                    }
+                }
+                else {
+                    loadData();
+                }
+            }, [queryResult, props.of]);
+            if (!linkedProps.source && !actualQuery.subject) {
+                console.warn('This component requires a source to be provided (use the property "of"): ' +
+                    functionalComponent.name);
+                return null;
+            }
+            let usingStorage = LinkedStorage_1.LinkedStorage.isInitialised();
+            (0, react_1.useEffect)(() => {
+                if (queryResult) {
+                    setQueryResult(undefined);
+                }
+                if (usingStorage && !sourceIsValidQResult) {
+                    loadData();
+                }
+            }, [(_a = linkedProps.source) === null || _a === void 0 ? void 0 : _a.id]);
+            let dataIsLoaded = queryResult || !usingStorage || sourceIsValidQResult;
+            // Keep legacy client-side guard to avoid hydration drift.
+            if (dataIsLoaded && typeof window !== 'undefined') {
+                return react_1.default.createElement(functionalComponent, linkedProps);
+            }
+            else {
+                return createLoadingSpinner();
+            }
+        });
+        _wrappedComponent.original = functionalComponent;
+        _wrappedComponent.query = query;
+        _wrappedComponent.shape = shapeClass;
+        if (functionalComponent.name) {
+            Object.defineProperty(_wrappedComponent, 'name', {
+                value: functionalComponent.name,
+            });
+            registerPackageExport(_wrappedComponent);
+        }
+        registerComponent(_wrappedComponent, shapeClass);
+        return _wrappedComponent;
+    };
+}
+function createLinkedSetComponentFn(registerPackageExport, registerComponent) {
+    return function linkedSetComponent(query, functionalComponent) {
+        let [shapeClass, actualQuery] = processQuery(query, true);
+        let usingStorage = LinkedStorage_1.LinkedStorage.isInitialised();
+        let _wrappedComponent = react_1.default.forwardRef((props, ref) => {
+            var _a;
+            let [queryResult, setQueryResult] = (0, react_1.useState)(undefined);
+            let linkedProps = getLinkedSetComponentProps(props, shapeClass, functionalComponent);
+            let defaultLimit = actualQuery.getLimit() || Package_1.DEFAULT_LIMIT;
+            let [limit, setLimit] = (0, react_1.useState)(defaultLimit);
+            let [offset, setOffset] = (0, react_1.useState)(0);
+            if (ref) {
+                linkedProps.ref = ref;
+            }
+            let sourceIsValidQResult = Array.isArray(props.of) &&
+                props.of.length > 0 &&
+                typeof ((_a = props.of[0]) === null || _a === void 0 ? void 0 : _a.id) === 'string' &&
+                actualQuery.isValidSetResult(props.of);
+            if (queryResult || sourceIsValidQResult) {
+                let dataResult;
+                if (queryResult) {
+                    dataResult = queryResult;
+                }
+                else {
+                    if (limit) {
+                        dataResult = props.of.slice(offset || 0, offset + limit);
+                    }
+                    else {
+                        dataResult = props.of;
+                    }
+                }
+                if (query instanceof SelectQuery_1.SelectQueryFactory) {
+                    linkedProps = Object.assign(linkedProps, {
+                        linkedData: dataResult,
+                    });
+                }
+                else {
+                    let key = Object.keys(query)[0];
+                    linkedProps[key] = dataResult;
+                }
+            }
+            if (limit) {
+                linkedProps.query = {
+                    nextPage: () => {
+                        setOffset(offset + limit);
+                    },
+                    previousPage: () => {
+                        setOffset(Math.max(0, offset - limit));
+                    },
+                    setLimit: (newLimit) => {
+                        setLimit(newLimit);
+                    },
+                    setPage: (page) => {
+                        setOffset(page * limit);
+                    },
+                };
+            }
+            (0, react_1.useEffect)(() => {
+                if (usingStorage && !sourceIsValidQResult) {
+                    let requestQuery = actualQuery.clone();
+                    requestQuery.setSubject(linkedProps.sources);
+                    if (limit) {
+                        requestQuery.setLimit(limit);
+                    }
+                    if (offset) {
+                        requestQuery.setOffset(offset);
+                    }
+                    const parser = shapeClass.queryParser || Shape_1.Shape.queryParser;
+                    if (!parser) {
+                        throw new Error(`No query parser configured for ${(shapeClass === null || shapeClass === void 0 ? void 0 : shapeClass.name) || 'shape'}.`);
+                    }
+                    parser.selectQuery(requestQuery).then((result) => {
+                        setQueryResult(result);
+                    });
+                }
+            }, [props.of, limit, offset]);
+            let dataIsLoaded = queryResult || !usingStorage || sourceIsValidQResult;
+            if (typeof queryResult === 'undefined' &&
+                usingStorage &&
+                !sourceIsValidQResult) {
+                dataIsLoaded = false;
+            }
+            if (dataIsLoaded) {
+                return react_1.default.createElement(functionalComponent, linkedProps);
+            }
+            else {
+                return createLoadingSpinner();
+            }
+        });
+        _wrappedComponent.original = functionalComponent;
+        _wrappedComponent.query = query;
+        _wrappedComponent.shape = shapeClass;
+        if (functionalComponent.name) {
+            Object.defineProperty(_wrappedComponent, 'name', {
+                value: functionalComponent.name,
+            });
+            registerPackageExport(_wrappedComponent);
+        }
+        registerComponent(_wrappedComponent, shapeClass);
+        return _wrappedComponent;
+    };
+}
+function getLinkedComponentProps(props, shapeClass) {
+    let newProps = Object.assign(Object.assign({}, props), { source: getSourceFromInputProps(props, shapeClass) });
+    if (newProps.of) {
+        for (let key of Object.getOwnPropertyNames(newProps.of)) {
+            if (key !== 'shape' && key !== 'id') {
+                newProps[key] = newProps.of[key];
+            }
+        }
+    }
+    delete newProps.of;
+    return newProps;
+}
+function processQuery(requiredData, setComponent = false) {
+    let shapeClass;
+    let query;
+    if (requiredData instanceof SelectQuery_1.SelectQueryFactory) {
+        query = requiredData;
+        shapeClass = requiredData.shape;
+    }
+    else if (typeof requiredData === 'object' && setComponent) {
+        if (Object.keys(requiredData).length > 1) {
+            throw new Error('Only one key is allowed to map a query to a property for linkedSetComponents');
+        }
+        for (let key in requiredData) {
+            if (requiredData[key] instanceof SelectQuery_1.SelectQueryFactory) {
+                shapeClass = requiredData[key].shape;
+                query = requiredData[key];
+            }
+            else {
+                throw new Error('Unknown value type for query object. Keep to this format: {propName: Shape.query(s => ...)}');
+            }
+        }
+    }
+    else {
+        throw new Error('Unknown data query type. Expected a LinkedQuery (from Shape.query()) or an object with 1 key whose value is a LinkedQuery');
+    }
+    return [shapeClass, query];
+}
+function getLinkedSetComponentProps(props, shapeClass, functionalComponent) {
+    if (props.of &&
+        !(props.of instanceof ShapeSet_1.ShapeSet) &&
+        !Array.isArray(props.of)) {
+        throw Error("Invalid argument 'of' provided to " +
+            functionalComponent.name.replace('_implementation', '') +
+            ' component: ' +
+            props.of +
+            '. Make sure to provide a ShapeSet, an array of QResults, or no argument at all to load all instances.');
+    }
+    let sources;
+    if (props.of instanceof ShapeSet_1.ShapeSet) {
+        sources = props.of;
+    }
+    else if (Array.isArray(props.of)) {
+        sources = new ShapeSet_1.ShapeSet(props.of.map((item) => {
+            return getSourceFromInputProps({ of: item }, shapeClass);
+        }));
+    }
+    const newProps = Object.assign(Object.assign({}, props), { sources });
+    delete newProps.of;
+    return newProps;
+}
+function getSourceFromInputProps(props, shapeClass) {
+    const input = props === null || props === void 0 ? void 0 : props.of;
+    if (input instanceof Shape_1.Shape) {
+        if (input.nodeShape !== shapeClass.shape &&
+            !(0, ShapeClass_1.hasSuperClass)((0, ShapeClass_1.getShapeClass)(input.nodeShape.id), shapeClass)) {
+            return new shapeClass(input.id);
+        }
+        return input;
+    }
+    if ((0, NodeReference_1.isNodeReferenceValue)(input)) {
+        return new shapeClass(input);
+    }
+    // If nothing is provided, keep undefined; callers handle required source checks.
+    return input;
+}
+function isValidQResult(of, query) {
+    return (typeof (of === null || of === void 0 ? void 0 : of.id) === 'string' &&
+        query.isValidResult(of));
+}
+function createLoadingSpinner() {
+    return react_1.default.createElement('div', {
+        className: 'ld-loader',
+        'aria-label': 'Loading',
+        role: 'status',
+    });
+}
+//# sourceMappingURL=LinkedComponent.js.map

package/lib/cjs/utils/LinkedComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedComponent.js","sourceRoot":"","sources":["../../../src/utils/LinkedComponent.ts"],"names":[],"mappings":"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"}

package/lib/cjs/utils/LinkedComponentClass.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Shape } from '@_linked/core/shapes/Shape';
+import { LinkedComponentProps } from './LinkedComponent.js';
+/**
+ * Class component base for linked components.
+ */
+export declare class LinkedComponentClass<ShapeClass extends Shape, P = {}, S = any> extends React.Component<P & LinkedComponentProps<ShapeClass>, S> {
+    private _shape;
+    get sourceShape(): ShapeClass;
+    componentDidUpdate(prevProps: Readonly<P & LinkedComponentProps<ShapeClass>>): void;
+}

package/lib/cjs/utils/LinkedComponentClass.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkedComponentClass = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * Class component base for linked components.
+ */
+class LinkedComponentClass extends react_1.default.Component {
+    get sourceShape() {
+        if (typeof this._shape === 'undefined') {
+            if (!this.props.source) {
+                this._shape = null;
+            }
+            else {
+                let shapeClass = this.constructor['shape'];
+                if (!shapeClass) {
+                    throw new Error(`${this.constructor.name} is not linked to a shape`);
+                }
+                this._shape = new shapeClass(this.props.source);
+            }
+        }
+        return this._shape;
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.source !== this.props.source) {
+            this._shape = undefined;
+        }
+    }
+}
+exports.LinkedComponentClass = LinkedComponentClass;
+//# sourceMappingURL=LinkedComponentClass.js.map

package/lib/cjs/utils/LinkedComponentClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedComponentClass.js","sourceRoot":"","sources":["../../../src/utils/LinkedComponentClass.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B;;GAEG;AACH,MAAa,oBAIX,SAAQ,eAAK,CAAC,SAAkD;IAGhE,IAAI,WAAW;QACb,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACrB,CAAC;iBAAM,CAAC;gBACN,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC3C,IAAI,CAAC,UAAU,EAAE,CAAC;oBAChB,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,2BAA2B,CAAC,CAAC;gBACvE,CAAC;gBACD,IAAI,CAAC,MAAM,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAe,CAAC;YAChE,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,kBAAkB,CAChB,SAAyD;QAEzD,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC3C,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC1B,CAAC;IACH,CAAC;CACF;AA7BD,oDA6BC"}

package/lib/esm/index.d.ts

@@ -0,0 +1,4 @@
+export * from './package.js';
+export * from './utils/LinkedComponent.js';
+export * from './utils/LinkedComponentClass.js';
+export * from './utils/Hooks.js';

package/lib/esm/index.js

@@ -0,0 +1,5 @@
+export * from './package.js';
+export * from './utils/LinkedComponent.js';
+export * from './utils/LinkedComponentClass.js';
+export * from './utils/Hooks.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC"}

package/lib/esm/package.d.ts

@@ -0,0 +1,10 @@
+import { Shape } from '@_linked/core/shapes/Shape';
+declare const linkedUtil: (constructor: any) => any, linkedOntology: (allFileExports: any, nameSpace: (term: string) => import("@_linked/core/utils/NodeReference.js").NodeReferenceValue, suggestedPrefixAndFileName: string, loadDataFunction?: () => Promise<any>, dataSource?: string | string[]) => void, linkedShape: {
+    <T extends typeof Shape>(constructor: T): void;
+    <T extends typeof Shape>(config?: import("@_linked/core/utils/Package").ShapeConfig): (constructor: T) => void;
+}, registerPackageExport: (exportedObject: any) => void, registerPackageModule: (_module: any) => void, packageExports: any, getPackageShape: (name: string) => typeof Shape;
+declare const linkedComponent: <QueryType extends import("@_linked/core/queries/SelectQuery.js").SelectQueryFactory<any> = null, CustomProps = {}, ShapeType extends Shape = import("@_linked/core/queries/SelectQuery.js").GetQueryShapeType<QueryType>, Res = import("@_linked/core/queries/SelectQuery.js").GetQueryResponseType<QueryType>>(query: QueryType, functionalComponent: import("./utils/LinkedComponent.js").LinkableComponent<CustomProps & import("@_linked/core/queries/SelectQuery.js").QueryResponseToResultType<Res, ShapeType>, ShapeType>) => import("./utils/LinkedComponent.js").LinkedComponent<CustomProps, ShapeType, Res>;
+declare const linkedSetComponent: <QueryType extends import("@_linked/core/queries/SelectQuery.js").SelectQueryFactory<any> | {
+    [key: string]: import("@_linked/core/queries/SelectQuery.js").SelectQueryFactory<any>;
+} = null, CustomProps = {}, ShapeType extends Shape = import("@_linked/core/queries/SelectQuery.js").GetQueryShapeType<QueryType>, Res = import("@_linked/core/queries/SelectQuery.js").ToQueryResultSet<QueryType>>(query: QueryType, functionalComponent: import("./utils/LinkedComponent.js").LinkableSetComponent<CustomProps & import("@_linked/core/queries/SelectQuery.js").GetCustomObjectKeys<QueryType> & import("@_linked/core/queries/SelectQuery.js").QueryControllerProps, ShapeType>) => import("./utils/LinkedComponent.js").LinkedSetComponent<CustomProps, ShapeType, Res>;
+export { linkedComponent, linkedSetComponent, linkedShape, linkedUtil, linkedOntology, registerPackageExport, registerPackageModule, packageExports, getPackageShape, };

package/lib/esm/package.js

@@ -0,0 +1,22 @@
+import { CoreSet } from '@_linked/core/collections/CoreSet';
+import { linkedPackage } from '@_linked/core/utils/Package';
+import { createLinkedComponentFn, createLinkedSetComponentFn, } from './utils/LinkedComponent.js';
+let shapeToComponents = new Map();
+const { linkedUtil, linkedOntology, linkedShape, registerPackageExport, registerPackageModule, packageExports, getPackageShape, } = linkedPackage('@_linked/react');
+function registerComponent(exportedComponent, shape) {
+    if (!shape) {
+        if (!Object.prototype.hasOwnProperty.call(exportedComponent, 'shape')) {
+            console.warn(`Component ${exportedComponent.displayName || exportedComponent.name} is not linked to a shape.`);
+            return;
+        }
+        shape = exportedComponent.shape;
+    }
+    if (!shapeToComponents.has(shape)) {
+        shapeToComponents.set(shape, new CoreSet());
+    }
+    shapeToComponents.get(shape).add(exportedComponent);
+}
+const linkedComponent = createLinkedComponentFn(registerPackageExport, registerComponent);
+const linkedSetComponent = createLinkedSetComponentFn(registerPackageExport, registerComponent);
+export { linkedComponent, linkedSetComponent, linkedShape, linkedUtil, linkedOntology, registerPackageExport, registerPackageModule, packageExports, getPackageShape, };
+//# sourceMappingURL=package.js.map

package/lib/esm/package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package.js","sourceRoot":"","sources":["../../src/package.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAEL,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,IAAI,iBAAiB,GAA0C,IAAI,GAAG,EAAE,CAAC;AAEzE,MAAM,EACJ,UAAU,EACV,cAAc,EACd,WAAW,EACX,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,eAAe,GAChB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAEpC,SAAS,iBAAiB,CAAC,iBAA4B,EAAE,KAAoB;IAC3E,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,EAAE,CAAC;YACtE,OAAO,CAAC,IAAI,CACV,aACE,iBAAiB,CAAC,WAAW,IAAI,iBAAiB,CAAC,IACrD,4BAA4B,CAC7B,CAAC;YACF,OAAO;QACT,CAAC;QACD,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,iBAAiB,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,OAAO,EAAO,CAAC,CAAC;IACnD,CAAC;IAED,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,eAAe,GAAG,uBAAuB,CAC7C,qBAAqB,EACrB,iBAAiB,CAClB,CAAC;AAEF,MAAM,kBAAkB,GAAG,0BAA0B,CACnD,qBAAqB,EACrB,iBAAiB,CAClB,CAAC;AAEF,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,eAAe,GAChB,CAAC"}

package/lib/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/lib/esm/utils/Hooks.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * Merge className/style props with local style inputs.
+ */
+export declare const useStyles: (props: any, classNamesOrStyles?: string | string[] | React.CSSProperties, styles?: React.CSSProperties) => any;

package/lib/esm/utils/Hooks.js

@@ -0,0 +1,50 @@
+/**
+ * Merge className/style props with local style inputs.
+ */
+export const useStyles = (props, classNamesOrStyles, styles) => {
+    let classNames;
+    let combinedStyles;
+    let propsCopy = Object.assign({}, props);
+    if (props.className) {
+        if (typeof props.className === 'string') {
+            classNames = [props.className];
+        }
+        else if (Array.isArray(props.className)) {
+            classNames = props.className;
+        }
+        delete propsCopy.className;
+    }
+    if (props.style) {
+        combinedStyles = props.style;
+        delete propsCopy.style;
+    }
+    if (classNamesOrStyles) {
+        let paramType = typeof classNamesOrStyles;
+        if (paramType === 'string') {
+            if (classNames) {
+                classNames.push(classNamesOrStyles);
+            }
+            else {
+                classNames = [classNamesOrStyles];
+            }
+        }
+        else if (paramType === 'object') {
+            if (Array.isArray(classNamesOrStyles)) {
+                if (classNames) {
+                    classNames = classNames.concat(classNamesOrStyles);
+                }
+                else {
+                    classNames = classNamesOrStyles;
+                }
+            }
+            else {
+                combinedStyles = Object.assign(Object.assign({}, props.style), classNamesOrStyles);
+            }
+        }
+        if (styles) {
+            combinedStyles = Object.assign(Object.assign({}, combinedStyles), styles);
+        }
+    }
+    return Object.assign({ className: (classNames || []).filter(Boolean).join(' '), style: combinedStyles }, propsCopy);
+};
+//# sourceMappingURL=Hooks.js.map

package/lib/esm/utils/Hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hooks.js","sourceRoot":"","sources":["../../../src/utils/Hooks.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAK,EACL,kBAA4D,EAC5D,MAA4B,EAC5B,EAAE;IACF,IAAI,UAAU,CAAC;IACf,IAAI,cAAc,CAAC;IACnB,IAAI,SAAS,qBAAO,KAAK,CAAC,CAAC;IAC3B,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;QACpB,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YACxC,UAAU,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;YAC1C,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;QAC/B,CAAC;QACD,OAAO,SAAS,CAAC,SAAS,CAAC;IAC7B,CAAC;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC;QAC7B,OAAO,SAAS,CAAC,KAAK,CAAC;IACzB,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACvB,IAAI,SAAS,GAAG,OAAO,kBAAkB,CAAC;QAC1C,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC3B,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,CAAC,kBAAkB,CAAC,CAAC;YACpC,CAAC;QACH,CAAC;aAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,IAAI,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACtC,IAAI,UAAU,EAAE,CAAC;oBACf,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;gBACrD,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,kBAAkB,CAAC;gBAClC,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,cAAc,mCAAO,KAAK,CAAC,KAAK,GAAM,kBAA6B,CAAC,CAAC;YACvE,CAAC;QACH,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,cAAc,mCAAO,cAAc,GAAK,MAAM,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED,uBACE,SAAS,EAAE,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvD,KAAK,EAAE,cAAc,IAClB,SAAS,EACZ;AACJ,CAAC,CAAC"}

package/lib/esm/utils/LinkedComponent.d.ts

@@ -0,0 +1,52 @@
+import { GetCustomObjectKeys, GetQueryResponseType, GetQueryShapeType, QResult, QueryControllerProps, QueryResponseToResultType, QueryWrapperObject, SelectQueryFactory, ToQueryResultSet } from '@_linked/core/queries/SelectQuery';
+import { Shape } from '@_linked/core/shapes/Shape';
+import React from 'react';
+import { ShapeSet } from '@_linked/core/collections/ShapeSet';
+import { NodeReferenceValue } from '@_linked/core/utils/NodeReference';
+export type Component<P = any, ShapeType extends Shape = Shape> = ClassComponent<P, ShapeType> | LinkedComponent<P, ShapeType> | LinkedSetComponent<P, ShapeType>;
+export interface ClassComponent<P, ShapeType extends Shape = Shape> extends React.ComponentClass<P & LinkedComponentProps<ShapeType>> {
+    props: P & LinkedComponentProps<ShapeType>;
+    shape?: typeof Shape;
+}
+export interface LinkedComponent<P, ShapeType extends Shape = Shape, ResultType = any> extends React.FC<P & LinkedComponentInputProps<ShapeType> & React.ComponentPropsWithRef<any>> {
+    original?: LinkableComponent<P, ShapeType>;
+    query: SelectQueryFactory<any>;
+    shape?: typeof Shape;
+}
+export interface LinkedSetComponent<P, ShapeType extends Shape = Shape, Res = any> extends React.FC<P & LinkedSetComponentInputProps<ShapeType> & React.ComponentPropsWithRef<any>> {
+    original?: LinkableSetComponent<P, ShapeType>;
+    query: SelectQueryFactory<any> | QueryWrapperObject<ShapeType>;
+    shape?: typeof Shape;
+}
+export type LinkableComponent<P, ShapeType extends Shape = Shape> = React.FC<P & LinkedComponentProps<ShapeType>>;
+export type LinkableSetComponent<P, ShapeType extends Shape = Shape, DataResultType = any> = React.FC<LinkedSetComponentProps<ShapeType, DataResultType> & P>;
+export interface LinkedSetComponentProps<ShapeType extends Shape, DataResultType = any> extends LinkedComponentBaseProps<DataResultType>, QueryControllerProps {
+    sources: ShapeSet<ShapeType>;
+}
+export interface LinkedComponentProps<ShapeType extends Shape> extends LinkedComponentBaseProps {
+    source: ShapeType;
+    _refresh: (updatedProps?: any) => void;
+}
+interface LinkedComponentBaseProps<DataResultType = any> extends React.PropsWithChildren {
+    linkedData?: DataResultType;
+}
+export interface LinkedSetComponentInputProps<ShapeType extends Shape = Shape> extends LinkedComponentInputBaseProps {
+    of?: ShapeSet<ShapeType> | QResult<ShapeType>[];
+}
+export interface LinkedComponentInputProps<ShapeType extends Shape = Shape> extends LinkedComponentInputBaseProps {
+    of: NodeReferenceValue | ShapeType | QResult<ShapeType>;
+}
+interface LinkedComponentInputBaseProps extends React.PropsWithChildren {
+    className?: string | string[];
+    style?: React.CSSProperties;
+}
+export type LinkedSetComponentFactoryFn = <QueryType extends SelectQueryFactory<any> | {
+    [key: string]: SelectQueryFactory<any>;
+} = null, CustomProps = {}, ShapeType extends Shape = GetQueryShapeType<QueryType>, Res = ToQueryResultSet<QueryType>>(requiredData: QueryType, functionalComponent: LinkableSetComponent<CustomProps & GetCustomObjectKeys<QueryType> & QueryControllerProps, ShapeType, Res>) => LinkedSetComponent<CustomProps, ShapeType, Res>;
+export type LinkedComponentFactoryFn = <QueryType extends SelectQueryFactory<any> = null, CustomProps = {}, ShapeType extends Shape = GetQueryShapeType<QueryType>, Response = GetQueryResponseType<QueryType>, ResultType = QueryResponseToResultType<Response, ShapeType>>(query: QueryType, functionalComponent: LinkableComponent<CustomProps & ResultType, ShapeType>) => LinkedComponent<CustomProps, ShapeType, ResultType>;
+export declare function createLinkedComponentFn(registerPackageExport: any, registerComponent: any): <QueryType extends SelectQueryFactory<any> = null, CustomProps = {}, ShapeType extends Shape = GetQueryShapeType<QueryType>, Res = GetQueryResponseType<QueryType>>(query: QueryType, functionalComponent: LinkableComponent<CustomProps & QueryResponseToResultType<Res, ShapeType>, ShapeType>) => LinkedComponent<CustomProps, ShapeType, Res>;
+export declare function createLinkedSetComponentFn(registerPackageExport: any, registerComponent: any): <QueryType extends SelectQueryFactory<any> | {
+    [key: string]: SelectQueryFactory<any>;
+} = null, CustomProps = {}, ShapeType extends Shape = GetQueryShapeType<QueryType>, Res = ToQueryResultSet<QueryType>>(query: QueryType, functionalComponent: LinkableSetComponent<CustomProps & GetCustomObjectKeys<QueryType> & QueryControllerProps, ShapeType>) => LinkedSetComponent<CustomProps, ShapeType, Res>;
+export declare function getSourceFromInputProps(props: any, shapeClass: any): any;
+export {};