@j2inn/resolvable-ui-elements 2.0.0 → 2.1.1-beta.0

package/dist/resolvableElements/elements/tag/TagElementMeta.js

@@ -1,15 +1,15 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isResolvableTagMeta = exports.isResolvableTagElementData = void 0;
-const isResolvableTagElementData = (element) => {
-    return !!element?._meta && (0, exports.isResolvableTagMeta)(element._meta);
-};
-exports.isResolvableTagElementData = isResolvableTagElementData;
-const isResolvableTagMeta = (meta) => {
-    return meta.resolutionType === 'tag';
-};
-exports.isResolvableTagMeta = isResolvableTagMeta;
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isResolvableTagMeta = exports.isResolvableTagElementData = void 0;
+const isResolvableTagElementData = (element) => {
+    return !!element?._meta && (0, exports.isResolvableTagMeta)(element._meta);
+};
+exports.isResolvableTagElementData = isResolvableTagElementData;
+const isResolvableTagMeta = (meta) => {
+    return meta.resolutionType === 'tag';
+};
+exports.isResolvableTagMeta = isResolvableTagMeta;
 //# sourceMappingURL=TagElementMeta.js.map

package/dist/resolvableElements/interfacesGeneration/generateInterfaces.d.ts

@@ -1,17 +1,17 @@
-import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
-import { UiElementSectionMeta } from '../elements/section/SectionElementMeta';
-import { UiElementData } from '../elements/UiElement';
-export declare const generateInterfaces: (section: UiElementData<UiElementSectionMeta>) => string;
-/**
- * Class for generating typescript interfaces from a section data.
- */
-export declare class SectionInterfacesGenerator {
-    #private;
-    constructor(section: UiElementData<UiElementSectionMeta>);
-    sectionData: UiElementData<UiElementSectionMeta>;
-    output: string;
-    generate: () => string;
-    generateInterface(section: ResolvableSectionElement, indentation: number): void;
-    generateNamespace(section: ResolvableSectionElement<UiElementData<UiElementSectionMeta>>, indentation: number): void;
-}
-export declare function makeResolvableSectionElementMock(sectionData: UiElementData<UiElementSectionMeta>, name?: string): ResolvableSectionElement<UiElementData<UiElementSectionMeta>>;
+import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
+import { UiElementSectionMeta } from '../elements/section/SectionElementMeta';
+import { UiElementData } from '../elements/UiElement';
+export declare const generateInterfaces: (section: UiElementData<UiElementSectionMeta>) => string;
+/**
+ * Class for generating typescript interfaces from a section data.
+ */
+export declare class SectionInterfacesGenerator {
+    #private;
+    constructor(section: UiElementData<UiElementSectionMeta>);
+    sectionData: UiElementData<UiElementSectionMeta>;
+    output: string;
+    generate: () => string;
+    generateInterface(section: ResolvableSectionElement, indentation: number): void;
+    generateNamespace(section: ResolvableSectionElement<UiElementData<UiElementSectionMeta>>, indentation: number): void;
+}
+export declare function makeResolvableSectionElementMock(sectionData: UiElementData<UiElementSectionMeta>, name?: string): ResolvableSectionElement<UiElementData<UiElementSectionMeta>>;

package/dist/resolvableElements/interfacesGeneration/generateInterfaces.js

