@arkcit/engine-react 0.3.0

package/dist/materialization.d.ts

@@ -0,0 +1,86 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { UINode } from '@arkcit/engine-schema';
+import { UIRuntimeAdapter } from '@arkcit/engine-runtime';
+import { ResolvedNodeContentDescriptor, CoverContentDescriptor, AccordionItemDescriptor, ExpandablePanelContentDescriptor, TabsContentDescriptor } from '@arkcit/engine-render-layer';
+
+declare const buildCoverMedia: ({ mediaSource, mediaSrc, mediaAlt, }: {
+    mediaSource: string;
+    mediaSrc: string;
+    mediaAlt: string;
+}) => React__default.ReactNode | undefined;
+declare const buildCoverContent: ({ rawChildren, renderSafeNode, }: {
+    rawChildren: UINode[];
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+}) => {
+    actions: react_jsx_runtime.JSX.Element | undefined;
+    children: react_jsx_runtime.JSX.Element | null;
+};
+declare const buildScrollRevealChildren: ({ rawChildren, renderSafeNode, normalizeRenderableChild, fallbackChildren, }: {
+    rawChildren: UINode[];
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+    normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+    fallbackChildren: unknown;
+}) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+
+type TableComponentShape = {
+    Header: React__default.ComponentType<Record<string, unknown>>;
+    Body: React__default.ComponentType<Record<string, unknown>>;
+    Row: React__default.ComponentType<Record<string, unknown>>;
+    Head: React__default.ComponentType<Record<string, unknown>>;
+    Cell: React__default.ComponentType<Record<string, unknown>>;
+};
+declare const materializeBoundTable: ({ nodeId, componentProps, runtime, TableComponent, }: {
+    nodeId: string;
+    componentProps: Record<string, unknown>;
+    runtime: UIRuntimeAdapter;
+    TableComponent: React__default.ComponentType<Record<string, unknown>> & TableComponentShape;
+}) => React__default.ReactNode | null;
+
+declare const materializeChildContent: ({ descriptor, renderSafeNode, }: {
+    descriptor: ResolvedNodeContentDescriptor;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+}) => React__default.ReactNode | null;
+
+declare const materializeCoverContent: ({ descriptor, renderSafeNode, }: {
+    descriptor: CoverContentDescriptor;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+}) => {
+    actions: react_jsx_runtime.JSX.Element | undefined;
+    children: react_jsx_runtime.JSX.Element | null;
+};
+
+declare const materializeAccordionItems: ({ items, renderSafeNode, }: {
+    items: AccordionItemDescriptor[];
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+}) => {
+    id: string;
+    title: string;
+    disabled: boolean;
+    content: string | react_jsx_runtime.JSX.Element;
+}[];
+declare const materializeExpandablePanelContent: ({ descriptor, renderSafeNode, }: {
+    descriptor: ExpandablePanelContentDescriptor;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element | undefined;
+
+declare const materializeTabsContent: ({ tabs, renderSafeNode, normalizeRenderableChild, }: {
+    tabs: TabsContentDescriptor[];
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+    normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+}) => {
+    id: string;
+    title: unknown;
+    label: unknown;
+    content: string | number | bigint | boolean | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element[] | null | undefined;
+}[];
+
+declare const buildAccordionItems: (accordionChildren: UINode[], renderSafeNode: (node: UINode) => React__default.ReactNode) => {
+    id: string;
+    title: string;
+    content: string | react_jsx_runtime.JSX.Element;
+    disabled: boolean;
+}[];
+declare const buildExpandablePanelChildren: (panelChildren: UINode[], renderSafeNode: (node: UINode) => React__default.ReactNode) => react_jsx_runtime.JSX.Element | undefined;
+
+export { buildAccordionItems, buildCoverContent, buildCoverMedia, buildExpandablePanelChildren, buildScrollRevealChildren, materializeAccordionItems, materializeBoundTable, materializeChildContent, materializeCoverContent, materializeExpandablePanelContent, materializeTabsContent };

package/dist/materialization.js

@@ -0,0 +1,334 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/materialization/contentStudio.tsx
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var buildCoverMedia = ({
+  mediaSource,
+  mediaSrc,
+  mediaAlt
+}) => {
+  if (mediaSource === "none") return void 0;
+  if (mediaSource === "image" && mediaSrc) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: mediaSrc,
+        alt: mediaAlt || "Cover media",
+        className: "h-56 w-full rounded-xl object-cover"
+      }
+    );
+  }
+  if (mediaSource === "video" && mediaSrc) {
+    return /* @__PURE__ */ jsx(
+      "video",
+      {
+        src: mediaSrc,
+        className: "h-56 w-full rounded-xl object-cover",
+        controls: true,
+        preload: "metadata"
+      }
+    );
+  }
+  return void 0;
+};
+var buildCoverContent = ({
+  rawChildren,
+  renderSafeNode
+}) => {
+  const actionChildren = rawChildren.filter((child) => child.type === "Button" || child.type === "Link");
+  const contentChildren = rawChildren.filter((child) => child.type !== "Button" && child.type !== "Link");
+  const resolvedActionChildren = actionChildren.map((child) => /* @__PURE__ */ jsx("span", { className: "inline-flex align-middle", children: renderSafeNode(child) }, child.id));
+  const resolvedContentChildren = contentChildren.map((child) => /* @__PURE__ */ jsx(React.Fragment, { children: renderSafeNode(child) }, child.id));
+  return {
+    actions: resolvedActionChildren.length > 0 ? resolvedActionChildren.length === 1 ? resolvedActionChildren[0] : /* @__PURE__ */ jsx(Fragment, { children: resolvedActionChildren }) : void 0,
+    children: resolvedContentChildren.length > 0 ? resolvedContentChildren.length === 1 ? resolvedContentChildren[0] : /* @__PURE__ */ jsx(Fragment, { children: resolvedContentChildren }) : null
+  };
+};
+var buildScrollRevealChildren = ({
+  rawChildren,
+  renderSafeNode,
+  normalizeRenderableChild,
+  fallbackChildren
+}) => {
+  if (rawChildren.length > 0) {
+    return rawChildren.length === 1 ? /* @__PURE__ */ jsx(React.Fragment, { children: renderSafeNode(rawChildren[0]) }, rawChildren[0].id) : /* @__PURE__ */ jsx(Fragment, { children: rawChildren.map((child) => /* @__PURE__ */ jsx(React.Fragment, { children: renderSafeNode(child) }, child.id)) });
+  }
+  return normalizeRenderableChild(fallbackChildren);
+};
+
+// src/materialization/materializeBoundTable.tsx
+import React2 from "react";
+
+// src/rendering/resolveBoundTableData.ts
+var resolveBoundTableData = ({
+  nodeId,
+  componentProps,
+  runtime
+}) => {
+  var _a, _b, _c, _d;
+  const rows = Array.isArray(componentProps.rows) ? componentProps.rows : [];
+  const columns = Array.isArray(componentProps.columns) ? componentProps.columns : [];
+  const paginationCandidate = componentProps.pagination;
+  const pagination = paginationCandidate && typeof paginationCandidate === "object" ? paginationCandidate : null;
+  const pageRaw = Number((_a = pagination == null ? void 0 : pagination.page) != null ? _a : 1);
+  const pageSizeRaw = Number(((_b = pagination == null ? void 0 : pagination.pageSize) != null ? _b : rows.length) || 1);
+  const page = Number.isFinite(pageRaw) && pageRaw > 0 ? pageRaw : 1;
+  const pageSize = Number.isFinite(pageSizeRaw) && pageSizeRaw > 0 ? pageSizeRaw : rows.length || 1;
+  const tableQueriesRaw = runtime.get("table.queriesByNodeId");
+  const tableQueries = tableQueriesRaw && typeof tableQueriesRaw === "object" ? tableQueriesRaw : {};
+  const query = String((_d = (_c = tableQueries[nodeId]) != null ? _c : tableQueries.__all__) != null ? _d : "").trim().toLowerCase();
+  const filteredRows = query.length === 0 ? rows : rows.filter(
+    (row) => columns.some((column) => {
+      var _a2;
+      const key = String((_a2 = column.key) != null ? _a2 : "").trim();
+      if (!key) return false;
+      const value = row[key];
+      return String(value != null ? value : "").toLowerCase().includes(query);
+    })
+  );
+  const startIndex = (page - 1) * pageSize;
+  const pagedRows = pagination ? filteredRows.slice(startIndex, startIndex + pageSize) : filteredRows;
+  return {
+    columns,
+    rows,
+    filteredRows,
+    pagedRows,
+    pagination,
+    page,
+    pageSize,
+    query
+  };
+};
+
+// src/materialization/materializeBoundTable.tsx
+var RENDER_INTERNAL_PROP_NAMES = /* @__PURE__ */ new Set([
+  "bindingEnabled",
+  "valueBindingKey",
+  "optionsBindingKey",
+  "useBindingData",
+  "entitiesBindingKey",
+  "videoBindingKey",
+  "mapBindingKey",
+  "productBindingKey",
+  "useTranslationKeys",
+  "tagContentTranslationKey",
+  "tagContentTranslationValue",
+  "hrefTranslationKey",
+  "hrefTranslationValue",
+  "mediaSource",
+  "mediaSrc",
+  "mediaAlt",
+  "rowsBindingKey",
+  "columnsBindingKey"
+]);
+var omitInternalProps = (props) => {
+  const next = __spreadValues({}, props);
+  delete next.__studio;
+  for (const propName of RENDER_INTERNAL_PROP_NAMES) {
+    delete next[propName];
+  }
+  return next;
+};
+var materializeBoundTable = ({
+  nodeId,
+  componentProps,
+  runtime,
+  TableComponent
+}) => {
+  const { columns, pagedRows } = resolveBoundTableData({
+    nodeId,
+    componentProps,
+    runtime
+  });
+  delete componentProps.rows;
+  delete componentProps.columns;
+  delete componentProps.pagination;
+  delete componentProps.rowsBindingKey;
+  delete componentProps.columnsBindingKey;
+  delete componentProps.useBindingData;
+  if (columns.length === 0) return null;
+  delete componentProps.children;
+  const headerNode = React2.createElement(
+    TableComponent.Header,
+    null,
+    React2.createElement(
+      TableComponent.Row,
+      null,
+      ...columns.map(
+        (column, columnIndex) => {
+          var _a, _b, _c;
+          return React2.createElement(
+            TableComponent.Head,
+            { key: `table-head-${String((_a = column.key) != null ? _a : columnIndex)}` },
+            String((_c = (_b = column.header) != null ? _b : column.key) != null ? _c : `Column ${columnIndex + 1}`)
+          );
+        }
+      )
+    )
+  );
+  const bodyNode = React2.createElement(
+    TableComponent.Body,
+    null,
+    ...pagedRows.map(
+      (row, rowIndex) => {
+        var _a;
+        return React2.createElement(
+          TableComponent.Row,
+          { key: `table-row-${String((_a = row.id) != null ? _a : rowIndex)}` },
+          ...columns.map((column, columnIndex) => {
+            var _a2, _b;
+            const key = String((_a2 = column.key) != null ? _a2 : "").trim();
+            const value = key ? row[key] : "";
+            return React2.createElement(
+              TableComponent.Cell,
+              { key: `table-cell-${String((_b = row.id) != null ? _b : rowIndex)}-${key || columnIndex}` },
+              value == null ? "" : String(value)
+            );
+          })
+        );
+      }
+    )
+  );
+  return React2.createElement(
+    TableComponent,
+    omitInternalProps(componentProps),
+    headerNode,
+    bodyNode
+  );
+};
+
+// src/materialization/materializeChildContent.tsx
+import React3 from "react";
+
+// src/rendering/gridItemWrapperProps.ts
+var getGridItemWrapperProps = (colSpan) => ({
+  className: "w-full min-w-0",
+  style: {
+    gridColumn: `span ${colSpan} / span ${colSpan}`
+  }
+});
+
+// src/materialization/materializeChildContent.tsx
+import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
+var materializeChildContent = ({
+  descriptor,
+  renderSafeNode
+}) => {
+  if (descriptor.kind === "empty") {
+    return null;
+  }
+  const renderDescriptor = (childDescriptor) => {
+    if (childDescriptor.kind === "grid-item") {
+      return /* @__PURE__ */ jsx2("div", __spreadProps(__spreadValues({}, getGridItemWrapperProps(childDescriptor.colSpan)), { children: renderSafeNode(childDescriptor.child) }), childDescriptor.child.id);
+    }
+    return /* @__PURE__ */ jsx2(React3.Fragment, { children: renderSafeNode(childDescriptor.child) }, childDescriptor.child.id);
+  };
+  if (descriptor.kind === "single") {
+    return renderDescriptor(descriptor.child);
+  }
+  return /* @__PURE__ */ jsx2(Fragment2, { children: descriptor.children.map(renderDescriptor) });
+};
+
+// src/materialization/materializeCoverContent.tsx
+import React4 from "react";
+import { Fragment as Fragment3, jsx as jsx3 } from "react/jsx-runtime";
+var materializeCoverContent = ({
+  descriptor,
+  renderSafeNode
+}) => {
+  const resolvedActionChildren = descriptor.actionNodes.map((child) => /* @__PURE__ */ jsx3("span", { className: "inline-flex align-middle", children: renderSafeNode(child) }, child.id));
+  const resolvedContentChildren = descriptor.contentNodes.map((child) => /* @__PURE__ */ jsx3(React4.Fragment, { children: renderSafeNode(child) }, child.id));
+  return {
+    actions: resolvedActionChildren.length > 0 ? resolvedActionChildren.length === 1 ? resolvedActionChildren[0] : /* @__PURE__ */ jsx3(Fragment3, { children: resolvedActionChildren }) : void 0,
+    children: resolvedContentChildren.length > 0 ? resolvedContentChildren.length === 1 ? resolvedContentChildren[0] : /* @__PURE__ */ jsx3(Fragment3, { children: resolvedContentChildren }) : null
+  };
+};
+
+// src/materialization/materializeNavigationContent.tsx
+import React5 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var materializeAccordionItems = ({
+  items,
+  renderSafeNode
+}) => items.map((item) => {
+  var _a;
+  return {
+    id: item.id,
+    title: item.title,
+    disabled: item.disabled,
+    content: item.contentKind === "nodes" ? /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: item.contentNodes.map((nested) => /* @__PURE__ */ jsx4(React5.Fragment, { children: renderSafeNode(nested) }, nested.id)) }) : (_a = item.contentText) != null ? _a : ""
+  };
+});
+var materializeExpandablePanelContent = ({
+  descriptor,
+  renderSafeNode
+}) => {
+  if (descriptor.kind === "empty") {
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: descriptor.nodes.map((child) => /* @__PURE__ */ jsx4(React5.Fragment, { children: renderSafeNode(child) }, child.id)) });
+};
+
+// src/materialization/materializeTabsContent.tsx
+import React6 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var materializeTabsContent = ({
+  tabs,
+  renderSafeNode,
+  normalizeRenderableChild
+}) => tabs.map((tab) => ({
+  id: tab.id,
+  title: tab.title,
+  label: tab.label,
+  content: tab.contentKind === "nodes" ? tab.contentNodes.length === 1 ? renderSafeNode(tab.contentNodes[0]) : tab.contentNodes.map((child) => /* @__PURE__ */ jsx5(React6.Fragment, { children: renderSafeNode(child) }, child.id)) : normalizeRenderableChild(tab.fallbackContent)
+}));
+
+// src/materialization/navigationStudio.tsx
+import React7 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var buildAccordionItems = (accordionChildren, renderSafeNode) => accordionChildren.map((child, index) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const childProps = (_a = child.props) != null ? _a : {};
+  return {
+    id: String((_c = (_b = childProps.id) != null ? _b : child.id) != null ? _c : `item-${index + 1}`),
+    title: String((_d = childProps.title) != null ? _d : `Section ${index + 1}`),
+    content: ((_e = child.children) != null ? _e : []).length > 0 ? /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: ((_f = child.children) != null ? _f : []).map((nested) => /* @__PURE__ */ jsx6(React7.Fragment, { children: renderSafeNode(nested) }, nested.id)) }) : String((_g = childProps.content) != null ? _g : ""),
+    disabled: Boolean(childProps.disabled)
+  };
+});
+var buildExpandablePanelChildren = (panelChildren, renderSafeNode) => {
+  if (panelChildren.length === 0) return void 0;
+  return /* @__PURE__ */ jsx6("div", { className: "space-y-2", children: panelChildren.map((child) => /* @__PURE__ */ jsx6(React7.Fragment, { children: renderSafeNode(child) }, child.id)) });
+};
+export {
+  buildAccordionItems,
+  buildCoverContent,
+  buildCoverMedia,
+  buildExpandablePanelChildren,
+  buildScrollRevealChildren,
+  materializeAccordionItems,
+  materializeBoundTable,
+  materializeChildContent,
+  materializeCoverContent,
+  materializeExpandablePanelContent,
+  materializeTabsContent
+};

