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

package/dist/effectStyles.js

@@ -0,0 +1,142 @@
+import { IconInfo16, IconLink16, IconMail16, IconMessages16, IconErrorFilled16, IconWarningFilled16, IconStarFilled16, IconEdit16, IconView16, IconViewOff16 } from '@dhis2/ui';
+
+const EFFECT_VARIANT = {
+  HIDEFIELD: "hide",
+  HIDEOPTION: "hide",
+  HIDEOPTIONGROUP: "hide",
+  HIDESECTION: "hide",
+  HIDEPROGRAMSTAGE: "hide",
+  SHOWFIELD: "show",
+  SHOWOPTION: "show",
+  SHOWOPTIONGROUP: "show",
+  ASSIGN: "assign",
+  SETMANDATORYFIELD: "mandatory",
+  UNSETMANDATORYFIELD: "mandatory",
+  SHOWWARNING: "warning",
+  WARNINGONCOMPLETE: "warning",
+  SHOWERROR: "error",
+  ERRORONCOMPLETE: "error",
+  DISPLAYTEXT: "feedback",
+  DISPLAYKEYVALUEPAIR: "feedback",
+  SENDMESSAGE: "message",
+  SCHEDULEMESSAGE: "message",
+  read: "read"
+};
+const EFFECT_VISUALS = {
+  hide: {
+    tagClassName: "bg-dhis2-grey-200 text-dhis2-grey-900",
+    edgeStroke: "#494949",
+    shortLabel: "hide"
+  },
+  show: {
+    tagClassName: "bg-dhis2-green-100 text-dhis2-green-900",
+    edgeStroke: "#388e3c",
+    shortLabel: "show"
+  },
+  assign: {
+    tagClassName: "bg-dhis2-blue-100 text-dhis2-blue-900",
+    edgeStroke: "#1565c0",
+    shortLabel: "assign"
+  },
+  mandatory: {
+    tagClassName: "bg-dhis2-yellow-100 text-dhis2-yellow-900",
+    edgeStroke: "#e56408",
+    shortLabel: "required"
+  },
+  warning: {
+    tagClassName: "bg-dhis2-yellow-100 text-dhis2-yellow-900",
+    edgeStroke: "#ff8302",
+    shortLabel: "warn"
+  },
+  error: {
+    tagClassName: "bg-dhis2-red-100 text-dhis2-red-900",
+    edgeStroke: "#c62828",
+    shortLabel: "error"
+  },
+  feedback: {
+    tagClassName: "bg-dhis2-purple-100 text-dhis2-purple-900",
+    edgeStroke: "#9c27b0",
+    shortLabel: "feedback"
+  },
+  message: {
+    tagClassName: "bg-dhis2-teal-100 text-dhis2-teal-900",
+    edgeStroke: "#00796b",
+    shortLabel: "message"
+  },
+  read: {
+    tagClassName: "bg-dhis2-teal-100 text-dhis2-teal-900",
+    edgeStroke: "#00796b",
+    shortLabel: "read"
+  },
+  default: {
+    tagClassName: "bg-dhis2-grey-100 text-dhis2-grey-800",
+    edgeStroke: "#494949",
+    shortLabel: "effect"
+  }
+};
+const EFFECT_ICONS = {
+  hide: IconViewOff16,
+  show: IconView16,
+  assign: IconEdit16,
+  mandatory: IconStarFilled16,
+  warning: IconWarningFilled16,
+  error: IconErrorFilled16,
+  feedback: IconMessages16,
+  message: IconMail16,
+  read: IconLink16,
+  default: IconInfo16
+};
+function getEffectVariant(type) {
+  return EFFECT_VARIANT[type] ?? "default";
+}
+function getEffectVisual(type) {
+  const variant = getEffectVariant(type);
+  return { variant, ...EFFECT_VISUALS[variant] };
+}
+function getEffectTagVariant(type) {
+  return getEffectVariant(type);
+}
+const TAG_LAYOUT_CLASS = "max-w-full break-words";
+function tagPropsForVariant(variant) {
+  switch (variant) {
+    case "show":
+      return { positive: true, className: TAG_LAYOUT_CLASS };
+    case "error":
+      return { negative: true, className: TAG_LAYOUT_CLASS };
+    case "assign":
+      return { neutral: true, className: TAG_LAYOUT_CLASS };
+    case "hide":
+    case "mandatory":
+    case "warning":
+    case "feedback":
+    case "message":
+    case "read":
+      return {
+        className: `${TAG_LAYOUT_CLASS} ${EFFECT_VISUALS[variant].tagClassName}`
+      };
+    default:
+      return {
+        className: `${TAG_LAYOUT_CLASS} ${EFFECT_VISUALS.default.tagClassName}`
+      };
+  }
+}
+function getEffectTagRenderProps(type) {
+  return tagPropsForVariant(getEffectVariant(type));
+}
+function getEffectTagRenderPropsForVariant(variant) {
+  return tagPropsForVariant(variant);
+}
+function getEffectEdgeStroke(type, highlighted = true) {
+  const { edgeStroke } = getEffectVisual(type);
+  if (highlighted) {
+    return edgeStroke;
+  }
+  return "#bdbdbd";
+}
+function getEffectShortLabel(type) {
+  return getEffectVisual(type).shortLabel;
+}
+
+export { EFFECT_ICONS, getEffectEdgeStroke, getEffectShortLabel, getEffectTagRenderProps, getEffectTagRenderPropsForVariant, getEffectTagVariant, getEffectVariant, getEffectVisual };
+//# sourceMappingURL=effectStyles.js.map
+//# sourceMappingURL=effectStyles.js.map

