@nnkogift/dhis2-form-utils-devtools 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/TraceTimeline.js

@@ -0,0 +1,227 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { NoticeBox, Card, IconChevronDown16, IconChevronRight16, Tag, Divider, Chip } from '@dhis2/ui';
+import { useState, useEffect } from 'react';
+import { EffectBadge } from './EffectBadge.js';
+import { formatAgo } from './formatAgo.js';
+import { translate } from './i18n.js';
+
+function resolveLabel(id, resolver) {
+  const label = resolver?.(id) ?? id;
+  return { label, showId: label !== id };
+}
+function resolveEffectTargetLabel(effect, labelLookup) {
+  if (effect.type === "HIDESECTION") {
+    return resolveLabel(
+      effect.targetId,
+      labelLookup ? (id) => labelLookup.resolveSectionName(id) : void 0
+    );
+  }
+  if (effect.type === "DISPLAYTEXT" || effect.type === "DISPLAYKEYVALUEPAIR") {
+    return { label: effect.targetId, showId: false };
+  }
+  return resolveLabel(
+    effect.targetId,
+    labelLookup ? (id) => labelLookup.resolveFieldName(id) : void 0
+  );
+}
+function TraceTimeline({
+  entries,
+  selectedEntryId,
+  highlightRuleId,
+  onSelectEntry,
+  onHighlightRule,
+  labelLookup
+}) {
+  const [expandedIds, setExpandedIds] = useState(() => /* @__PURE__ */ new Set());
+  useEffect(() => {
+    if (!entries.length) {
+      setExpandedIds(/* @__PURE__ */ new Set());
+      return;
+    }
+    const newestId = entries[entries.length - 1]?.id;
+    if (!newestId) {
+      return;
+    }
+    setExpandedIds((current) => {
+      if (current.size > 0) {
+        return current;
+      }
+      return /* @__PURE__ */ new Set([newestId]);
+    });
+  }, [entries]);
+  if (!entries.length) {
+    return /* @__PURE__ */ jsx("div", { className: "p-dp8", children: /* @__PURE__ */ jsx(NoticeBox, { title: translate("No rules observed yet"), children: translate(
+      "Interact with the form to record rule evaluations. Only rules that have fired at least once appear here."
+    ) }) });
+  }
+  const reversed = [...entries].reverse();
+  const toggleExpanded = (entryId) => {
+    setExpandedIds((current) => {
+      const next = new Set(current);
+      if (next.has(entryId)) {
+        next.delete(entryId);
+      } else {
+        next.add(entryId);
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsx("ul", { className: "m-0 flex list-none flex-col gap-dp12 p-0", children: reversed.map((entry) => {
+    const isInitial = entry.changedFields.length === 0;
+    const ruleCount = entry.ruleResults.length;
+    const effectCount = entry.ruleResults.reduce(
+      (total, result) => total + result.effects.length,
+      0
+    );
+    const isExpanded = expandedIds.has(entry.id);
+    const isSelected = selectedEntryId === entry.id;
+    return /* @__PURE__ */ jsx("li", { className: "m-0", children: /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: `overflow-hidden rounded-md border border-dhis2-grey-300 bg-white shadow-[0_1px_2px_rgb(0_0_0/4%)] transition-[border-color,box-shadow] duration-150 ease-out ${isSelected ? "border-dhis2-teal-600 shadow-[0_0_0_1px_var(--color-dhis2-teal-600),0_2px_8px_rgb(0_137_123/12%)]" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-dp4 bg-dhis2-grey-050 py-dp4 pe-dp8 ps-dp4", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex size-10 min-h-10 min-w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded border-none bg-transparent text-dhis2-grey-700 hover:bg-dhis2-grey-200 focus-visible:outline-2 focus-visible:outline-dhis2-teal-600 focus-visible:outline-offset-1",
+                "aria-expanded": isExpanded,
+                "aria-label": isExpanded ? translate("Collapse evaluation details") : translate("Expand evaluation details"),
+                onClick: () => {
+                  toggleExpanded(entry.id);
+                },
+                children: isExpanded ? /* @__PURE__ */ jsx(IconChevronDown16, {}) : /* @__PURE__ */ jsx(IconChevronRight16, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "flex min-h-11 min-w-0 flex-1 cursor-pointer items-center justify-between gap-dp12 rounded border-none bg-transparent py-dp8 pe-dp8 ps-dp4 text-start font-[inherit] text-inherit hover:bg-white/80 focus-visible:outline-2 focus-visible:outline-dhis2-teal-600 focus-visible:outline-offset-1",
+                "aria-pressed": isSelected,
+                onClick: () => {
+                  onSelectEntry(entry.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col items-start gap-0.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold leading-[1.3] text-dhis2-grey-900 tabular-nums", children: formatAgo(entry.timestamp) }),
+                    !isExpanded && effectCount > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs leading-[1.3] text-dhis2-grey-600", children: translate("{{count}} effects", {
+                      count: effectCount
+                    }) }) : null
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Tag,
+                    {
+                      className: isInitial ? "shrink-0" : void 0,
+                      neutral: !isInitial,
+                      children: isInitial ? translate("Initial") : translate("{{count}} rules", { count: ruleCount })
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          isExpanded ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-dp16 border-t border-dhis2-grey-200 p-dp16", children: [
+            isInitial ? /* @__PURE__ */ jsx("p", { className: "m-0 text-sm leading-normal text-dhis2-grey-600", children: ruleCount ? translate("{{count}} effects on load", {
+              count: effectCount
+            }) : translate("No rules fired") }) : /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-dp8", children: [
+              /* @__PURE__ */ jsx("h3", { className: "m-0 text-[0.6875rem] font-bold uppercase leading-[1.3] tracking-wider text-dhis2-grey-600", children: translate("Changed fields") }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-dp8", children: entry.changedFields.map((fieldId) => {
+                const { label, showId } = resolveLabel(
+                  fieldId,
+                  labelLookup ? (id) => labelLookup.resolveFieldName(id) : void 0
+                );
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "flex max-w-full flex-col gap-0.5",
+                    children: /* @__PURE__ */ jsx(
+                      Tag,
+                      {
+                        neutral: true,
+                        className: `max-w-full break-words text-xs ${showId ? "" : "font-mono break-all"}`,
+                        children: label
+                      }
+                    )
+                  },
+                  fieldId
+                );
+              }) })
+            ] }),
+            entry.ruleResults.length === 0 ? !isInitial ? /* @__PURE__ */ jsx("p", { className: "m-0 text-sm leading-normal text-dhis2-grey-600", children: translate("No rules fired") }) : null : /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-dp8", children: [
+              !isInitial ? /* @__PURE__ */ jsx("h3", { className: "m-0 text-[0.6875rem] font-bold uppercase leading-[1.3] tracking-wider text-dhis2-grey-600", children: translate("Rules fired") }) : null,
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-dp12", children: entry.ruleResults.map((result, index) => {
+                const { label: displayName } = resolveLabel(
+                  result.ruleId,
+                  labelLookup ? (id) => labelLookup.resolveRuleName(id) : void 0
+                );
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "rounded border border-dhis2-grey-200 bg-dhis2-grey-050 p-dp12",
+                    children: [
+                      index > 0 ? /* @__PURE__ */ jsx(Divider, { margin: "12px 0" }) : null,
+                      /* @__PURE__ */ jsx("div", { className: "mb-dp12 flex flex-col items-start gap-dp4", children: /* @__PURE__ */ jsx(
+                        Chip,
+                        {
+                          selected: highlightRuleId === result.ruleId,
+                          onClick: (_, event) => {
+                            event.stopPropagation();
+                            onHighlightRule(
+                              highlightRuleId === result.ruleId ? null : result.ruleId
+                            );
+                          },
+                          children: displayName
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx("ul", { className: "m-0 flex list-none flex-col gap-dp12 p-0", children: result.effects.map((effect) => {
+                        const {
+                          label: targetLabel,
+                          showId: showTargetId
+                        } = resolveEffectTargetLabel(
+                          effect,
+                          labelLookup
+                        );
+                        return /* @__PURE__ */ jsxs(
+                          "li",
+                          {
+                            className: "flex flex-col gap-dp4",
+                            children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-dp8", children: [
+                                /* @__PURE__ */ jsx(
+                                  EffectBadge,
+                                  {
+                                    type: effect.type
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  "span",
+                                  {
+                                    className: `break-words text-[0.8125rem] leading-[1.45] text-dhis2-grey-800 ${showTargetId ? "" : "break-all font-mono"}`,
+                                    children: targetLabel
+                                  }
+                                )
+                              ] }),
+                              effect.data ? /* @__PURE__ */ jsx("p", { className: "m-0 ps-dp4 text-[0.8125rem] leading-[1.45] break-words text-dhis2-grey-600", children: effect.data }) : null
+                            ]
+                          },
+                          `${effect.type}-${effect.targetId}-${effect.data ?? ""}`
+                        );
+                      }) })
+                    ]
+                  },
+                  result.ruleId
+                );
+              }) })
+            ] })
+          ] }) : null
+        ]
+      }
+    ) }, entry.id);
+  }) });
+}
+
+export { TraceTimeline };
+//# sourceMappingURL=TraceTimeline.js.map
+//# sourceMappingURL=TraceTimeline.js.map

package/dist/TraceTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/TraceTimeline.tsx"],"names":[],"mappings":"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","file":"TraceTimeline.js","sourcesContent":["import {\n    Card,\n    Chip,\n    Divider,\n    IconChevronDown16,\n    IconChevronRight16,\n    NoticeBox,\n    Tag,\n} from '@dhis2/ui';\nimport type { RuleTraceEntry, TraceEffect } from '@nnkogift/dhis2-form-utils-hooks';\nimport { useEffect, useState } from 'react';\nimport type { DevtoolsLabelLookup } from './createLabelLookup.js';\nimport { EffectBadge } from './EffectBadge.js';\nimport { formatAgo } from './formatAgo.js';\nimport { translate } from './i18n.js';\n\ntype TraceTimelineProps = {\n    entries: readonly RuleTraceEntry[];\n    selectedEntryId: string | null;\n    highlightRuleId: string | null;\n    onSelectEntry: (entryId: string) => void;\n    onHighlightRule: (ruleId: string | null) => void;\n    labelLookup?: DevtoolsLabelLookup;\n};\n\nfunction resolveLabel(\n    id: string,\n    resolver?: (value: string) => string\n): { label: string; showId: boolean } {\n    const label = resolver?.(id) ?? id;\n    return { label, showId: label !== id };\n}\n\nfunction resolveEffectTargetLabel(\n    effect: TraceEffect,\n    labelLookup?: DevtoolsLabelLookup\n): { label: string; showId: boolean } {\n    if (effect.type === 'HIDESECTION') {\n        return resolveLabel(\n            effect.targetId,\n            labelLookup ? (id) => labelLookup.resolveSectionName(id) : undefined\n        );\n    }\n\n    if (effect.type === 'DISPLAYTEXT' || effect.type === 'DISPLAYKEYVALUEPAIR') {\n        return { label: effect.targetId, showId: false };\n    }\n\n    return resolveLabel(\n        effect.targetId,\n        labelLookup ? (id) => labelLookup.resolveFieldName(id) : undefined\n    );\n}\n\nexport function TraceTimeline({\n    entries,\n    selectedEntryId,\n    highlightRuleId,\n    onSelectEntry,\n    onHighlightRule,\n    labelLookup,\n}: TraceTimelineProps) {\n    const [expandedIds, setExpandedIds] = useState<ReadonlySet<string>>(() => new Set());\n\n    useEffect(() => {\n        if (!entries.length) {\n            setExpandedIds(new Set());\n            return;\n        }\n\n        const newestId = entries[entries.length - 1]?.id;\n        if (!newestId) {\n            return;\n        }\n\n        setExpandedIds((current) => {\n            if (current.size > 0) {\n                return current;\n            }\n            return new Set([newestId]);\n        });\n    }, [entries]);\n\n    if (!entries.length) {\n        return (\n            <div className=\"p-dp8\">\n                <NoticeBox title={translate('No rules observed yet')}>\n                    {translate(\n                        'Interact with the form to record rule evaluations. Only rules that have fired at least once appear here.'\n                    )}\n                </NoticeBox>\n            </div>\n        );\n    }\n\n    const reversed = [...entries].reverse();\n\n    const toggleExpanded = (entryId: string) => {\n        setExpandedIds((current) => {\n            const next = new Set(current);\n            if (next.has(entryId)) {\n                next.delete(entryId);\n            } else {\n                next.add(entryId);\n            }\n            return next;\n        });\n    };\n\n    return (\n        <ul className=\"m-0 flex list-none flex-col gap-dp12 p-0\">\n            {reversed.map((entry) => {\n                const isInitial = entry.changedFields.length === 0;\n                const ruleCount = entry.ruleResults.length;\n                const effectCount = entry.ruleResults.reduce(\n                    (total, result) => total + result.effects.length,\n                    0\n                );\n                const isExpanded = expandedIds.has(entry.id);\n                const isSelected = selectedEntryId === entry.id;\n\n                return (\n                    <li key={entry.id} className=\"m-0\">\n                        <Card\n                            className={`overflow-hidden rounded-md border border-dhis2-grey-300 bg-white shadow-[0_1px_2px_rgb(0_0_0/4%)] transition-[border-color,box-shadow] duration-150 ease-out ${\n                                isSelected\n                                    ? 'border-dhis2-teal-600 shadow-[0_0_0_1px_var(--color-dhis2-teal-600),0_2px_8px_rgb(0_137_123/12%)]'\n                                    : ''\n                            }`}\n                        >\n                            <div className=\"flex items-stretch gap-dp4 bg-dhis2-grey-050 py-dp4 pe-dp8 ps-dp4\">\n                                <button\n                                    type=\"button\"\n                                    className=\"inline-flex size-10 min-h-10 min-w-10 shrink-0 cursor-pointer items-center justify-center self-center rounded border-none bg-transparent text-dhis2-grey-700 hover:bg-dhis2-grey-200 focus-visible:outline-2 focus-visible:outline-dhis2-teal-600 focus-visible:outline-offset-1\"\n                                    aria-expanded={isExpanded}\n                                    aria-label={\n                                        isExpanded\n                                            ? translate('Collapse evaluation details')\n                                            : translate('Expand evaluation details')\n                                    }\n                                    onClick={() => {\n                                        toggleExpanded(entry.id);\n                                    }}\n                                >\n                                    {isExpanded ? <IconChevronDown16 /> : <IconChevronRight16 />}\n                                </button>\n\n                                <button\n                                    type=\"button\"\n                                    className=\"flex min-h-11 min-w-0 flex-1 cursor-pointer items-center justify-between gap-dp12 rounded border-none bg-transparent py-dp8 pe-dp8 ps-dp4 text-start font-[inherit] text-inherit hover:bg-white/80 focus-visible:outline-2 focus-visible:outline-dhis2-teal-600 focus-visible:outline-offset-1\"\n                                    aria-pressed={isSelected}\n                                    onClick={() => {\n                                        onSelectEntry(entry.id);\n                                    }}\n                                >\n                                    <span className=\"flex min-w-0 flex-col items-start gap-0.5\">\n                                        <span className=\"text-sm font-semibold leading-[1.3] text-dhis2-grey-900 tabular-nums\">\n                                            {formatAgo(entry.timestamp)}\n                                        </span>\n                                        {!isExpanded && effectCount > 0 ? (\n                                            <span className=\"text-xs leading-[1.3] text-dhis2-grey-600\">\n                                                {translate('{{count}} effects', {\n                                                    count: effectCount,\n                                                })}\n                                            </span>\n                                        ) : null}\n                                    </span>\n                                    <Tag\n                                        className={isInitial ? 'shrink-0' : undefined}\n                                        neutral={!isInitial}\n                                    >\n                                        {isInitial\n                                            ? translate('Initial')\n                                            : translate('{{count}} rules', { count: ruleCount })}\n                                    </Tag>\n                                </button>\n                            </div>\n\n                            {isExpanded ? (\n                                <div className=\"flex flex-col gap-dp16 border-t border-dhis2-grey-200 p-dp16\">\n                                    {isInitial ? (\n                                        <p className=\"m-0 text-sm leading-normal text-dhis2-grey-600\">\n                                            {ruleCount\n                                                ? translate('{{count}} effects on load', {\n                                                      count: effectCount,\n                                                  })\n                                                : translate('No rules fired')}\n                                        </p>\n                                    ) : (\n                                        <section className=\"flex flex-col gap-dp8\">\n                                            <h3 className=\"m-0 text-[0.6875rem] font-bold uppercase leading-[1.3] tracking-wider text-dhis2-grey-600\">\n                                                {translate('Changed fields')}\n                                            </h3>\n                                            <div className=\"flex flex-wrap gap-dp8\">\n                                                {entry.changedFields.map((fieldId) => {\n                                                    const { label, showId } = resolveLabel(\n                                                        fieldId,\n                                                        labelLookup\n                                                            ? (id) =>\n                                                                  labelLookup.resolveFieldName(id)\n                                                            : undefined\n                                                    );\n\n                                                    return (\n                                                        <div\n                                                            key={fieldId}\n                                                            className=\"flex max-w-full flex-col gap-0.5\"\n                                                        >\n                                                            <Tag\n                                                                neutral\n                                                                className={`max-w-full break-words text-xs ${showId ? '' : 'font-mono break-all'}`}\n                                                            >\n                                                                {label}\n                                                            </Tag>\n                                                        </div>\n                                                    );\n                                                })}\n                                            </div>\n                                        </section>\n                                    )}\n\n                                    {entry.ruleResults.length === 0 ? (\n                                        !isInitial ? (\n                                            <p className=\"m-0 text-sm leading-normal text-dhis2-grey-600\">\n                                                {translate('No rules fired')}\n                                            </p>\n                                        ) : null\n                                    ) : (\n                                        <section className=\"flex flex-col gap-dp8\">\n                                            {!isInitial ? (\n                                                <h3 className=\"m-0 text-[0.6875rem] font-bold uppercase leading-[1.3] tracking-wider text-dhis2-grey-600\">\n                                                    {translate('Rules fired')}\n                                                </h3>\n                                            ) : null}\n                                            <div className=\"flex flex-col gap-dp12\">\n                                                {entry.ruleResults.map((result, index) => {\n                                                    const { label: displayName } = resolveLabel(\n                                                        result.ruleId,\n                                                        labelLookup\n                                                            ? (id) =>\n                                                                  labelLookup.resolveRuleName(id)\n                                                            : undefined\n                                                    );\n\n                                                    return (\n                                                        <div\n                                                            key={result.ruleId}\n                                                            className=\"rounded border border-dhis2-grey-200 bg-dhis2-grey-050 p-dp12\"\n                                                        >\n                                                            {index > 0 ? (\n                                                                <Divider margin=\"12px 0\" />\n                                                            ) : null}\n                                                            <div className=\"mb-dp12 flex flex-col items-start gap-dp4\">\n                                                                <Chip\n                                                                    selected={\n                                                                        highlightRuleId ===\n                                                                        result.ruleId\n                                                                    }\n                                                                    onClick={(_, event) => {\n                                                                        event.stopPropagation();\n                                                                        onHighlightRule(\n                                                                            highlightRuleId ===\n                                                                                result.ruleId\n                                                                                ? null\n                                                                                : result.ruleId\n                                                                        );\n                                                                    }}\n                                                                >\n                                                                    {displayName}\n                                                                </Chip>\n                                                            </div>\n                                                            <ul className=\"m-0 flex list-none flex-col gap-dp12 p-0\">\n                                                                {result.effects.map((effect) => {\n                                                                    const {\n                                                                        label: targetLabel,\n                                                                        showId: showTargetId,\n                                                                    } = resolveEffectTargetLabel(\n                                                                        effect,\n                                                                        labelLookup\n                                                                    );\n\n                                                                    return (\n                                                                        <li\n                                                                            key={`${effect.type}-${effect.targetId}-${effect.data ?? ''}`}\n                                                                            className=\"flex flex-col gap-dp4\"\n                                                                        >\n                                                                            <div className=\"flex flex-wrap items-baseline gap-dp8\">\n                                                                                <EffectBadge\n                                                                                    type={\n                                                                                        effect.type\n                                                                                    }\n                                                                                />\n                                                                                <span\n                                                                                    className={`break-words text-[0.8125rem] leading-[1.45] text-dhis2-grey-800 ${showTargetId ? '' : 'break-all font-mono'}`}\n                                                                                >\n                                                                                    {targetLabel}\n                                                                                </span>\n                                                                            </div>\n                                                                            {effect.data ? (\n                                                                                <p className=\"m-0 ps-dp4 text-[0.8125rem] leading-[1.45] break-words text-dhis2-grey-600\">\n                                                                                    {effect.data}\n                                                                                </p>\n                                                                            ) : null}\n                                                                        </li>\n                                                                    );\n                                                                })}\n                                                            </ul>\n                                                        </div>\n                                                    );\n                                                })}\n                                            </div>\n                                        </section>\n                                    )}\n                                </div>\n                            ) : null}\n                        </Card>\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"]}

package/dist/attach.d.ts

@@ -0,0 +1,12 @@
+import { RuleTraceEntry } from '@nnkogift/dhis2-form-utils-hooks';
+import { RuleTraceStore } from './traceStore.js';
+
+/** Structural attach surface — avoids nominal `FormStore` clashes across package versions. */
+type TraceAttachableFormStore = {
+    subscribeTrace: (listener: (entry: RuleTraceEntry) => void) => () => void;
+};
+declare function attachRuleDevtools(formStore: TraceAttachableFormStore, options?: {
+    maxEntries?: number;
+}): RuleTraceStore;
+
+export { type TraceAttachableFormStore, attachRuleDevtools };

package/dist/attach.js

@@ -0,0 +1,14 @@
+import { DEFAULT_TRACE_MAX_ENTRIES } from './constants.js';
+import { createRuleTraceStore } from './traceStore.js';
+
+function attachRuleDevtools(formStore, options) {
+  const store = createRuleTraceStore(
+    options?.maxEntries ?? DEFAULT_TRACE_MAX_ENTRIES
+  );
+  store.bindTraceSubscription(formStore.subscribeTrace(store.record));
+  return store;
+}
+
+export { attachRuleDevtools };
+//# sourceMappingURL=attach.js.map
+//# sourceMappingURL=attach.js.map

package/dist/attach.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/attach.ts"],"names":[],"mappings":";;;AASO,SAAS,kBAAA,CACZ,WACA,OAAA,EACc;AACd,EAAA,MAAM,KAAA,GAAQ,oBAAA;AAAA,IACV,SAAS,UAAA,IAAc;AAAA,GAC3B;AAIA,EAAA,KAAA,CAAM,qBAAA,CAAsB,SAAA,CAAU,cAAA,CAAe,KAAA,CAAM,MAAM,CAAC,CAAA;AAElE,EAAA,OAAO,KAAA;AACX","file":"attach.js","sourcesContent":["import type { RuleTraceEntry } from '@nnkogift/dhis2-form-utils-hooks';\nimport { DEFAULT_TRACE_MAX_ENTRIES } from './constants.js';\nimport { createRuleTraceStore, type RuleTraceStore } from './traceStore.js';\n\n/** Structural attach surface — avoids nominal `FormStore` clashes across package versions. */\nexport type TraceAttachableFormStore = {\n    subscribeTrace: (listener: (entry: RuleTraceEntry) => void) => () => void;\n};\n\nexport function attachRuleDevtools(\n    formStore: TraceAttachableFormStore,\n    options?: { maxEntries?: number }\n): RuleTraceStore {\n    const store = createRuleTraceStore(\n        options?.maxEntries ?? DEFAULT_TRACE_MAX_ENTRIES\n    ) as RuleTraceStore & {\n        bindTraceSubscription: (unsubscribe: () => void) => void;\n    };\n\n    store.bindTraceSubscription(formStore.subscribeTrace(store.record));\n\n    return store;\n}\n"]}

package/dist/buildGraph.d.ts

@@ -0,0 +1,25 @@
+import { RuleTraceEntry } from '@nnkogift/dhis2-form-utils-hooks';
+import { DevtoolsLabelLookup } from './createLabelLookup.js';
+import '@nnkogift/dhis2-form-utils-metadata';
+
+type GraphNodeKind = 'field' | 'section' | 'feedback' | 'rule';
+type GraphNode = {
+    id: string;
+    kind: GraphNodeKind;
+    label: string;
+};
+type GraphEdge = {
+    id: string;
+    source: string;
+    target: string;
+    effectType?: string;
+    fireCount: number;
+};
+type RuleDependencyGraph = {
+    nodes: GraphNode[];
+    edges: GraphEdge[];
+};
+declare function accumulateGraph(previous: RuleDependencyGraph, entry: RuleTraceEntry, labelLookup?: DevtoolsLabelLookup): RuleDependencyGraph;
+declare function buildGraphFromTrace(entries: readonly RuleTraceEntry[], labelLookup?: DevtoolsLabelLookup): RuleDependencyGraph;
+
+export { type GraphEdge, type GraphNode, type GraphNodeKind, type RuleDependencyGraph, accumulateGraph, buildGraphFromTrace };

package/dist/buildGraph.js

@@ -0,0 +1,67 @@
+const nodeKey = (kind, id) => `${kind}:${id}`;
+const edgeKey = (source, ruleId, target, effectType) => `${source}|${ruleId}|${target}|${effectType ?? ""}`;
+function accumulateGraph(previous, entry, labelLookup) {
+  const nodes = new Map(previous.nodes.map((node) => [node.id, node]));
+  const edges = new Map(previous.edges.map((edge) => [edge.id, edge]));
+  const ensureNode = (kind, id, label) => {
+    const key = nodeKey(kind, id);
+    if (!nodes.has(key)) {
+      nodes.set(key, { id: key, kind, label });
+    }
+    return key;
+  };
+  for (const fieldId of entry.changedFields) {
+    ensureNode("field", fieldId, labelLookup?.resolveFieldName(fieldId) ?? fieldId);
+  }
+  for (const ruleResult of entry.ruleResults) {
+    const ruleLabel = labelLookup?.resolveRuleName(ruleResult.ruleId) ?? ruleResult.ruleId;
+    const ruleNodeId = ensureNode("rule", ruleResult.ruleId, ruleLabel);
+    for (const fieldId of entry.changedFields) {
+      const fieldNodeId = ensureNode(
+        "field",
+        fieldId,
+        labelLookup?.resolveFieldName(fieldId) ?? fieldId
+      );
+      const id = edgeKey(fieldNodeId, ruleResult.ruleId, ruleNodeId, "read");
+      const existing = edges.get(id);
+      edges.set(id, {
+        id,
+        source: fieldNodeId,
+        target: ruleNodeId,
+        effectType: "read",
+        fireCount: (existing?.fireCount ?? 0) + 1
+      });
+    }
+    for (const effect of ruleResult.effects) {
+      const targetKind = effect.type === "HIDESECTION" ? "section" : effect.type === "DISPLAYTEXT" || effect.type === "DISPLAYKEYVALUEPAIR" ? "feedback" : "field";
+      const targetNodeId = ensureNode(
+        targetKind,
+        effect.targetId,
+        targetKind === "section" ? labelLookup?.resolveSectionName(effect.targetId) ?? effect.targetId : targetKind === "field" ? labelLookup?.resolveFieldName(effect.targetId) ?? effect.targetId : effect.targetId
+      );
+      const id = edgeKey(ruleNodeId, ruleResult.ruleId, targetNodeId, effect.type);
+      const existing = edges.get(id);
+      edges.set(id, {
+        id,
+        source: ruleNodeId,
+        target: targetNodeId,
+        effectType: effect.type,
+        fireCount: (existing?.fireCount ?? 0) + 1
+      });
+    }
+  }
+  return {
+    nodes: [...nodes.values()],
+    edges: [...edges.values()]
+  };
+}
+function buildGraphFromTrace(entries, labelLookup) {
+  return entries.reduce(
+    (graph, entry) => accumulateGraph(graph, entry, labelLookup),
+    { nodes: [], edges: [] }
+  );
+}
+
+export { accumulateGraph, buildGraphFromTrace };
+//# sourceMappingURL=buildGraph.js.map
+//# sourceMappingURL=buildGraph.js.map

package/dist/buildGraph.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/buildGraph.ts"],"names":[],"mappings":"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","file":"buildGraph.js","sourcesContent":["import type { RuleTraceEntry } from '@nnkogift/dhis2-form-utils-hooks';\nimport type { DevtoolsLabelLookup } from './createLabelLookup.js';\n\nexport type GraphNodeKind = 'field' | 'section' | 'feedback' | 'rule';\n\nexport type GraphNode = {\n    id: string;\n    kind: GraphNodeKind;\n    label: string;\n};\n\nexport type GraphEdge = {\n    id: string;\n    source: string;\n    target: string;\n    effectType?: string;\n    fireCount: number;\n};\n\nexport type RuleDependencyGraph = {\n    nodes: GraphNode[];\n    edges: GraphEdge[];\n};\n\nconst nodeKey = (kind: GraphNodeKind, id: string) => `${kind}:${id}`;\n\nconst edgeKey = (source: string, ruleId: string, target: string, effectType?: string) =>\n    `${source}|${ruleId}|${target}|${effectType ?? ''}`;\n\nexport function accumulateGraph(\n    previous: RuleDependencyGraph,\n    entry: RuleTraceEntry,\n    labelLookup?: DevtoolsLabelLookup\n): RuleDependencyGraph {\n    const nodes = new Map(previous.nodes.map((node) => [node.id, node]));\n    const edges = new Map(previous.edges.map((edge) => [edge.id, edge]));\n\n    const ensureNode = (kind: GraphNodeKind, id: string, label: string) => {\n        const key = nodeKey(kind, id);\n        if (!nodes.has(key)) {\n            nodes.set(key, { id: key, kind, label });\n        }\n        return key;\n    };\n\n    for (const fieldId of entry.changedFields) {\n        ensureNode('field', fieldId, labelLookup?.resolveFieldName(fieldId) ?? fieldId);\n    }\n\n    for (const ruleResult of entry.ruleResults) {\n        const ruleLabel = labelLookup?.resolveRuleName(ruleResult.ruleId) ?? ruleResult.ruleId;\n        const ruleNodeId = ensureNode('rule', ruleResult.ruleId, ruleLabel);\n\n        for (const fieldId of entry.changedFields) {\n            const fieldNodeId = ensureNode(\n                'field',\n                fieldId,\n                labelLookup?.resolveFieldName(fieldId) ?? fieldId\n            );\n            const id = edgeKey(fieldNodeId, ruleResult.ruleId, ruleNodeId, 'read');\n            const existing = edges.get(id);\n            edges.set(id, {\n                id,\n                source: fieldNodeId,\n                target: ruleNodeId,\n                effectType: 'read',\n                fireCount: (existing?.fireCount ?? 0) + 1,\n            });\n        }\n\n        for (const effect of ruleResult.effects) {\n            const targetKind: GraphNodeKind =\n                effect.type === 'HIDESECTION'\n                    ? 'section'\n                    : effect.type === 'DISPLAYTEXT' || effect.type === 'DISPLAYKEYVALUEPAIR'\n                      ? 'feedback'\n                      : 'field';\n\n            const targetNodeId = ensureNode(\n                targetKind,\n                effect.targetId,\n                targetKind === 'section'\n                    ? (labelLookup?.resolveSectionName(effect.targetId) ?? effect.targetId)\n                    : targetKind === 'field'\n                      ? (labelLookup?.resolveFieldName(effect.targetId) ?? effect.targetId)\n                      : effect.targetId\n            );\n            const id = edgeKey(ruleNodeId, ruleResult.ruleId, targetNodeId, effect.type);\n            const existing = edges.get(id);\n            edges.set(id, {\n                id,\n                source: ruleNodeId,\n                target: targetNodeId,\n                effectType: effect.type,\n                fireCount: (existing?.fireCount ?? 0) + 1,\n            });\n        }\n    }\n\n    return {\n        nodes: [...nodes.values()],\n        edges: [...edges.values()],\n    };\n}\n\nexport function buildGraphFromTrace(\n    entries: readonly RuleTraceEntry[],\n    labelLookup?: DevtoolsLabelLookup\n): RuleDependencyGraph {\n    return entries.reduce<RuleDependencyGraph>(\n        (graph, entry) => accumulateGraph(graph, entry, labelLookup),\n        { nodes: [], edges: [] }\n    );\n}\n"]}

package/dist/constants.d.ts

@@ -0,0 +1,3 @@
+declare const DEFAULT_TRACE_MAX_ENTRIES = 200;
+
+export { DEFAULT_TRACE_MAX_ENTRIES };

package/dist/constants.js

@@ -0,0 +1,5 @@
+const DEFAULT_TRACE_MAX_ENTRIES = 200;
+
+export { DEFAULT_TRACE_MAX_ENTRIES };
+//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts"],"names":[],"mappings":"AAAO,MAAM,yBAAA,GAA4B","file":"constants.js","sourcesContent":["export const DEFAULT_TRACE_MAX_ENTRIES = 200;\n"]}

package/dist/createLabelLookup.d.ts

@@ -0,0 +1,25 @@
+import { EventProgramMetadata, TrackerProgramMetadata } from '@nnkogift/dhis2-form-utils-metadata';
+
+type ProgramStageRef = {
+    id?: string;
+    displayName?: string;
+};
+type RuleDevtoolsMetadata = {
+    formKind: 'event';
+    metadata: EventProgramMetadata;
+    programStageId: string;
+} | {
+    formKind: 'tracker';
+    metadata: TrackerProgramMetadata;
+    /** Stage names for rules that target a stage — the tracker metadata query itself has no stage list. */
+    programStages?: ProgramStageRef[];
+};
+type DevtoolsLabelLookup = {
+    resolveRuleName(id: string): string;
+    resolveFieldName(id: string): string;
+    resolveSectionName(id: string): string;
+    resolveStageName(id: string): string;
+};
+declare function createLabelLookup(source: RuleDevtoolsMetadata): DevtoolsLabelLookup;
+
+export { type DevtoolsLabelLookup, type ProgramStageRef, type RuleDevtoolsMetadata, createLabelLookup };

package/dist/createLabelLookup.js

@@ -0,0 +1,81 @@
+import { selectProgramStage } from '@nnkogift/dhis2-form-utils-metadata';
+
+const createLookup = (rules, fields, sections, stages) => ({
+  resolveRuleName: (id) => rules.get(id) ?? id,
+  resolveFieldName: (id) => fields.get(id) ?? id,
+  resolveSectionName: (id) => sections.get(id) ?? id,
+  resolveStageName: (id) => stages.get(id) ?? id
+});
+function buildEventLookup(source) {
+  const rules = /* @__PURE__ */ new Map();
+  const fields = /* @__PURE__ */ new Map();
+  const sections = /* @__PURE__ */ new Map();
+  const stages = /* @__PURE__ */ new Map();
+  for (const rule of source.metadata.programRules) {
+    if (!rule.id) {
+      continue;
+    }
+    rules.set(rule.id, rule.displayName ?? rule.id);
+  }
+  const stage = selectProgramStage(
+    source.metadata,
+    source.programStageId
+  ) ?? {
+    id: source.programStageId,
+    programStageDataElements: [],
+    programStageSections: []
+  };
+  for (const psde of stage.programStageDataElements ?? []) {
+    const de = psde.dataElement;
+    if (!de?.id) {
+      continue;
+    }
+    fields.set(de.id, de.displayFormName ?? de.displayName ?? de.id);
+  }
+  for (const section of stage.programStageSections ?? []) {
+    sections.set(section.id, section.displayName ?? section.id);
+  }
+  for (const programStage of source.metadata.programStages) {
+    if (!programStage.id) {
+      continue;
+    }
+    stages.set(programStage.id, programStage.displayName ?? programStage.id);
+  }
+  return createLookup(rules, fields, sections, stages);
+}
+function buildTrackerLookup(source) {
+  const rules = /* @__PURE__ */ new Map();
+  const fields = /* @__PURE__ */ new Map();
+  const sections = /* @__PURE__ */ new Map();
+  const stages = /* @__PURE__ */ new Map();
+  for (const rule of source.metadata.programRules) {
+    if (!rule.id) {
+      continue;
+    }
+    rules.set(rule.id, rule.name ?? rule.id);
+  }
+  for (const ptea of source.metadata.programTrackedEntityAttributes) {
+    const tea = ptea.trackedEntityAttribute;
+    if (!tea.id) {
+      continue;
+    }
+    fields.set(tea.id, tea.formName ?? tea.displayName ?? tea.id);
+  }
+  for (const section of source.metadata.programSections ?? []) {
+    sections.set(section.id, section.displayName ?? section.id);
+  }
+  for (const programStage of source.programStages ?? []) {
+    if (!programStage.id) {
+      continue;
+    }
+    stages.set(programStage.id, programStage.displayName ?? programStage.id);
+  }
+  return createLookup(rules, fields, sections, stages);
+}
+function createLabelLookup(source) {
+  return source.formKind === "event" ? buildEventLookup(source) : buildTrackerLookup(source);
+}
+
+export { createLabelLookup };
+//# sourceMappingURL=createLabelLookup.js.map
+//# sourceMappingURL=createLabelLookup.js.map

package/dist/createLabelLookup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/createLabelLookup.ts"],"names":[],"mappings":"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","file":"createLabelLookup.js","sourcesContent":["import type {\n    EventProgramMetadata,\n    ProgramStageMetadata,\n    TrackerProgramMetadata,\n} from '@nnkogift/dhis2-form-utils-metadata';\nimport { selectProgramStage } from '@nnkogift/dhis2-form-utils-metadata';\n\nexport type ProgramStageRef = {\n    id?: string;\n    displayName?: string;\n};\n\nexport type RuleDevtoolsMetadata =\n    | {\n          formKind: 'event';\n          metadata: EventProgramMetadata;\n          programStageId: string;\n      }\n    | {\n          formKind: 'tracker';\n          metadata: TrackerProgramMetadata;\n          /** Stage names for rules that target a stage — the tracker metadata query itself has no stage list. */\n          programStages?: ProgramStageRef[];\n      };\n\nexport type DevtoolsLabelLookup = {\n    resolveRuleName(id: string): string;\n    resolveFieldName(id: string): string;\n    resolveSectionName(id: string): string;\n    resolveStageName(id: string): string;\n};\n\nconst createLookup = (\n    rules: Map<string, string>,\n    fields: Map<string, string>,\n    sections: Map<string, string>,\n    stages: Map<string, string>\n): DevtoolsLabelLookup => ({\n    resolveRuleName: (id) => rules.get(id) ?? id,\n    resolveFieldName: (id) => fields.get(id) ?? id,\n    resolveSectionName: (id) => sections.get(id) ?? id,\n    resolveStageName: (id) => stages.get(id) ?? id,\n});\n\nfunction buildEventLookup(source: Extract<RuleDevtoolsMetadata, { formKind: 'event' }>) {\n    const rules = new Map<string, string>();\n    const fields = new Map<string, string>();\n    const sections = new Map<string, string>();\n    const stages = new Map<string, string>();\n\n    for (const rule of source.metadata.programRules) {\n        if (!rule.id) {\n            continue;\n        }\n        rules.set(rule.id, rule.displayName ?? rule.id);\n    }\n\n    const stage: ProgramStageMetadata = selectProgramStage(\n        source.metadata,\n        source.programStageId\n    ) ?? {\n        id: source.programStageId,\n        programStageDataElements: [],\n        programStageSections: [],\n    };\n\n    for (const psde of stage.programStageDataElements ?? []) {\n        const de = psde.dataElement;\n        if (!de?.id) {\n            continue;\n        }\n        fields.set(de.id, de.displayFormName ?? de.displayName ?? de.id);\n    }\n\n    for (const section of stage.programStageSections ?? []) {\n        sections.set(section.id, section.displayName ?? section.id);\n    }\n\n    for (const programStage of source.metadata.programStages) {\n        if (!programStage.id) {\n            continue;\n        }\n        stages.set(programStage.id, programStage.displayName ?? programStage.id);\n    }\n\n    return createLookup(rules, fields, sections, stages);\n}\n\nfunction buildTrackerLookup(source: Extract<RuleDevtoolsMetadata, { formKind: 'tracker' }>) {\n    const rules = new Map<string, string>();\n    const fields = new Map<string, string>();\n    const sections = new Map<string, string>();\n    const stages = new Map<string, string>();\n\n    for (const rule of source.metadata.programRules) {\n        if (!rule.id) {\n            continue;\n        }\n        rules.set(rule.id, rule.name ?? rule.id);\n    }\n\n    for (const ptea of source.metadata.programTrackedEntityAttributes) {\n        const tea = ptea.trackedEntityAttribute;\n        if (!tea.id) {\n            continue;\n        }\n        fields.set(tea.id, tea.formName ?? tea.displayName ?? tea.id);\n    }\n\n    for (const section of source.metadata.programSections ?? []) {\n        sections.set(section.id, section.displayName ?? section.id);\n    }\n\n    for (const programStage of source.programStages ?? []) {\n        if (!programStage.id) {\n            continue;\n        }\n        stages.set(programStage.id, programStage.displayName ?? programStage.id);\n    }\n\n    return createLookup(rules, fields, sections, stages);\n}\n\nexport function createLabelLookup(source: RuleDevtoolsMetadata): DevtoolsLabelLookup {\n    return source.formKind === 'event' ? buildEventLookup(source) : buildTrackerLookup(source);\n}\n"]}

package/dist/effectStyles.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { IconProps } from '@dhis2/ui';
+
+type EffectVisualVariant = 'hide' | 'show' | 'assign' | 'mandatory' | 'warning' | 'error' | 'feedback' | 'message' | 'read' | 'default';
+type EffectVisual = {
+    variant: EffectVisualVariant;
+    tagClassName: string;
+    edgeStroke: string;
+    shortLabel: string;
+};
+declare const EFFECT_ICONS: Record<EffectVisualVariant, FC<IconProps>>;
+/** @deprecated Use getEffectVisual().variant */
+type EffectTagVariant = EffectVisualVariant;
+declare function getEffectVariant(type: string): EffectVisualVariant;
+declare function getEffectVisual(type: string): EffectVisual;
+declare function getEffectTagVariant(type: string): EffectVisualVariant;
+type EffectTagRenderProps = {
+    neutral?: boolean;
+    positive?: boolean;
+    negative?: boolean;
+    className?: string;
+};
+declare function getEffectTagRenderProps(type: string): EffectTagRenderProps;
+declare function getEffectTagRenderPropsForVariant(variant: EffectVisualVariant): EffectTagRenderProps;
+declare function getEffectEdgeStroke(type: string, highlighted?: boolean): string;
+declare function getEffectShortLabel(type: string): string;
+
+export { EFFECT_ICONS, type EffectTagRenderProps, type EffectTagVariant, type EffectVisual, type EffectVisualVariant, getEffectEdgeStroke, getEffectShortLabel, getEffectTagRenderProps, getEffectTagRenderPropsForVariant, getEffectTagVariant, getEffectVariant, getEffectVisual };