@arkcit/engine 0.3.0

package/dist/layout.d.ts

@@ -0,0 +1,6 @@
+import { UINodeLayout, UINode } from '@arkcit/engine-schema';
+
+declare const readNodeLayout: (props?: Record<string, unknown>) => UINodeLayout;
+declare const writeNodeLayout: (node: UINode, nextLayout: UINodeLayout) => UINode;
+
+export { readNodeLayout, writeNodeLayout };

package/dist/layout.js

@@ -0,0 +1,82 @@
+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/layout/nodeLayout.ts
+var toPositiveNumber = (value) => {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) return void 0;
+  return numeric;
+};
+var toColSpan = (value) => {
+  const numeric = Number(value);
+  if (!Number.isInteger(numeric) || numeric < 1 || numeric > 12) return void 0;
+  return numeric;
+};
+var toCardSection = (value) => {
+  if (value === "header" || value === "body" || value === "footer") return value;
+  return void 0;
+};
+var readNodeLayout = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  if (!props) return {};
+  const rawLayout = props.layout && typeof props.layout === "object" && !Array.isArray(props.layout) ? props.layout : {};
+  return {
+    widthPct: toPositiveNumber((_a = rawLayout.widthPct) != null ? _a : props.__studioWidthPct),
+    heightPct: toPositiveNumber((_b = rawLayout.heightPct) != null ? _b : props.__studioHeightPct),
+    heightPx: toPositiveNumber((_c = rawLayout.heightPx) != null ? _c : props.__studioHeightPx),
+    colSpan: toColSpan((_d = rawLayout.colSpan) != null ? _d : props.__studioColSpan),
+    wrapperClassName: String(
+      (_f = (_e = rawLayout.wrapperClassName) != null ? _e : props.__studioWrapperClassName) != null ? _f : ""
+    ).trim(),
+    cardSection: toCardSection((_g = rawLayout.cardSection) != null ? _g : props.__studioCardSection)
+  };
+};
+var writeNodeLayout = (node, nextLayout) => {
+  var _a;
+  const currentProps = (_a = node.props) != null ? _a : {};
+  const currentLayout = readNodeLayout(currentProps);
+  const mergedLayout = __spreadValues(__spreadValues({}, currentLayout), nextLayout);
+  const cleanLayout = {};
+  if (mergedLayout.widthPct !== void 0) cleanLayout.widthPct = mergedLayout.widthPct;
+  if (mergedLayout.heightPct !== void 0) cleanLayout.heightPct = mergedLayout.heightPct;
+  if (mergedLayout.heightPx !== void 0) cleanLayout.heightPx = mergedLayout.heightPx;
+  if (mergedLayout.colSpan !== void 0) cleanLayout.colSpan = mergedLayout.colSpan;
+  if (mergedLayout.wrapperClassName) cleanLayout.wrapperClassName = mergedLayout.wrapperClassName;
+  if (mergedLayout.cardSection) cleanLayout.cardSection = mergedLayout.cardSection;
+  const nextProps = __spreadValues({}, currentProps);
+  if (Object.keys(cleanLayout).length > 0) {
+    nextProps.layout = cleanLayout;
+  } else {
+    delete nextProps.layout;
+  }
+  delete nextProps.__studioWidthPct;
+  delete nextProps.__studioHeightPct;
+  delete nextProps.__studioHeightPx;
+  delete nextProps.__studioColSpan;
+  delete nextProps.__studioWrapperClassName;
+  delete nextProps.__studioCardSection;
+  return __spreadProps(__spreadValues({}, node), {
+    props: nextProps
+  });
+};
+export {
+  readNodeLayout,
+  writeNodeLayout
+};

package/dist/preview/index.d.ts