package/dist/effectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/effectStyles.ts"],"names":[],"mappings":"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","file":"effectStyles.js","sourcesContent":["import type { FC } from 'react';\nimport {\n    IconEdit16,\n    IconErrorFilled16,\n    IconInfo16,\n    IconLink16,\n    IconMail16,\n    IconMessages16,\n    IconStarFilled16,\n    IconView16,\n    IconViewOff16,\n    IconWarningFilled16,\n    type IconProps,\n} from '@dhis2/ui';\n\nexport type EffectVisualVariant =\n    | 'hide'\n    | 'show'\n    | 'assign'\n    | 'mandatory'\n    | 'warning'\n    | 'error'\n    | 'feedback'\n    | 'message'\n    | 'read'\n    | 'default';\n\nexport type EffectVisual = {\n    variant: EffectVisualVariant;\n    tagClassName: string;\n    edgeStroke: string;\n    shortLabel: string;\n};\n\nconst EFFECT_VARIANT: Record<string, EffectVisualVariant> = {\n    HIDEFIELD: 'hide',\n    HIDEOPTION: 'hide',\n    HIDEOPTIONGROUP: 'hide',\n    HIDESECTION: 'hide',\n    HIDEPROGRAMSTAGE: 'hide',\n    SHOWFIELD: 'show',\n    SHOWOPTION: 'show',\n    SHOWOPTIONGROUP: 'show',\n    ASSIGN: 'assign',\n    SETMANDATORYFIELD: 'mandatory',\n    UNSETMANDATORYFIELD: 'mandatory',\n    SHOWWARNING: 'warning',\n    WARNINGONCOMPLETE: 'warning',\n    SHOWERROR: 'error',\n    ERRORONCOMPLETE: 'error',\n    DISPLAYTEXT: 'feedback',\n    DISPLAYKEYVALUEPAIR: 'feedback',\n    SENDMESSAGE: 'message',\n    SCHEDULEMESSAGE: 'message',\n    read: 'read',\n};\n\nconst EFFECT_VISUALS: Record<EffectVisualVariant, Omit<EffectVisual, 'variant'>> = {\n    hide: {\n        tagClassName: 'bg-dhis2-grey-200 text-dhis2-grey-900',\n        edgeStroke: '#494949',\n        shortLabel: 'hide',\n    },\n    show: {\n        tagClassName: 'bg-dhis2-green-100 text-dhis2-green-900',\n        edgeStroke: '#388e3c',\n        shortLabel: 'show',\n    },\n    assign: {\n        tagClassName: 'bg-dhis2-blue-100 text-dhis2-blue-900',\n        edgeStroke: '#1565c0',\n        shortLabel: 'assign',\n    },\n    mandatory: {\n        tagClassName: 'bg-dhis2-yellow-100 text-dhis2-yellow-900',\n        edgeStroke: '#e56408',\n        shortLabel: 'required',\n    },\n    warning: {\n        tagClassName: 'bg-dhis2-yellow-100 text-dhis2-yellow-900',\n        edgeStroke: '#ff8302',\n        shortLabel: 'warn',\n    },\n    error: {\n        tagClassName: 'bg-dhis2-red-100 text-dhis2-red-900',\n        edgeStroke: '#c62828',\n        shortLabel: 'error',\n    },\n    feedback: {\n        tagClassName: 'bg-dhis2-purple-100 text-dhis2-purple-900',\n        edgeStroke: '#9c27b0',\n        shortLabel: 'feedback',\n    },\n    message: {\n        tagClassName: 'bg-dhis2-teal-100 text-dhis2-teal-900',\n        edgeStroke: '#00796b',\n        shortLabel: 'message',\n    },\n    read: {\n        tagClassName: 'bg-dhis2-teal-100 text-dhis2-teal-900',\n        edgeStroke: '#00796b',\n        shortLabel: 'read',\n    },\n    default: {\n        tagClassName: 'bg-dhis2-grey-100 text-dhis2-grey-800',\n        edgeStroke: '#494949',\n        shortLabel: 'effect',\n    },\n};\n\nexport const EFFECT_ICONS: Record<EffectVisualVariant, FC<IconProps>> = {\n    hide: IconViewOff16,\n    show: IconView16,\n    assign: IconEdit16,\n    mandatory: IconStarFilled16,\n    warning: IconWarningFilled16,\n    error: IconErrorFilled16,\n    feedback: IconMessages16,\n    message: IconMail16,\n    read: IconLink16,\n    default: IconInfo16,\n};\n\n/** @deprecated Use getEffectVisual().variant */\nexport type EffectTagVariant = EffectVisualVariant;\n\nexport function getEffectVariant(type: string): EffectVisualVariant {\n    return EFFECT_VARIANT[type] ?? 'default';\n}\n\nexport function getEffectVisual(type: string): EffectVisual {\n    const variant = getEffectVariant(type);\n    return { variant, ...EFFECT_VISUALS[variant] };\n}\n\nexport function getEffectTagVariant(type: string): EffectVisualVariant {\n    return getEffectVariant(type);\n}\n\nexport type EffectTagRenderProps = {\n    neutral?: boolean;\n    positive?: boolean;\n    negative?: boolean;\n    className?: string;\n};\n\nconst TAG_LAYOUT_CLASS = 'max-w-full break-words';\n\nfunction tagPropsForVariant(variant: EffectVisualVariant): EffectTagRenderProps {\n    switch (variant) {\n        case 'show':\n            return { positive: true, className: TAG_LAYOUT_CLASS };\n        case 'error':\n            return { negative: true, className: TAG_LAYOUT_CLASS };\n        case 'assign':\n            return { neutral: true, className: TAG_LAYOUT_CLASS };\n        case 'hide':\n        case 'mandatory':\n        case 'warning':\n        case 'feedback':\n        case 'message':\n        case 'read':\n            return {\n                className: `${TAG_LAYOUT_CLASS} ${EFFECT_VISUALS[variant].tagClassName}`,\n            };\n        default:\n            return {\n                className: `${TAG_LAYOUT_CLASS} ${EFFECT_VISUALS.default.tagClassName}`,\n            };\n    }\n}\n\nexport function getEffectTagRenderProps(type: string): EffectTagRenderProps {\n    return tagPropsForVariant(getEffectVariant(type));\n}\n\nexport function getEffectTagRenderPropsForVariant(\n    variant: EffectVisualVariant\n): EffectTagRenderProps {\n    return tagPropsForVariant(variant);\n}\n\nexport function getEffectEdgeStroke(type: string, highlighted = true): string {\n    const { edgeStroke } = getEffectVisual(type);\n    if (highlighted) {\n        return edgeStroke;\n    }\n    return '#bdbdbd';\n}\n\nexport function getEffectShortLabel(type: string): string {\n    return getEffectVisual(type).shortLabel;\n}\n"]}

package/dist/formatAgo.d.ts

@@ -0,0 +1,3 @@
+declare function formatAgo(timestamp: number, now?: number): string;
+
+export { formatAgo };

package/dist/formatAgo.js

@@ -0,0 +1,25 @@
+import { translate } from './i18n.js';
+
+function formatAgo(timestamp, now = Date.now()) {
+  const diffMs = Math.max(0, now - timestamp);
+  if (diffMs < 5e3) {
+    return translate("just now");
+  }
+  const seconds = Math.floor(diffMs / 1e3);
+  if (seconds < 60) {
+    return translate("{{seconds}}s ago", { seconds });
+  }
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) {
+    return translate("{{minutes}}m ago", { minutes });
+  }
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) {
+    return translate("{{hours}}h ago", { hours });
+  }
+  return new Date(timestamp).toLocaleString();
+}
+
+export { formatAgo };
+//# sourceMappingURL=formatAgo.js.map
+//# sourceMappingURL=formatAgo.js.map