@@ -1,44 +1,44 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeResolvableSectionElementMock = exports.SectionInterfacesGenerator = exports.generateInterfaces = void 0;
-const haystack_core_1 = require("haystack-core");
-const haystack_nclient_1 = require("haystack-nclient");
-const ResolvableValueElement_1 = require("../elements/ResolvableValueElement");
-const ResolvableSectionElement_1 = require("../elements/section/ResolvableSectionElement");
-const Resolver_1 = require("../Resolver");
-const ROOT_NAME = 'UiElementRoot';
-const ELEMENT_INTERFACE_NAME = 'UiElementData';
-const generateInterfaces = (section) => {
-    return new SectionInterfacesGenerator(section).generate();
-};
-exports.generateInterfaces = generateInterfaces;
-/**
- * Class for generating typescript interfaces from a section data.
- */
-class SectionInterfacesGenerator {
-    constructor(section) {
-        this.sectionData = section;
-    }
-    sectionData;
-    output = '';
-    #out = (str, indentation = 0) => {
-        this.output += this.#indent(indentation) + str + '\n';
-    };
-    #indent(indentation = 0) {
-        return '\t'.repeat(indentation);
-    }
-    generate = () => {
-        this.#generateImports();
-        const section = makeResolvableSectionElementMock(this.sectionData);
-        this.#generateSectionDefinition(section);
-        const result = this.output;
-        this.output = '';
-        return result;
-    };
-    #generateImports() {
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeResolvableSectionElementMock = exports.SectionInterfacesGenerator = exports.generateInterfaces = void 0;
+const haystack_core_1 = require("haystack-core");
+const haystack_nclient_1 = require("haystack-nclient");
+const ResolvableValueElement_1 = require("../elements/ResolvableValueElement");
+const ResolvableSectionElement_1 = require("../elements/section/ResolvableSectionElement");
+const Resolver_1 = require("../Resolver");
+const ROOT_NAME = 'UiElementRoot';
+const ELEMENT_INTERFACE_NAME = 'UiElementData';
+const generateInterfaces = (section) => {
+    return new SectionInterfacesGenerator(section).generate();
+};
+exports.generateInterfaces = generateInterfaces;
+/**
+ * Class for generating typescript interfaces from a section data.
+ */
+class SectionInterfacesGenerator {
+    constructor(section) {
+        this.sectionData = section;
+    }
+    sectionData;
+    output = '';
+    #out = (str, indentation = 0) => {
+        this.output += this.#indent(indentation) + str + '\n';
+    };
+    #indent(indentation = 0) {
+        return '\t'.repeat(indentation);
+    }
+    generate = () => {
+        this.#generateImports();
+        const section = makeResolvableSectionElementMock(this.sectionData);
+        this.#generateSectionDefinition(section);
+        const result = this.output;
+        this.output = '';
+        return result;
+    };
+    #generateImports() {
         this.#out(`/* eslint-disable @typescript-eslint/no-namespace */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
@@ -57,97 +57,97 @@ export const UI_ELEMENTS = json as UiElementRoot
 //////////////////////////////////////////////////////////////////////////
 // Interfaces
 //////////////////////////////////////////////////////////////////////////