@@ -0,0 +1,63 @@
+export { configurePreviewLinkBehavior, materializeBoundTable, resolveBoundTableData } from '@arkcit/engine-react';
+import React__default, { Dispatch, SetStateAction, ReactNode } from 'react';
+import { UINode } from '@arkcit/engine-schema';
+import { UIRuntime } from '@arkcit/engine-runtime';
+
+type RenderStudioFormArgs = {
+    node: UINode;
+    componentProps: Record<string, unknown>;
+    visibleChildren: UINode[];
+    runtime: UIRuntime;
+    onInlineTextEdit?: (nodeId: string, propName: string, value: unknown) => void;
+    captureFieldFocus: (target: EventTarget | null) => void;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+};
+declare const materializePreviewForm: ({ node, componentProps, visibleChildren, runtime, onInlineTextEdit, captureFieldFocus, renderSafeNode, }: RenderStudioFormArgs) => React__default.ReactNode | null;
+
+type ConfigureStudioAccordionArgs = {
+    node: UINode;
+    componentProps: Record<string, unknown>;
+    accordionChildren: UINode[];
+    selectedNodeId: string | null;
+    accordionOpenIdsByNodeId: Record<string, string[]>;
+    setAccordionOpenIdsByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, string[]>>>;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+};
+declare const configurePreviewAccordion: ({ node, componentProps, accordionChildren, selectedNodeId, accordionOpenIdsByNodeId, setAccordionOpenIdsByNodeId, renderSafeNode, }: ConfigureStudioAccordionArgs) => void;
+type ConfigureStudioExpandablePanelArgs = {
+    node: UINode;
+    componentProps: Record<string, unknown>;
+    panelChildren: UINode[];
+    expandablePanelOpenByNodeId: Record<string, boolean>;
+    setExpandablePanelOpenByNodeId: React__default.Dispatch<React__default.SetStateAction<Record<string, boolean>>>;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+};
+declare const configurePreviewExpandablePanel: ({ node, componentProps, panelChildren, expandablePanelOpenByNodeId, setExpandablePanelOpenByNodeId, renderSafeNode, }: ConfigureStudioExpandablePanelArgs) => void;
+type ConfigureStudioTabsArgs = {
+    componentProps: Record<string, unknown>;
+    tabItems: Array<Record<string, unknown>>;
+    rawChildren: UINode[];
+    runtime: UIRuntime;
+    renderSafeNode: (node: UINode) => React__default.ReactNode;
+    normalizeRenderableChild: (value: unknown) => React__default.ReactNode;
+};
+declare const configurePreviewTabs: ({ componentProps, tabItems, rawChildren, runtime, renderSafeNode, normalizeRenderableChild, }: ConfigureStudioTabsArgs) => void;
+
+type ConfigureStudioFormWizardArgs = {
+    node: UINode;
+    componentProps: Record<string, unknown>;
+    isStudioRendererContext: boolean;
+    selectedNodeId: string | null;
+    wizardActiveStepByNodeId: Record<string, string>;
+    runtime: UIRuntime;
+    setWizardActiveStepByNodeId: Dispatch<SetStateAction<Record<string, string>>>;
+    onNodeClick?: (nodeId: string) => void;
+    onInlineTextEdit?: (nodeId: string, propName: string, value: unknown) => void;
+    renderSafeNode: (node: UINode) => ReactNode;
+    captureFieldFocus: (target: EventTarget | null) => void;
+    openInlineEditorForNodeProp: (targetNodeId: string, propName: string, rawValue: unknown) => void;
+    internalStudioNodeTypes: Set<string>;
+};
+declare const configurePreviewFormWizard: ({ node, componentProps, isStudioRendererContext, selectedNodeId, wizardActiveStepByNodeId, runtime, setWizardActiveStepByNodeId, onNodeClick, onInlineTextEdit, renderSafeNode, captureFieldFocus, openInlineEditorForNodeProp, internalStudioNodeTypes, }: ConfigureStudioFormWizardArgs) => void;
+
+export { configurePreviewAccordion, configurePreviewExpandablePanel, configurePreviewFormWizard, configurePreviewTabs, materializePreviewForm };