package/dist/formatAgo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/formatAgo.ts"],"names":[],"mappings":";;AAEO,SAAS,SAAA,CAAU,SAAA,EAAmB,GAAA,GAAM,IAAA,CAAK,KAAI,EAAW;AACnE,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,MAAM,SAAS,CAAA;AAE1C,EAAA,IAAI,SAAS,GAAA,EAAO;AAChB,IAAA,OAAO,UAAU,UAAU,CAAA;AAAA,EAC/B;AAEA,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,MAAA,GAAS,GAAK,CAAA;AACzC,EAAA,IAAI,UAAU,EAAA,EAAI;AACd,IAAA,OAAO,SAAA,CAAU,kBAAA,EAAoB,EAAE,OAAA,EAAS,CAAA;AAAA,EACpD;AAEA,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA;AACvC,EAAA,IAAI,UAAU,EAAA,EAAI;AACd,IAAA,OAAO,SAAA,CAAU,kBAAA,EAAoB,EAAE,OAAA,EAAS,CAAA;AAAA,EACpD;AAEA,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA;AACrC,EAAA,IAAI,QAAQ,EAAA,EAAI;AACZ,IAAA,OAAO,SAAA,CAAU,gBAAA,EAAkB,EAAE,KAAA,EAAO,CAAA;AAAA,EAChD;AAEA,EAAA,OAAO,IAAI,IAAA,CAAK,SAAS,CAAA,CAAE,cAAA,EAAe;AAC9C","file":"formatAgo.js","sourcesContent":["import { translate } from './i18n.js';\n\nexport function formatAgo(timestamp: number, now = Date.now()): string {\n    const diffMs = Math.max(0, now - timestamp);\n\n    if (diffMs < 5_000) {\n        return translate('just now');\n    }\n\n    const seconds = Math.floor(diffMs / 1_000);\n    if (seconds < 60) {\n        return translate('{{seconds}}s ago', { seconds });\n    }\n\n    const minutes = Math.floor(seconds / 60);\n    if (minutes < 60) {\n        return translate('{{minutes}}m ago', { minutes });\n    }\n\n    const hours = Math.floor(minutes / 60);\n    if (hours < 24) {\n        return translate('{{hours}}h ago', { hours });\n    }\n\n    return new Date(timestamp).toLocaleString();\n}\n"]}

package/dist/formatRuleActionSummary.d.ts

@@ -0,0 +1,33 @@
+import { DevtoolsLabelLookup } from './createLabelLookup.js';
+import '@nnkogift/dhis2-form-utils-metadata';
+
+type RuleActionLike = {
+    programRuleActionType?: string;
+    dataElement?: {
+        id?: string;
+        displayName?: string;
+    };
+    trackedEntityAttribute?: {
+        id?: string;
+        displayName?: string;
+    };
+    programStageSection?: {
+        id?: string;
+        displayName?: string;
+    };
+    programSection?: {
+        id?: string;
+        displayName?: string;
+    };
+    data?: string | null;
+    content?: string | null;
+    location?: string | null;
+};
+type FormattedRuleAction = {
+    type: string;
+    targetLabel: string;
+    detail?: string;
+};
+declare function formatRuleActionSummary(action: RuleActionLike, labelLookup?: DevtoolsLabelLookup): FormattedRuleAction;
+
+export { type FormattedRuleAction, type RuleActionLike, formatRuleActionSummary };

package/dist/formatRuleActionSummary.js

@@ -0,0 +1,61 @@
+function resolveFieldLabel(id, displayName, labelLookup) {
+  if (labelLookup) {
+    const resolved = labelLookup.resolveFieldName(id);
+    if (resolved !== id) {
+      return resolved;
+    }
+  }
+  return displayName ?? id;
+}
+function resolveSectionLabel(id, displayName, labelLookup) {
+  if (labelLookup) {
+    const resolved = labelLookup.resolveSectionName(id);
+    if (resolved !== id) {
+      return resolved;
+    }
+  }
+  return displayName ?? id;
+}
+function formatRuleActionSummary(action, labelLookup) {
+  const type = action.programRuleActionType ?? "UNKNOWN";
+  let targetLabel = "";
+  if (action.dataElement?.id) {
+    targetLabel = resolveFieldLabel(
+      action.dataElement.id,
+      action.dataElement.displayName,
+      labelLookup
+    );
+  } else if (action.trackedEntityAttribute?.id) {
+    targetLabel = resolveFieldLabel(
+      action.trackedEntityAttribute.id,
+      action.trackedEntityAttribute.displayName,
+      labelLookup
+    );
+  } else if (action.programStageSection?.id) {
+    targetLabel = resolveSectionLabel(
+      action.programStageSection.id,
+      action.programStageSection.displayName,
+      labelLookup
+    );
+  } else if (action.programSection?.id) {
+    targetLabel = resolveSectionLabel(
+      action.programSection.id,
+      action.programSection.displayName,
+      labelLookup
+    );
+  } else if (type === "DISPLAYTEXT" || type === "DISPLAYKEYVALUEPAIR") {
+    targetLabel = action.location ?? "feedback";
+  }
+  let detail;
+  if (action.data) {
+    detail = action.data;
+  }
+  if (action.content && (type === "DISPLAYTEXT" || type === "DISPLAYKEYVALUEPAIR")) {
+    detail = action.content;
+  }
+  return { type, targetLabel, detail };
+}
+
+export { formatRuleActionSummary };
+//# sourceMappingURL=formatRuleActionSummary.js.map
+//# sourceMappingURL=formatRuleActionSummary.js.map