-`);
-    }
-    #generateSectionDefinition(section, indentation = 0) {
-        this.generateInterface(section, indentation);
-        if (hasChildrenSections(section)) {
-            this.generateNamespace(section, indentation);
-        }
-    }
-    generateInterface(section, indentation) {
-        const name = section.name ?? ROOT_NAME;
-        this.#out(`export interface ${capitalize(name)} extends UiElementData {`, indentation);
-        const parameters = section.getParameterList();
-        if (parameters.length > 0) {
-            this.#generateParametersProperty(parameters, indentation + 1);
-        }
-        this.#generateResolvedProperty(section, indentation + 1);
-        section.children.forEach((child) => this.#out((0, ResolvableSectionElement_1.isChildUnresolvedSection)(child)
-            ? `${child[0]}: ${capitalize(name)}.${capitalize(child[0] ?? '')}`
-            : `${child.name}: ${ELEMENT_INTERFACE_NAME}`, indentation + 1));
-        this.#out(`}`, indentation);
-    }
-    #generateParametersProperty(parameters, indentation) {
-        this.#out(`_parameters?: {`, indentation);
-        parameters.forEach((param) => this.#out(`${param}: HCore.HVal`, indentation + 1));
-        this.#out(`}`, indentation);
-    }
-    #generateResolvedProperty(section, indentation) {
-        const name = section.name ?? ROOT_NAME;
-        if (section.children.length > 0) {
-            this.#out('_resolved?: {', indentation);
-            section.children.forEach((child) => this.#out((0, ResolvableSectionElement_1.isChildUnresolvedSection)(child)
-                ? `${child[0]}?: ${capitalize(name)}.${capitalize(child[0] ?? '')}`
-                : `${child.name}?: ${getResolvedType(child)}`, indentation + 1));
-            this.#out('}', indentation);
-        }
-        else {
-            this.#out(`_resolved?: Record<string, unknown>`, indentation);
-        }
-    }
-    generateNamespace(section, indentation) {
-        const name = section.name ?? ROOT_NAME;
-        this.#out(`export namespace ${capitalize(name)} {`, indentation);
-        section.children
-            .filter((child) => (0, ResolvableSectionElement_1.isChildUnresolvedSection)(child))
-            .forEach((child) => {
-            if ((0, ResolvableSectionElement_1.isChildUnresolvedSection)(child)) {
-                const section = makeResolvableSectionElementMock(child[1], child[0]);
-                this.#generateSectionDefinition(section, indentation + 1);
-            }
-        });
-        this.#out(`}`, indentation);
-    }
-}
-exports.SectionInterfacesGenerator = SectionInterfacesGenerator;
-function makeResolvableSectionElementMock(sectionData, name) {
-    return new ResolvableSectionElement_1.ResolvableSectionElement({
-        name,
-        element: sectionData,
-        onUpdate: () => {
-            return;
-        },
-        resolver: new Resolver_1.Resolver({
-            client: makeMockedClient(),
-            user: haystack_core_1.HDict.make({ userRole: 'su' }),
-        }),
-    });
-}
-exports.makeResolvableSectionElementMock = makeResolvableSectionElementMock;
-function makeMockedClient() {
-    return new haystack_nclient_1.Client({
-        base: new URL('http://localhost:8080'),
-        fetch: () => new Promise(() => {
-            return new Response();
-        }),
-    });
-}
-function capitalize(str) {
-    return str.charAt(0)?.toUpperCase() + str.substring(1);
-}
-function getResolvedType(child) {
-    if (child._meta && (0, ResolvableValueElement_1.isResolvableValueElementMeta)(child._meta)) {
-        return child._meta.resolvedType.startsWith('H')
-            ? 'HCore.' + child._meta.resolvedType
-            : child._meta.resolvedType;
-    }
-    else {
-        return 'unknown';
-    }
-}
-function hasChildrenSections(section) {
-    return (section.children.filter((child) => (0, ResolvableSectionElement_1.isChildUnresolvedSection)(child))
-        .length > 0);
-}
+`);
+    }
+    #generateSectionDefinition(section, indentation = 0) {
+        this.generateInterface(section, indentation);
+        if (hasChildrenSections(section)) {
+            this.generateNamespace(section, indentation);
+        }
+    }
+    generateInterface(section, indentation) {
+        const name = section.name ?? ROOT_NAME;
+        this.#out(`export interface ${capitalize(name)} extends UiElementData {`, indentation);
+        const parameters = section.getParameterList();
+        if (parameters.length > 0) {
+            this.#generateParametersProperty(parameters, indentation + 1);
+        }
+        this.#generateResolvedProperty(section, indentation + 1);
+        section.children.forEach((child) => this.#out((0, ResolvableSectionElement_1.isChildUnresolvedSection)(child)
+            ? `${child[0]}: ${capitalize(name)}.${capitalize(child[0] ?? '')}`
+            : `${child.name}: ${ELEMENT_INTERFACE_NAME}`, indentation + 1));
+        this.#out(`}`, indentation);
+    }
+    #generateParametersProperty(parameters, indentation) {
+        this.#out(`_parameters?: {`, indentation);
+        parameters.forEach((param) => this.#out(`${param}: HCore.HVal`, indentation + 1));
+        this.#out(`}`, indentation);
+    }
+    #generateResolvedProperty(section, indentation) {
+        const name = section.name ?? ROOT_NAME;
+        if (section.children.length > 0) {
+            this.#out('_resolved?: {', indentation);
+            section.children.forEach((child) => this.#out((0, ResolvableSectionElement_1.isChildUnresolvedSection)(child)
+                ? `${child[0]}?: ${capitalize(name)}.${capitalize(child[0] ?? '')}`
+                : `${child.name}?: ${getResolvedType(child)}`, indentation + 1));
+            this.#out('}', indentation);
+        }
+        else {
+            this.#out(`_resolved?: Record<string, unknown>`, indentation);
+        }
+    }
+    generateNamespace(section, indentation) {
+        const name = section.name ?? ROOT_NAME;
+        this.#out(`export namespace ${capitalize(name)} {`, indentation);
+        section.children
+            .filter((child) => (0, ResolvableSectionElement_1.isChildUnresolvedSection)(child))
+            .forEach((child) => {
+            if ((0, ResolvableSectionElement_1.isChildUnresolvedSection)(child)) {
+                const section = makeResolvableSectionElementMock(child[1], child[0]);
+                this.#generateSectionDefinition(section, indentation + 1);
+            }
+        });
+        this.#out(`}`, indentation);
+    }
+}
+exports.SectionInterfacesGenerator = SectionInterfacesGenerator;
+function makeResolvableSectionElementMock(sectionData, name) {
+    return new ResolvableSectionElement_1.ResolvableSectionElement({
+        name,
+        element: sectionData,
+        onUpdate: () => {
+            return;
+        },
+        resolver: new Resolver_1.Resolver({
+            client: makeMockedClient(),
+            user: haystack_core_1.HDict.make({ userRole: 'su' }),
+        }),
+    });
+}
+exports.makeResolvableSectionElementMock = makeResolvableSectionElementMock;
+function makeMockedClient() {
+    return new haystack_nclient_1.Client({
+        base: new URL('http://localhost:8080'),
+        fetch: () => new Promise(() => {
+            return new Response();
+        }),
+    });
+}
+function capitalize(str) {
+    return str.charAt(0)?.toUpperCase() + str.substring(1);
+}
+function getResolvedType(child) {
+    if (child._meta && (0, ResolvableValueElement_1.isResolvableValueElementMeta)(child._meta)) {
+        return child._meta.resolvedType.startsWith('H')
+            ? 'HCore.' + child._meta.resolvedType
+            : child._meta.resolvedType;
+    }
+    else {
+        return 'unknown';
+    }
+}
+function hasChildrenSections(section) {
+    return (section.children.filter((child) => (0, ResolvableSectionElement_1.isChildUnresolvedSection)(child))
+        .length > 0);
+}
 //# sourceMappingURL=generateInterfaces.js.map