package/dist/renderReactNode-DmxD8hot.d.ts

@@ -0,0 +1,109 @@
+import React__default from 'react';
+import { ComponentRegistry } from '@arkcit/engine-core';
+import { UINode } from '@arkcit/engine-schema';
+import { UIRuntimeAdapter } from '@arkcit/engine-runtime';
+import { ContentCompositionPlan, RenderDirectivePlan, NavigationCompositionPlan, FinalRenderPlan } from '@arkcit/engine-render-layer';
+
+type RenderReactNodeArgs<TInlineEditing = unknown> = {
+    node: UINode;
+    runtime: UIRuntimeAdapter;
+    registry: ComponentRegistry;
+    schemaNodes: UINode[];
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+    internalStudioNodeTypes: Set<string>;
+    overlaysByNodeId: Record<string, unknown>;
+    onInlineTextEdit?: (nodeId: string, propName: string, value: unknown) => void;
+    isStudioRendererContext: boolean;
+    dropdownOpenByNodeId: Record<string, boolean>;
+    setDropdownOpenByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, boolean>>>;
+    captureFieldFocus: (target: EventTarget | null) => void;
+    selectedNodeId: string | null | undefined;
+    wizardActiveStepByNodeId: Record<string, string>;
+    accordionOpenIdsByNodeId: Record<string, string[]>;
+    expandablePanelOpenByNodeId: Record<string, boolean>;
+    setWizardActiveStepByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, string>>>;
+    setAccordionOpenIdsByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, string[]>>>;
+    setExpandablePanelOpenByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, boolean>>>;
+    onNodeClick?: (nodeId: string) => void;
+    setInlineEditing: React__default.Dispatch<React__default.SetStateAction<TInlineEditing | null>>;
+    studioSizing?: {
+        widthPct: number | null;
+        heightPct: number | null;
+        heightPx: number | null;
+    };
+    dependencies: {
+        applyStudioOverlayComponentProps: (args: {
+            node: UINode;
+            componentProps: Record<string, unknown>;
+            runtime: UIRuntimeAdapter;
+            overlaysByNodeId: Record<string, unknown>;
+            renderBindingProps: Record<string, unknown>;
+            resolvedChildContent: React__default.ReactNode | null;
+            onInlineTextEdit?: (nodeId: string, propName: string, value: unknown) => void;
+            isStudioRendererContext: boolean;
+            dropdownOpenByNodeId: Record<string, boolean>;
+            setDropdownOpenByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, boolean>>>;
+        }) => void;
+        applyContentComposition: (args: {
+            node: UINode;
+            componentProps: Record<string, unknown>;
+            isStudioRendererContext: boolean;
+            internalStudioNodeTypes: Set<string>;
+            schemaNodes: UINode[];
+            onInlineTextEdit?: (nodeId: string, propName: string, value: unknown) => void;
+            captureFieldFocus: (target: EventTarget | null) => void;
+            renderSafeNode: (node: UINode) => React__default.ReactNode;
+            normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+            findNodeById: (nodeId: string, nodes: UINode[]) => UINode | null;
+            runtime: UIRuntimeAdapter;
+            plans?: ContentCompositionPlan[];
+        }) => React__default.ReactNode | null;
+        applyRenderDirectives: (args: {
+            node: UINode;
+            componentProps: Record<string, unknown>;
+            renderBindingProps: Record<string, unknown>;
+            runtime: UIRuntimeAdapter;
+            plans?: RenderDirectivePlan[];
+        }) => void;
+        applyNavigationComposition: (args: {
+            node: UINode;
+            componentProps: Record<string, unknown>;
+            isStudioRendererContext: boolean;
+            selectedNodeId: string | null;
+            wizardActiveStepByNodeId: Record<string, string>;
+            accordionOpenIdsByNodeId: Record<string, string[]>;
+            expandablePanelOpenByNodeId: Record<string, boolean>;
+            runtime: UIRuntimeAdapter;
+            setWizardActiveStepByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, string>>>;
+            setAccordionOpenIdsByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, string[]>>>;
+            setExpandablePanelOpenByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, boolean>>>;
+            onNodeClick?: (nodeId: string) => void;
+            onInlineTextEdit?: (nodeId: string, propName: string, value: unknown) => void;
+            renderSafeNode: (node: UINode) => React__default.ReactNode;
+            normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+            captureFieldFocus: (target: EventTarget | null) => void;
+            setInlineEditing: React__default.Dispatch<React__default.SetStateAction<TInlineEditing | null>>;
+            internalStudioNodeTypes: Set<string>;
+            plans?: NavigationCompositionPlan[];
+        }) => void;
+        finalizeRenderedNode: (args: {
+            node: UINode;
+            children: React__default.ReactNode[] | undefined;
+            componentProps: Record<string, unknown>;
+            registryComponent: React__default.ComponentType<Record<string, unknown>>;
+            runtime: UIRuntimeAdapter;
+            isStudioRendererContext: boolean;
+            studioSizing?: {
+                widthPct: number | null;
+                heightPct: number | null;
+                heightPx: number | null;
+            };
+            plans?: FinalRenderPlan[];
+        }) => React__default.ReactNode | null;
+        normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+        findNodeById: (nodeId: string, nodes: UINode[]) => UINode | null;
+    };
+};
+declare const renderReactNode: <TInlineEditing = unknown>({ node, runtime, registry, schemaNodes, renderSafeNode, internalStudioNodeTypes, overlaysByNodeId, onInlineTextEdit, isStudioRendererContext, dropdownOpenByNodeId, setDropdownOpenByNodeId, captureFieldFocus, selectedNodeId, wizardActiveStepByNodeId, accordionOpenIdsByNodeId, expandablePanelOpenByNodeId, setWizardActiveStepByNodeId, setAccordionOpenIdsByNodeId, setExpandablePanelOpenByNodeId, onNodeClick, setInlineEditing, studioSizing, dependencies, }: RenderReactNodeArgs<TInlineEditing>) => React__default.ReactNode;
+
+export { renderReactNode as r };