package/dist/formatRuleActionSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/formatRuleActionSummary.ts"],"names":[],"mappings":"AAmBA,SAAS,iBAAA,CACL,EAAA,EACA,WAAA,EACA,WAAA,EACM;AACN,EAAA,IAAI,WAAA,EAAa;AACb,IAAA,MAAM,QAAA,GAAW,WAAA,CAAY,gBAAA,CAAiB,EAAE,CAAA;AAChD,IAAA,IAAI,aAAa,EAAA,EAAI;AACjB,MAAA,OAAO,QAAA;AAAA,IACX;AAAA,EACJ;AACA,EAAA,OAAO,WAAA,IAAe,EAAA;AAC1B;AAEA,SAAS,mBAAA,CACL,EAAA,EACA,WAAA,EACA,WAAA,EACM;AACN,EAAA,IAAI,WAAA,EAAa;AACb,IAAA,MAAM,QAAA,GAAW,WAAA,CAAY,kBAAA,CAAmB,EAAE,CAAA;AAClD,IAAA,IAAI,aAAa,EAAA,EAAI;AACjB,MAAA,OAAO,QAAA;AAAA,IACX;AAAA,EACJ;AACA,EAAA,OAAO,WAAA,IAAe,EAAA;AAC1B;AAEO,SAAS,uBAAA,CACZ,QACA,WAAA,EACmB;AACnB,EAAA,MAAM,IAAA,GAAO,OAAO,qBAAA,IAAyB,SAAA;AAE7C,EAAA,IAAI,WAAA,GAAc,EAAA;AAClB,EAAA,IAAI,MAAA,CAAO,aAAa,EAAA,EAAI;AACxB,IAAA,WAAA,GAAc,iBAAA;AAAA,MACV,OAAO,WAAA,CAAY,EAAA;AAAA,MACnB,OAAO,WAAA,CAAY,WAAA;AAAA,MACnB;AAAA,KACJ;AAAA,EACJ,CAAA,MAAA,IAAW,MAAA,CAAO,sBAAA,EAAwB,EAAA,EAAI;AAC1C,IAAA,WAAA,GAAc,iBAAA;AAAA,MACV,OAAO,sBAAA,CAAuB,EAAA;AAAA,MAC9B,OAAO,sBAAA,CAAuB,WAAA;AAAA,MAC9B;AAAA,KACJ;AAAA,EACJ,CAAA,MAAA,IAAW,MAAA,CAAO,mBAAA,EAAqB,EAAA,EAAI;AACvC,IAAA,WAAA,GAAc,mBAAA;AAAA,MACV,OAAO,mBAAA,CAAoB,EAAA;AAAA,MAC3B,OAAO,mBAAA,CAAoB,WAAA;AAAA,MAC3B;AAAA,KACJ;AAAA,EACJ,CAAA,MAAA,IAAW,MAAA,CAAO,cAAA,EAAgB,EAAA,EAAI;AAClC,IAAA,WAAA,GAAc,mBAAA;AAAA,MACV,OAAO,cAAA,CAAe,EAAA;AAAA,MACtB,OAAO,cAAA,CAAe,WAAA;AAAA,MACtB;AAAA,KACJ;AAAA,EACJ,CAAA,MAAA,IAAW,IAAA,KAAS,aAAA,IAAiB,IAAA,KAAS,qBAAA,EAAuB;AACjE,IAAA,WAAA,GAAc,OAAO,QAAA,IAAY,UAAA;AAAA,EACrC;AAEA,EAAA,IAAI,MAAA;AACJ,EAAA,IAAI,OAAO,IAAA,EAAM;AACb,IAAA,MAAA,GAAS,MAAA,CAAO,IAAA;AAAA,EACpB;AACA,EAAA,IAAI,MAAA,CAAO,OAAA,KAAY,IAAA,KAAS,aAAA,IAAiB,SAAS,qBAAA,CAAA,EAAwB;AAC9E,IAAA,MAAA,GAAS,MAAA,CAAO,OAAA;AAAA,EACpB;AAEA,EAAA,OAAO,EAAE,IAAA,EAAM,WAAA,EAAa,MAAA,EAAO;AACvC","file":"formatRuleActionSummary.js","sourcesContent":["import type { DevtoolsLabelLookup } from './createLabelLookup.js';\n\nexport type RuleActionLike = {\n    programRuleActionType?: string;\n    dataElement?: { id?: string; displayName?: string };\n    trackedEntityAttribute?: { id?: string; displayName?: string };\n    programStageSection?: { id?: string; displayName?: string };\n    programSection?: { id?: string; displayName?: string };\n    data?: string | null;\n    content?: string | null;\n    location?: string | null;\n};\n\nexport type FormattedRuleAction = {\n    type: string;\n    targetLabel: string;\n    detail?: string;\n};\n\nfunction resolveFieldLabel(\n    id: string,\n    displayName: string | undefined,\n    labelLookup?: DevtoolsLabelLookup\n): string {\n    if (labelLookup) {\n        const resolved = labelLookup.resolveFieldName(id);\n        if (resolved !== id) {\n            return resolved;\n        }\n    }\n    return displayName ?? id;\n}\n\nfunction resolveSectionLabel(\n    id: string,\n    displayName: string | undefined,\n    labelLookup?: DevtoolsLabelLookup\n): string {\n    if (labelLookup) {\n        const resolved = labelLookup.resolveSectionName(id);\n        if (resolved !== id) {\n            return resolved;\n        }\n    }\n    return displayName ?? id;\n}\n\nexport function formatRuleActionSummary(\n    action: RuleActionLike,\n    labelLookup?: DevtoolsLabelLookup\n): FormattedRuleAction {\n    const type = action.programRuleActionType ?? 'UNKNOWN';\n\n    let targetLabel = '';\n    if (action.dataElement?.id) {\n        targetLabel = resolveFieldLabel(\n            action.dataElement.id,\n            action.dataElement.displayName,\n            labelLookup\n        );\n    } else if (action.trackedEntityAttribute?.id) {\n        targetLabel = resolveFieldLabel(\n            action.trackedEntityAttribute.id,\n            action.trackedEntityAttribute.displayName,\n            labelLookup\n        );\n    } else if (action.programStageSection?.id) {\n        targetLabel = resolveSectionLabel(\n            action.programStageSection.id,\n            action.programStageSection.displayName,\n            labelLookup\n        );\n    } else if (action.programSection?.id) {\n        targetLabel = resolveSectionLabel(\n            action.programSection.id,\n            action.programSection.displayName,\n            labelLookup\n        );\n    } else if (type === 'DISPLAYTEXT' || type === 'DISPLAYKEYVALUEPAIR') {\n        targetLabel = action.location ?? 'feedback';\n    }\n\n    let detail: string | undefined;\n    if (action.data) {\n        detail = action.data;\n    }\n    if (action.content && (type === 'DISPLAYTEXT' || type === 'DISPLAYKEYVALUEPAIR')) {\n        detail = action.content;\n    }\n\n    return { type, targetLabel, detail };\n}\n"]}

package/dist/graphLayout.d.ts

@@ -0,0 +1,48 @@
+import { GraphNodeKind, GraphEdge, RuleDependencyGraph } from './buildGraph.js';
+import '@nnkogift/dhis2-form-utils-hooks';
+import './createLabelLookup.js';
+import '@nnkogift/dhis2-form-utils-metadata';
+
+type GraphNodePosition = {
+    x: number;
+    y: number;
+};
+type FlowGraphRole = 'source' | 'rule' | 'target';
+/** A single visual node in the React Flow canvas (may differ from the semantic graph node). */
+type FlowGraphNode = {
+    id: string;
+    graphNodeId: string;
+    kind: GraphNodeKind;
+    label: string;
+    role: FlowGraphRole;
+};
+type PreparedFlowGraph = {
+    nodes: FlowGraphNode[];
+    edges: GraphEdge[];
+};
+/** Column x-coordinates by node role. Effect targets always sit to the right of rules. */
+declare const ROLE_COLUMNS: Record<FlowGraphRole, number>;
+/** Feedback targets get an extra column so they never overlap sections/field targets. */
+declare const FEEDBACK_COLUMN = 720;
+/** Vertical distance between rule lanes. */
+declare const LANE_HEIGHT = 104;
+/**
+ * Expands the semantic graph into flow nodes so every edge runs left → right.
+ * Fields that are both read sources and effect targets are split into `@src` /
+ * `@tgt` copies at the source and target columns respectively.
+ */
+declare function prepareFlowGraph(graph: RuleDependencyGraph): PreparedFlowGraph;
+/**
+ * Rule-centric lane layout on flow nodes. Each rule owns one horizontal lane;
+ * sources sit left, targets right, so every edge flows in the same direction.
+ */
+declare function computeGraphLayout(flowNodes: FlowGraphNode[], flowEdges: GraphEdge[]): Map<string, GraphNodePosition>;
+/** @deprecated Use ROLE_COLUMNS.source */
+declare const KIND_COLUMNS: {
+    readonly field: number;
+    readonly rule: number;
+    readonly section: number;
+    readonly feedback: 720;
+};
+
+export { FEEDBACK_COLUMN, type FlowGraphNode, type FlowGraphRole, type GraphNodePosition, KIND_COLUMNS, LANE_HEIGHT, type PreparedFlowGraph, ROLE_COLUMNS, computeGraphLayout, prepareFlowGraph };

package/dist/graphLayout.js