package/dist/resolvableElements/interfacesGeneration/generateTypescriptInterfacesFile.d.ts

@@ -1,4 +1,4 @@
-/**
- * Generate typescript interfaces file from json ui-elements data
- */
-export default function generateTypescriptInterfacesFile(inputPath?: string, outputPath?: string): Promise<void>;
+/**
+ * Generate typescript interfaces file from json ui-elements data
+ */
+export default function generateTypescriptInterfacesFile(inputPath?: string, outputPath?: string): Promise<void>;

package/dist/resolvableElements/interfacesGeneration/generateTypescriptInterfacesFile.js

@@ -1,42 +1,42 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("fs"));
-const generateInterfaces_1 = require("./generateInterfaces");
-/**
- * Generate typescript interfaces file from json ui-elements data
- */
-async function generateTypescriptInterfacesFile(inputPath = '../elements.json', outputPath = '../elements.ts') {
-    console.log(`Generating interfaces from ${inputPath} \n...`);
-    const json = fs.readFileSync(inputPath, { encoding: 'utf-8' });
-    const result = (0, generateInterfaces_1.generateInterfaces)(JSON.parse(json));
-    fs.writeFileSync(outputPath, result);
-    console.log(`File successfully generated at: ${outputPath}`);
-}
-exports.default = generateTypescriptInterfacesFile;
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs = __importStar(require("fs"));
+const generateInterfaces_1 = require("./generateInterfaces");
+/**
+ * Generate typescript interfaces file from json ui-elements data
+ */
+async function generateTypescriptInterfacesFile(inputPath = '../elements.json', outputPath = '../elements.ts') {
+    console.log(`Generating interfaces from ${inputPath} \n...`);
+    const json = fs.readFileSync(inputPath, { encoding: 'utf-8' });
+    const result = (0, generateInterfaces_1.generateInterfaces)(JSON.parse(json));
+    fs.writeFileSync(outputPath, result);
+    console.log(`File successfully generated at: ${outputPath}`);
+}
+exports.default = generateTypescriptInterfacesFile;
 //# sourceMappingURL=generateTypescriptInterfacesFile.js.map

package/dist/resolvableElements/react/SectionChecker.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { UiElementData } from 'resolvableElements/elements/UiElement';
-/**
- * An utility type that allows a component to accept props with or without a 'section' property.
- */
-export type OptionalSection<P> = P | (Omit<P, 'section'> & {
-    section?: undefined;
-});
-/**
- * Higher-Order Component that takes a section based component as an argument and returns a new component
- * that checks if the 'section' prop is defined before rendering the SectionComponent.
- * If the 'section' prop is undefined, it returns an empty element.
- *
- * @template P - Props of the original SectionComponent
- * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
- * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
- * @example
- * const CheckedComponent = SectionChecker(({section, ...props}) => {
- *   return <div>{section.title}</div>
- * })
- */
-export declare const SectionChecker: <P extends {
-    section: UiElementData;
-}>(SectionComponent: React.FC<P>) => (props: OptionalSection<P>) => JSX.Element;
+import React from 'react';
+import { UiElementData } from 'resolvableElements/elements/UiElement';
+/**
+ * An utility type that allows a component to accept props with or without a 'section' property.
+ */
+export type OptionalSection<P> = P | (Omit<P, 'section'> & {
+    section?: undefined;
+});
+/**
+ * Higher-Order Component that takes a section based component as an argument and returns a new component
+ * that checks if the 'section' prop is defined before rendering the SectionComponent.
+ * If the 'section' prop is undefined, it returns an empty element.
+ *
+ * @template P - Props of the original SectionComponent
+ * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
+ * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
+ * @example
+ * const CheckedComponent = SectionChecker(({section, ...props}) => {
+ *   return <div>{section.title}</div>
+ * })
+ */
+export declare const SectionChecker: <P extends {
+    section: UiElementData;
+}>(SectionComponent: React.FC<P>) => (props: OptionalSection<P>) => JSX.Element;