package/dist/rendering.d.ts

@@ -0,0 +1,118 @@
+import React__default from 'react';
+import { FinalRenderPlan, ResolvedNodeChildDescriptor, ResolvedNodeContentDescriptor, ResolvedNodeBase, ResolvedEngineNode } from '@arkcit/engine-render-layer';
+import { UINode } from '@arkcit/engine-schema';
+import { UIRuntimeAdapter } from '@arkcit/engine-runtime';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { r as renderReactNode } from './renderReactNode-DmxD8hot.js';
+import { ComponentRegistry } from '@arkcit/engine-core';
+
+type FinalizeRenderedNodeParams = {
+    node: UINode;
+    children: React__default.ReactNode[] | undefined;
+    componentProps: Record<string, unknown>;
+    registryComponent: React__default.ComponentType<Record<string, unknown>>;
+    runtime: UIRuntimeAdapter;
+    isStudioRendererContext: boolean;
+    studioSizing?: {
+        widthPct: number | null;
+        heightPct: number | null;
+        heightPx: number | null;
+    };
+    plans?: FinalRenderPlan[];
+    dependencies: {
+        resolveFinalRenderPlan: (args: {
+            node: UINode;
+            componentProps: Record<string, unknown>;
+            isStudioRendererContext: boolean;
+            studioSizing?: {
+                widthPct: number | null;
+                heightPct: number | null;
+                heightPx: number | null;
+            };
+        }) => FinalRenderPlan[];
+        omitStudioProps: (props: Record<string, unknown>) => Record<string, unknown>;
+    };
+};
+declare const finalizeRenderedNode: ({ node, children, componentProps, registryComponent, runtime, isStudioRendererContext, studioSizing, plans: providedPlans, dependencies, }: FinalizeRenderedNodeParams) => React__default.ReactNode | null;
+
+declare const getGridItemWrapperProps: (colSpan: number) => {
+    className: string;
+    style: {
+        gridColumn: string;
+    };
+};
+
+declare const buildNodeResetToken: (node: UINode) => string;
+
+type PrepareRenderableChildrenArgs = {
+    node: UINode;
+    internalStudioNodeTypes: Set<string>;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+    childDescriptors?: ResolvedNodeChildDescriptor[];
+    childContentDescriptor?: ResolvedNodeContentDescriptor;
+};
+declare const prepareRenderableChildren: ({ node, internalStudioNodeTypes, renderSafeNode, childDescriptors, childContentDescriptor, }: PrepareRenderableChildrenArgs) => {
+    children: react_jsx_runtime.JSX.Element[];
+    resolvedChildContent: React__default.ReactNode;
+    childDescriptors: ResolvedNodeChildDescriptor[];
+    childContentDescriptor: ResolvedNodeContentDescriptor;
+};
+
+declare const configurePreviewLinkBehavior: (componentProps: Record<string, unknown>) => void;
+
+declare const toBoolean: (value: unknown) => boolean;
+declare const normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+
+type BoundTableRow = Record<string, unknown>;
+type BoundTableColumn = Record<string, unknown>;
+type ResolvedBoundTableData = {
+    columns: BoundTableColumn[];
+    rows: BoundTableRow[];
+    filteredRows: BoundTableRow[];
+    pagedRows: BoundTableRow[];
+    pagination: Record<string, unknown> | null;
+    page: number;
+    pageSize: number;
+    query: string;
+};
+declare const resolveBoundTableData: ({ nodeId, componentProps, runtime, }: {
+    nodeId: string;
+    componentProps: Record<string, unknown>;
+    runtime: UIRuntimeAdapter;
+}) => ResolvedBoundTableData;
+
+type ResolveReactNodePlanArgs = {
+    node: UINode;
+    runtime: UIRuntimeAdapter;
+    registry: ComponentRegistry;
+    internalStudioNodeTypes: Set<string>;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+};
+type ReactNodeRenderPlan = ResolvedNodeBase & {
+    registryEntry: ComponentRegistry[string];
+    children: React__default.ReactNode[] | undefined;
+    resolvedChildContent: React__default.ReactNode | null;
+};
+declare const resolveReactNodePlan: ({ node, runtime, registry, internalStudioNodeTypes, renderSafeNode, }: ResolveReactNodePlanArgs) => ReactNodeRenderPlan | null;
+
+type ResolveResolvedReactNodeArgs = {
+    node: UINode;
+    runtime: UIRuntimeAdapter;
+    registry: ComponentRegistry;
+    internalStudioNodeTypes: Set<string>;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+    isStudioRendererContext: boolean;
+    studioSizing?: {
+        widthPct: number | null;
+        heightPct: number | null;
+        heightPx: number | null;
+    };
+};
+type ResolvedReactNode = ResolvedEngineNode & {
+    registryEntry: ComponentRegistry[string];
+    children: React__default.ReactNode[] | undefined;
+    resolvedChildContent: React__default.ReactNode | null;
+};
+declare const resolveResolvedReactNode: ({ node, runtime, registry, internalStudioNodeTypes, renderSafeNode, isStudioRendererContext, studioSizing, }: ResolveResolvedReactNodeArgs) => ResolvedReactNode | null;
+
+export { type BoundTableColumn, type BoundTableRow, type ReactNodeRenderPlan, type ResolvedBoundTableData, type ResolvedReactNode, buildNodeResetToken, configurePreviewLinkBehavior, finalizeRenderedNode, getGridItemWrapperProps, normalizeRenderableChild, prepareRenderableChildren, resolveBoundTableData, resolveReactNodePlan, resolveResolvedReactNode, toBoolean };