@@ -0,0 +1,137 @@
+const ROLE_COLUMNS = {
+  source: 0,
+  rule: 280,
+  target: 560
+};
+const FEEDBACK_COLUMN = 720;
+const LANE_HEIGHT = 104;
+const STAGGER = 24;
+function median(values) {
+  const sorted = [...values].sort((a, b) => a - b);
+  const mid = Math.floor(sorted.length / 2);
+  return sorted.length % 2 === 0 ? (sorted[mid - 1] + sorted[mid]) / 2 : sorted[mid];
+}
+function staggerOffset(indexInBucket) {
+  if (indexInBucket === 0) {
+    return 0;
+  }
+  const magnitude = Math.ceil(indexInBucket / 2) * STAGGER;
+  return indexInBucket % 2 === 1 ? magnitude : -magnitude;
+}
+function columnFor(node) {
+  if (node.role === "target" && node.kind === "feedback") {
+    return FEEDBACK_COLUMN;
+  }
+  return ROLE_COLUMNS[node.role];
+}
+function prepareFlowGraph(graph) {
+  const readSources = /* @__PURE__ */ new Set();
+  const effectTargets = /* @__PURE__ */ new Set();
+  for (const edge of graph.edges) {
+    if (edge.effectType === "read") {
+      readSources.add(edge.source);
+    } else {
+      effectTargets.add(edge.target);
+    }
+  }
+  const flowNodes = [];
+  const endpointByGraphId = /* @__PURE__ */ new Map();
+  for (const node of graph.nodes) {
+    if (node.kind === "rule") {
+      flowNodes.push({
+        id: node.id,
+        graphNodeId: node.id,
+        kind: node.kind,
+        label: node.label,
+        role: "rule"
+      });
+      continue;
+    }
+    const isSource = readSources.has(node.id);
+    const isTarget = effectTargets.has(node.id);
+    const endpoints = {};
+    if (isSource) {
+      const flowId = isTarget ? `${node.id}@src` : node.id;
+      endpoints.source = flowId;
+      flowNodes.push({
+        id: flowId,
+        graphNodeId: node.id,
+        kind: node.kind,
+        label: node.label,
+        role: "source"
+      });
+    }
+    if (isTarget) {
+      const flowId = isSource ? `${node.id}@tgt` : node.id;
+      endpoints.target = flowId;
+      flowNodes.push({
+        id: flowId,
+        graphNodeId: node.id,
+        kind: node.kind,
+        label: node.label,
+        role: "target"
+      });
+    }
+    endpointByGraphId.set(node.id, endpoints);
+  }
+  const flowEdges = graph.edges.map((edge) => {
+    if (edge.effectType === "read") {
+      const endpoints2 = endpointByGraphId.get(edge.source);
+      return { ...edge, source: endpoints2?.source ?? edge.source };
+    }
+    const endpoints = endpointByGraphId.get(edge.target);
+    return { ...edge, target: endpoints?.target ?? edge.target };
+  });
+  return { nodes: flowNodes, edges: flowEdges };
+}
+function computeGraphLayout(flowNodes, flowEdges) {
+  const positions = /* @__PURE__ */ new Map();
+  const ruleLane = /* @__PURE__ */ new Map();
+  flowNodes.filter((node) => node.role === "rule").forEach((node, index) => {
+    ruleLane.set(node.id, index);
+    positions.set(node.id, { x: ROLE_COLUMNS.rule, y: index * LANE_HEIGHT });
+  });
+  const connectedRuleLanes = /* @__PURE__ */ new Map();
+  const addLane = (nodeId, lane) => {
+    const lanes = connectedRuleLanes.get(nodeId) ?? /* @__PURE__ */ new Set();
+    lanes.add(lane);
+    connectedRuleLanes.set(nodeId, lanes);
+  };
+  for (const edge of flowEdges) {
+    const sourceLane = ruleLane.get(edge.source);
+    const targetLane = ruleLane.get(edge.target);
+    if (targetLane !== void 0 && sourceLane === void 0) {
+      addLane(edge.source, targetLane);
+    }
+    if (sourceLane !== void 0 && targetLane === void 0) {
+      addLane(edge.target, sourceLane);
+    }
+  }
+  const bucketCounts = /* @__PURE__ */ new Map();
+  for (const node of flowNodes) {
+    if (node.role === "rule") {
+      continue;
+    }
+    const lanes = connectedRuleLanes.get(node.id);
+    const lane = lanes && lanes.size > 0 ? median([...lanes]) : 0;
+    const column = columnFor(node);
+    const bucketKey = `${String(column)}:${String(lane)}`;
+    const indexInBucket = bucketCounts.get(bucketKey) ?? 0;
+    bucketCounts.set(bucketKey, indexInBucket + 1);
+    positions.set(node.id, {
+      x: column,
+      y: lane * LANE_HEIGHT + staggerOffset(indexInBucket)
+    });
+  }
+  return positions;
+}
+const KIND_COLUMNS = {
+  field: ROLE_COLUMNS.source,
+  rule: ROLE_COLUMNS.rule,
+  section: ROLE_COLUMNS.target,
+  feedback: FEEDBACK_COLUMN
+};
+
+export { FEEDBACK_COLUMN, KIND_COLUMNS, LANE_HEIGHT, ROLE_COLUMNS, computeGraphLayout, prepareFlowGraph };
+//# sourceMappingURL=graphLayout.js.map
+//# sourceMappingURL=graphLayout.js.map