package/dist/resolvableElements/react/SectionChecker.jsx

@@ -1,28 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionChecker = void 0;
-const react_1 = __importDefault(require("react"));
-/**
- * Higher-Order Component that takes a section based component as an argument and returns a new component
- * that checks if the 'section' prop is defined before rendering the SectionComponent.
- * If the 'section' prop is undefined, it returns an empty element.
- *
- * @template P - Props of the original SectionComponent
- * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
- * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
- * @example
- * const CheckedComponent = SectionChecker(({section, ...props}) => {
- *   return <div>{section.title}</div>
- * })
- */
-const SectionChecker = (SectionComponent) => {
-    const CheckedSectionComponent = (props) => {
-        return !props.section ? <></> : <SectionComponent {...props}/>;
-    };
-    return CheckedSectionComponent;
-};
-exports.SectionChecker = SectionChecker;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionChecker = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * Higher-Order Component that takes a section based component as an argument and returns a new component
+ * that checks if the 'section' prop is defined before rendering the SectionComponent.
+ * If the 'section' prop is undefined, it returns an empty element.
+ *
+ * @template P - Props of the original SectionComponent
+ * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
+ * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
+ * @example
+ * const CheckedComponent = SectionChecker(({section, ...props}) => {
+ *   return <div>{section.title}</div>
+ * })
+ */
+const SectionChecker = (SectionComponent) => {
+    const CheckedSectionComponent = (props) => {
+        return !props.section ? <></> : <SectionComponent {...props}/>;
+    };
+    return CheckedSectionComponent;
+};
+exports.SectionChecker = SectionChecker;
 //# sourceMappingURL=SectionChecker.jsx.map

package/dist/resolvableElements/react/useResolveSection.d.ts

@@ -1,21 +1,21 @@
-import { UiElementData } from '../elements/UiElement';
-import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
-import { ParametersOfSection, ResolvedSection } from '../elements/section/SectionElementMeta';
-/**
- * Resolves a section UI element.
- * IMPORTANT: This hook requires a resolver react context defined. @See `ResolverProvider`.
- * @param sectionData section data object
- * @param parameters parameters for the resolution
- * @returns the resolved result of the section that will be updated and force rendering when a subvalue changes.
- */
-export declare function useResolveSection<T extends UiElementData>(sectionData: T, parameters?: ParametersOfSection<T>): UseResolveSectionResult<T>;
-export type UseResolveSectionResult<T extends UiElementData> = [
-    ResolvedSection<T>,
-    UseResolveSectionExtra<T>
-];
-export interface UseResolveSectionExtra<T extends UiElementData> {
-    refresh: () => void;
-    element?: ResolvableSectionElement<T>;
-    loads: number;
-    isLoading: boolean;
-}
+import { UiElementData } from '../elements/UiElement';
+import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
+import { ParametersOfSection, ResolvedSection } from '../elements/section/SectionElementMeta';
+/**
+ * Resolves a section UI element.
+ * IMPORTANT: This hook requires a resolver react context defined. @See `ResolverProvider`.
+ * @param sectionData section data object
+ * @param parameters parameters for the resolution
+ * @returns the resolved result of the section that will be updated and force rendering when a subvalue changes.
+ */
+export declare function useResolveSection<T extends UiElementData>(sectionData: T, parameters?: ParametersOfSection<T>): UseResolveSectionResult<T>;
+export type UseResolveSectionResult<T extends UiElementData> = [
+    ResolvedSection<T>,
+    UseResolveSectionExtra<T>
+];
+export interface UseResolveSectionExtra<T extends UiElementData> {
+    refresh: () => void;
+    element?: ResolvableSectionElement<T>;
+    loads: number;
+    isLoading: boolean;
+}