package/dist/graphLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphLayout.ts"],"names":["endpoints"],"mappings":"AAqBO,MAAM,YAAA,GAA8C;AAAA,EACvD,MAAA,EAAQ,CAAA;AAAA,EACR,IAAA,EAAM,GAAA;AAAA,EACN,MAAA,EAAQ;AACZ;AAGO,MAAM,eAAA,GAAkB;AAGxB,MAAM,WAAA,GAAc;AAG3B,MAAM,OAAA,GAAU,EAAA;AAEhB,SAAS,OAAO,MAAA,EAA0B;AACtC,EAAA,MAAM,MAAA,GAAS,CAAC,GAAG,MAAM,CAAA,CAAE,KAAK,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAC/C,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,KAAA,CAAM,MAAA,CAAO,SAAS,CAAC,CAAA;AACxC,EAAA,OAAO,MAAA,CAAO,MAAA,GAAS,CAAA,KAAM,CAAA,GAAA,CAAK,MAAA,CAAO,GAAA,GAAM,CAAC,CAAA,GAAI,MAAA,CAAO,GAAG,CAAA,IAAK,CAAA,GAAI,OAAO,GAAG,CAAA;AACrF;AAGA,SAAS,cAAc,aAAA,EAA+B;AAClD,EAAA,IAAI,kBAAkB,CAAA,EAAG;AACrB,IAAA,OAAO,CAAA;AAAA,EACX;AACA,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,IAAA,CAAK,aAAA,GAAgB,CAAC,CAAA,GAAI,OAAA;AACjD,EAAA,OAAO,aAAA,GAAgB,CAAA,KAAM,CAAA,GAAI,SAAA,GAAY,CAAC,SAAA;AAClD;AAEA,SAAS,UAAU,IAAA,EAA6B;AAC5C,EAAA,IAAI,IAAA,CAAK,IAAA,KAAS,QAAA,IAAY,IAAA,CAAK,SAAS,UAAA,EAAY;AACpD,IAAA,OAAO,eAAA;AAAA,EACX;AACA,EAAA,OAAO,YAAA,CAAa,KAAK,IAAI,CAAA;AACjC;AAOO,SAAS,iBAAiB,KAAA,EAA+C;AAC5E,EAAA,MAAM,WAAA,uBAAkB,GAAA,EAAY;AACpC,EAAA,MAAM,aAAA,uBAAoB,GAAA,EAAY;AAEtC,EAAA,KAAA,MAAW,IAAA,IAAQ,MAAM,KAAA,EAAO;AAC5B,IAAA,IAAI,IAAA,CAAK,eAAe,MAAA,EAAQ;AAC5B,MAAA,WAAA,CAAY,GAAA,CAAI,KAAK,MAAM,CAAA;AAAA,IAC/B,CAAA,MAAO;AACH,MAAA,aAAA,CAAc,GAAA,CAAI,KAAK,MAAM,CAAA;AAAA,IACjC;AAAA,EACJ;AAEA,EAAA,MAAM,YAA6B,EAAC;AACpC,EAAA,MAAM,iBAAA,uBAAwB,GAAA,EAAkD;AAEhF,EAAA,KAAA,MAAW,IAAA,IAAQ,MAAM,KAAA,EAAO;AAC5B,IAAA,IAAI,IAAA,CAAK,SAAS,MAAA,EAAQ;AACtB,MAAA,SAAA,CAAU,IAAA,CAAK;AAAA,QACX,IAAI,IAAA,CAAK,EAAA;AAAA,QACT,aAAa,IAAA,CAAK,EAAA;AAAA,QAClB,MAAM,IAAA,CAAK,IAAA;AAAA,QACX,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,IAAA,EAAM;AAAA,OACT,CAAA;AACD,MAAA;AAAA,IACJ;AAEA,IAAA,MAAM,QAAA,GAAW,WAAA,CAAY,GAAA,CAAI,IAAA,CAAK,EAAE,CAAA;AACxC,IAAA,MAAM,QAAA,GAAW,aAAA,CAAc,GAAA,CAAI,IAAA,CAAK,EAAE,CAAA;AAC1C,IAAA,MAAM,YAAkD,EAAC;AAEzD,IAAA,IAAI,QAAA,EAAU;AACV,MAAA,MAAM,SAAS,QAAA,GAAW,CAAA,EAAG,IAAA,CAAK,EAAE,SAAS,IAAA,CAAK,EAAA;AAClD,MAAA,SAAA,CAAU,MAAA,GAAS,MAAA;AACnB,MAAA,SAAA,CAAU,IAAA,CAAK;AAAA,QACX,EAAA,EAAI,MAAA;AAAA,QACJ,aAAa,IAAA,CAAK,EAAA;AAAA,QAClB,MAAM,IAAA,CAAK,IAAA;AAAA,QACX,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,IAAA,EAAM;AAAA,OACT,CAAA;AAAA,IACL;AAEA,IAAA,IAAI,QAAA,EAAU;AACV,MAAA,MAAM,SAAS,QAAA,GAAW,CAAA,EAAG,IAAA,CAAK,EAAE,SAAS,IAAA,CAAK,EAAA;AAClD,MAAA,SAAA,CAAU,MAAA,GAAS,MAAA;AACnB,MAAA,SAAA,CAAU,IAAA,CAAK;AAAA,QACX,EAAA,EAAI,MAAA;AAAA,QACJ,aAAa,IAAA,CAAK,EAAA;AAAA,QAClB,MAAM,IAAA,CAAK,IAAA;AAAA,QACX,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,IAAA,EAAM;AAAA,OACT,CAAA;AAAA,IACL;AAEA,IAAA,iBAAA,CAAkB,GAAA,CAAI,IAAA,CAAK,EAAA,EAAI,SAAS,CAAA;AAAA,EAC5C;AAEA,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACxC,IAAA,IAAI,IAAA,CAAK,eAAe,MAAA,EAAQ;AAC5B,MAAA,MAAMA,UAAAA,GAAY,iBAAA,CAAkB,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AACnD,MAAA,OAAO,EAAE,GAAG,IAAA,EAAM,QAAQA,UAAAA,EAAW,MAAA,IAAU,KAAK,MAAA,EAAO;AAAA,IAC/D;AACA,IAAA,MAAM,SAAA,GAAY,iBAAA,CAAkB,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AACnD,IAAA,OAAO,EAAE,GAAG,IAAA,EAAM,QAAQ,SAAA,EAAW,MAAA,IAAU,KAAK,MAAA,EAAO;AAAA,EAC/D,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAChD;AAMO,SAAS,kBAAA,CACZ,WACA,SAAA,EAC8B;AAC9B,EAAA,MAAM,SAAA,uBAAgB,GAAA,EAA+B;AAErD,EAAA,MAAM,QAAA,uBAAe,GAAA,EAAoB;AACzC,EAAA,SAAA,CACK,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,IAAA,KAAS,MAAM,CAAA,CACrC,OAAA,CAAQ,CAAC,IAAA,EAAM,KAAA,KAAU;AACtB,IAAA,QAAA,CAAS,GAAA,CAAI,IAAA,CAAK,EAAA,EAAI,KAAK,CAAA;AAC3B,IAAA,SAAA,CAAU,GAAA,CAAI,IAAA,CAAK,EAAA,EAAI,EAAE,CAAA,EAAG,aAAa,IAAA,EAAM,CAAA,EAAG,KAAA,GAAQ,WAAA,EAAa,CAAA;AAAA,EAC3E,CAAC,CAAA;AAEL,EAAA,MAAM,kBAAA,uBAAyB,GAAA,EAAyB;AACxD,EAAA,MAAM,OAAA,GAAU,CAAC,MAAA,EAAgB,IAAA,KAAiB;AAC9C,IAAA,MAAM,QAAQ,kBAAA,CAAmB,GAAA,CAAI,MAAM,CAAA,wBAAS,GAAA,EAAY;AAChE,IAAA,KAAA,CAAM,IAAI,IAAI,CAAA;AACd,IAAA,kBAAA,CAAmB,GAAA,CAAI,QAAQ,KAAK,CAAA;AAAA,EACxC,CAAA;AAEA,EAAA,KAAA,MAAW,QAAQ,SAAA,EAAW;AAC1B,IAAA,MAAM,UAAA,GAAa,QAAA,CAAS,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AAC3C,IAAA,MAAM,UAAA,GAAa,QAAA,CAAS,GAAA,CAAI,IAAA,CAAK,MAAM,CAAA;AAC3C,IAAA,IAAI,UAAA,KAAe,MAAA,IAAa,UAAA,KAAe,MAAA,EAAW;AACtD,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAQ,UAAU,CAAA;AAAA,IACnC;AACA,IAAA,IAAI,UAAA,KAAe,MAAA,IAAa,UAAA,KAAe,MAAA,EAAW;AACtD,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAQ,UAAU,CAAA;AAAA,IACnC;AAAA,EACJ;AAEA,EAAA,MAAM,YAAA,uBAAmB,GAAA,EAAoB;AAC7C,EAAA,KAAA,MAAW,QAAQ,SAAA,EAAW;AAC1B,IAAA,IAAI,IAAA,CAAK,SAAS,MAAA,EAAQ;AACtB,MAAA;AAAA,IACJ;AACA,IAAA,MAAM,KAAA,GAAQ,kBAAA,CAAmB,GAAA,CAAI,IAAA,CAAK,EAAE,CAAA;AAC5C,IAAA,MAAM,IAAA,GAAO,KAAA,IAAS,KAAA,CAAM,IAAA,GAAO,CAAA,GAAI,OAAO,CAAC,GAAG,KAAK,CAAC,CAAA,GAAI,CAAA;AAC5D,IAAA,MAAM,MAAA,GAAS,UAAU,IAAI,CAAA;AAC7B,IAAA,MAAM,SAAA,GAAY,GAAG,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA,EAAI,MAAA,CAAO,IAAI,CAAC,CAAA,CAAA;AACnD,IAAA,MAAM,aAAA,GAAgB,YAAA,CAAa,GAAA,CAAI,SAAS,CAAA,IAAK,CAAA;AACrD,IAAA,YAAA,CAAa,GAAA,CAAI,SAAA,EAAW,aAAA,GAAgB,CAAC,CAAA;AAC7C,IAAA,SAAA,CAAU,GAAA,CAAI,KAAK,EAAA,EAAI;AAAA,MACnB,CAAA,EAAG,MAAA;AAAA,MACH,CAAA,EAAG,IAAA,GAAO,WAAA,GAAc,aAAA,CAAc,aAAa;AAAA,KACtD,CAAA;AAAA,EACL;AAEA,EAAA,OAAO,SAAA;AACX;AAGO,MAAM,YAAA,GAAe;AAAA,EACxB,OAAO,YAAA,CAAa,MAAA;AAAA,EACpB,MAAM,YAAA,CAAa,IAAA;AAAA,EACnB,SAAS,YAAA,CAAa,MAAA;AAAA,EACtB,QAAA,EAAU;AACd","file":"graphLayout.js","sourcesContent":["import type { GraphEdge, GraphNodeKind, RuleDependencyGraph } from './buildGraph.js';\n\nexport type GraphNodePosition = { x: number; y: number };\n\nexport type FlowGraphRole = 'source' | 'rule' | 'target';\n\n/** A single visual node in the React Flow canvas (may differ from the semantic graph node). */\nexport type FlowGraphNode = {\n    id: string;\n    graphNodeId: string;\n    kind: GraphNodeKind;\n    label: string;\n    role: FlowGraphRole;\n};\n\nexport type PreparedFlowGraph = {\n    nodes: FlowGraphNode[];\n    edges: GraphEdge[];\n};\n\n/** Column x-coordinates by node role. Effect targets always sit to the right of rules. */\nexport const ROLE_COLUMNS: Record<FlowGraphRole, number> = {\n    source: 0,\n    rule: 280,\n    target: 560,\n};\n\n/** Feedback targets get an extra column so they never overlap sections/field targets. */\nexport const FEEDBACK_COLUMN = 720;\n\n/** Vertical distance between rule lanes. */\nexport const LANE_HEIGHT = 104;\n\n/** Vertical spread applied to nodes that land in the same column and lane. */\nconst STAGGER = 24;\n\nfunction median(values: number[]): number {\n    const sorted = [...values].sort((a, b) => a - b);\n    const mid = Math.floor(sorted.length / 2);\n    return sorted.length % 2 === 0 ? (sorted[mid - 1] + sorted[mid]) / 2 : sorted[mid];\n}\n\n/** Centered spread: 0, +24, -24, +48, -48, … so a bucket fans out around its lane. */\nfunction staggerOffset(indexInBucket: number): number {\n    if (indexInBucket === 0) {\n        return 0;\n    }\n    const magnitude = Math.ceil(indexInBucket / 2) * STAGGER;\n    return indexInBucket % 2 === 1 ? magnitude : -magnitude;\n}\n\nfunction columnFor(node: FlowGraphNode): number {\n    if (node.role === 'target' && node.kind === 'feedback') {\n        return FEEDBACK_COLUMN;\n    }\n    return ROLE_COLUMNS[node.role];\n}\n\n/**\n * Expands the semantic graph into flow nodes so every edge runs left → right.\n * Fields that are both read sources and effect targets are split into `@src` /\n * `@tgt` copies at the source and target columns respectively.\n */\nexport function prepareFlowGraph(graph: RuleDependencyGraph): PreparedFlowGraph {\n    const readSources = new Set<string>();\n    const effectTargets = new Set<string>();\n\n    for (const edge of graph.edges) {\n        if (edge.effectType === 'read') {\n            readSources.add(edge.source);\n        } else {\n            effectTargets.add(edge.target);\n        }\n    }\n\n    const flowNodes: FlowGraphNode[] = [];\n    const endpointByGraphId = new Map<string, { source?: string; target?: string }>();\n\n    for (const node of graph.nodes) {\n        if (node.kind === 'rule') {\n            flowNodes.push({\n                id: node.id,\n                graphNodeId: node.id,\n                kind: node.kind,\n                label: node.label,\n                role: 'rule',\n            });\n            continue;\n        }\n\n        const isSource = readSources.has(node.id);\n        const isTarget = effectTargets.has(node.id);\n        const endpoints: { source?: string; target?: string } = {};\n\n        if (isSource) {\n            const flowId = isTarget ? `${node.id}@src` : node.id;\n            endpoints.source = flowId;\n            flowNodes.push({\n                id: flowId,\n                graphNodeId: node.id,\n                kind: node.kind,\n                label: node.label,\n                role: 'source',\n            });\n        }\n\n        if (isTarget) {\n            const flowId = isSource ? `${node.id}@tgt` : node.id;\n            endpoints.target = flowId;\n            flowNodes.push({\n                id: flowId,\n                graphNodeId: node.id,\n                kind: node.kind,\n                label: node.label,\n                role: 'target',\n            });\n        }\n\n        endpointByGraphId.set(node.id, endpoints);\n    }\n\n    const flowEdges = graph.edges.map((edge) => {\n        if (edge.effectType === 'read') {\n            const endpoints = endpointByGraphId.get(edge.source);\n            return { ...edge, source: endpoints?.source ?? edge.source };\n        }\n        const endpoints = endpointByGraphId.get(edge.target);\n        return { ...edge, target: endpoints?.target ?? edge.target };\n    });\n\n    return { nodes: flowNodes, edges: flowEdges };\n}\n\n/**\n * Rule-centric lane layout on flow nodes. Each rule owns one horizontal lane;\n * sources sit left, targets right, so every edge flows in the same direction.\n */\nexport function computeGraphLayout(\n    flowNodes: FlowGraphNode[],\n    flowEdges: GraphEdge[]\n): Map<string, GraphNodePosition> {\n    const positions = new Map<string, GraphNodePosition>();\n\n    const ruleLane = new Map<string, number>();\n    flowNodes\n        .filter((node) => node.role === 'rule')\n        .forEach((node, index) => {\n            ruleLane.set(node.id, index);\n            positions.set(node.id, { x: ROLE_COLUMNS.rule, y: index * LANE_HEIGHT });\n        });\n\n    const connectedRuleLanes = new Map<string, Set<number>>();\n    const addLane = (nodeId: string, lane: number) => {\n        const lanes = connectedRuleLanes.get(nodeId) ?? new Set<number>();\n        lanes.add(lane);\n        connectedRuleLanes.set(nodeId, lanes);\n    };\n\n    for (const edge of flowEdges) {\n        const sourceLane = ruleLane.get(edge.source);\n        const targetLane = ruleLane.get(edge.target);\n        if (targetLane !== undefined && sourceLane === undefined) {\n            addLane(edge.source, targetLane);\n        }\n        if (sourceLane !== undefined && targetLane === undefined) {\n            addLane(edge.target, sourceLane);\n        }\n    }\n\n    const bucketCounts = new Map<string, number>();\n    for (const node of flowNodes) {\n        if (node.role === 'rule') {\n            continue;\n        }\n        const lanes = connectedRuleLanes.get(node.id);\n        const lane = lanes && lanes.size > 0 ? median([...lanes]) : 0;\n        const column = columnFor(node);\n        const bucketKey = `${String(column)}:${String(lane)}`;\n        const indexInBucket = bucketCounts.get(bucketKey) ?? 0;\n        bucketCounts.set(bucketKey, indexInBucket + 1);\n        positions.set(node.id, {\n            x: column,\n            y: lane * LANE_HEIGHT + staggerOffset(indexInBucket),\n        });\n    }\n\n    return positions;\n}\n\n/** @deprecated Use ROLE_COLUMNS.source */\nexport const KIND_COLUMNS = {\n    field: ROLE_COLUMNS.source,\n    rule: ROLE_COLUMNS.rule,\n    section: ROLE_COLUMNS.target,\n    feedback: FEEDBACK_COLUMN,\n} as const;\n"]}

package/dist/graphNodeStyles.d.ts

@@ -0,0 +1,9 @@
+import { GraphNode } from './buildGraph.js';
+import '@nnkogift/dhis2-form-utils-hooks';
+import './createLabelLookup.js';
+import '@nnkogift/dhis2-form-utils-metadata';
+
+declare function getGraphNodeClassName(kind: GraphNode['kind'], highlighted: boolean): string;
+declare function getLegendSwatchClassName(kind: GraphNode['kind']): string;
+
+export { getGraphNodeClassName, getLegendSwatchClassName };

package/dist/graphNodeStyles.js

@@ -0,0 +1,22 @@
+const GRAPH_NODE_CLASSES = {
+  field: "border-dhis2-blue-500",
+  rule: "border-dhis2-teal-600 bg-dhis2-teal-050",
+  section: "border-dhis2-grey-600",
+  feedback: "border-dhis2-purple-500"
+};
+const LEGEND_SWATCH_CLASSES = {
+  field: "bg-dhis2-blue-500",
+  rule: "bg-dhis2-teal-600",
+  section: "bg-dhis2-grey-600",
+  feedback: "bg-dhis2-purple-500"
+};
+function getGraphNodeClassName(kind, highlighted) {
+  return `p-dp8 rounded border bg-white min-w-28 max-w-[180px] text-xs shadow-[0_1px_2px_rgb(0_0_0/6%)] transition-opacity duration-150 ease-out cursor-grab active:cursor-grabbing ${GRAPH_NODE_CLASSES[kind]} ${highlighted ? "" : "opacity-35"}`;
+}
+function getLegendSwatchClassName(kind) {
+  return `size-2.5 shrink-0 rounded-sm ${LEGEND_SWATCH_CLASSES[kind]}`;
+}
+
+export { getGraphNodeClassName, getLegendSwatchClassName };
+//# sourceMappingURL=graphNodeStyles.js.map
+//# sourceMappingURL=graphNodeStyles.js.map

package/dist/graphNodeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graphNodeStyles.ts"],"names":[],"mappings":"AAEA,MAAM,kBAAA,GAAwD;AAAA,EAC1D,KAAA,EAAO,uBAAA;AAAA,EACP,IAAA,EAAM,yCAAA;AAAA,EACN,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,MAAM,qBAAA,GAA2D;AAAA,EAC7D,KAAA,EAAO,mBAAA;AAAA,EACP,IAAA,EAAM,mBAAA;AAAA,EACN,OAAA,EAAS,mBAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEO,SAAS,qBAAA,CAAsB,MAAyB,WAAA,EAA8B;AACzF,EAAA,OAAO,6KAA6K,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA,EACxM,WAAA,GAAc,KAAK,YACvB,CAAA,CAAA;AACJ;AAEO,SAAS,yBAAyB,IAAA,EAAiC;AACtE,EAAA,OAAO,CAAA,6BAAA,EAAgC,qBAAA,CAAsB,IAAI,CAAC,CAAA,CAAA;AACtE","file":"graphNodeStyles.js","sourcesContent":["import type { GraphNode } from './buildGraph.js';\n\nconst GRAPH_NODE_CLASSES: Record<GraphNode['kind'], string> = {\n    field: 'border-dhis2-blue-500',\n    rule: 'border-dhis2-teal-600 bg-dhis2-teal-050',\n    section: 'border-dhis2-grey-600',\n    feedback: 'border-dhis2-purple-500',\n};\n\nconst LEGEND_SWATCH_CLASSES: Record<GraphNode['kind'], string> = {\n    field: 'bg-dhis2-blue-500',\n    rule: 'bg-dhis2-teal-600',\n    section: 'bg-dhis2-grey-600',\n    feedback: 'bg-dhis2-purple-500',\n};\n\nexport function getGraphNodeClassName(kind: GraphNode['kind'], highlighted: boolean): string {\n    return `p-dp8 rounded border bg-white min-w-28 max-w-[180px] text-xs shadow-[0_1px_2px_rgb(0_0_0/6%)] transition-opacity duration-150 ease-out cursor-grab active:cursor-grabbing ${GRAPH_NODE_CLASSES[kind]} ${\n        highlighted ? '' : 'opacity-35'\n    }`;\n}\n\nexport function getLegendSwatchClassName(kind: GraphNode['kind']): string {\n    return `size-2.5 shrink-0 rounded-sm ${LEGEND_SWATCH_CLASSES[kind]}`;\n}\n"]}

package/dist/i18n.d.ts

@@ -0,0 +1,4 @@
+type TranslateVariables = Record<string, string | number>;
+declare function translate(message: string, variables?: TranslateVariables): string;
+
+export { translate };

package/dist/i18n.js

@@ -0,0 +1,9 @@
+import i18n from '@dhis2/d2-i18n';
+
+function translate(message, variables) {
+  return String(i18n.t(message, variables));
+}
+
+export { translate };
+//# sourceMappingURL=i18n.js.map
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n.ts"],"names":[],"mappings":";;AAIO,SAAS,SAAA,CAAU,SAAiB,SAAA,EAAwC;AAC/E,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,CAAA,CAAE,OAAA,EAAS,SAAS,CAAC,CAAA;AAC5C","file":"i18n.js","sourcesContent":["import i18n from '@dhis2/d2-i18n';\n\ntype TranslateVariables = Record<string, string | number>;\n\nexport function translate(message: string, variables?: TranslateVariables): string {\n    return String(i18n.t(message, variables));\n}\n"]}