react-pert 1.0.0-beta.1 → 1.0.0

package/dist/index.js

@@ -1,165 +1,168 @@
-var k = Object.defineProperty;
-var f = (l, e, s) => e in l ? k(l, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[e] = s;
-var n = (l, e, s) => f(l, typeof e != "symbol" ? e + "" : e, s);
-import { jsx as p, Fragment as v } from "react/jsx-runtime";
-import { createContext as P, useState as T, useContext as y, useEffect as u } from "react";
-const d = () => Math.random().toString(36).substring(7);
-let g = class {
-  constructor(e) {
-    n(this, "levels");
-    n(this, "tasksMap");
-    n(this, "initialData");
-    n(this, "links");
-    n(this, "criticalPaths");
-    n(this, "tasks");
-    n(this, "lastTaskKey");
-    n(this, "startTaskKey");
-    this.initialData = e, this.tasksMap = /* @__PURE__ */ new Map(), this.lastTaskKey = `Finish-${d()}`, this.startTaskKey = `Start-${d()}`, this.levels = {}, this.links = [], this.criticalPaths = [], this.tasks = [];
+import './main.css';var J = Object.defineProperty;
+var W = (r, t, s) => t in r ? J(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
+var x = (r, t, s) => W(r, typeof t != "symbol" ? t + "" : t, s);
+import { jsx as h, jsxs as L, Fragment as Z } from "react/jsx-runtime";
+import b, { createContext as j, useContext as C, useState as D, useCallback as F, useMemo as P, useRef as K, useEffect as q } from "react";
+const N = () => Math.random().toString(36).substring(7);
+let G = class {
+  constructor(t) {
+    x(this, "levels");
+    x(this, "tasksMap");
+    x(this, "initialData");
+    x(this, "links");
+    x(this, "criticalPaths");
+    x(this, "lastTaskKey");
+    x(this, "startTaskKey");
+    x(this, "projectDuration");
+    this.initialData = t, this.tasksMap = /* @__PURE__ */ new Map(), this.lastTaskKey = `Finish-${N()}`, this.startTaskKey = `Start-${N()}`, this.links = [], this.criticalPaths = [], this.levels = /* @__PURE__ */ new Map(), this.projectDuration = 0;
   }
   convertDataToMap() {
     this.tasksMap = /* @__PURE__ */ new Map(), this.tasksMap.set(this.startTaskKey, {
       key: this.startTaskKey,
       duration: 0,
       text: "Start"
-    }), this.initialData.forEach((e, s) => {
-      if (this.tasksMap.has(e.key)) throw Error(`Duplicate keys found ${e.key}`);
+    }), this.initialData.forEach((t, s) => {
+      if (this.tasksMap.has(t.key)) throw Error(`Duplicate keys found ${t.key}`);
       this.tasksMap.set(
-        e.key,
-        !e.dependsOn || e.dependsOn.length === 0 ? { ...e, dependsOn: [this.startTaskKey], index: s } : { ...e, index: s }
+        t.key,
+        !t.dependsOn || t.dependsOn.length === 0 ? { ...t, dependsOn: [this.startTaskKey], index: s } : { ...t, index: s }
       );
     });
   }
   calculatePERT() {
-    this.convertDataToMap(), this.calcLevels();
-    let e = Object.keys(this.levels).map((t) => parseInt(t));
-    e.forEach((t) => {
-      this.levels[t].forEach((a) => {
-        this.calculateEarlyTimes(a);
+    this.convertDataToMap(), this.calcLevels(), this.levels.forEach((s) => {
+      s.forEach((e) => {
+        this.calculateEarlyTimes(e);
       });
     });
-    let s = Array.from(this.tasksMap.values()).reduce(
-      (t, a) => t.earlyFinish > a.earlyFinish ? t : a
+    let t = Array.from(this.tasksMap.values()).reduce(
+      (s, e) => s.earlyFinish > e.earlyFinish ? s : e
     );
-    s.lateFinish = s.earlyFinish, s.critical = !0, this.tasksMap.set(this.lastTaskKey, {
+    t.lateFinish = t.earlyFinish, t.critical = !0, this.tasksMap.set(this.lastTaskKey, {
       key: this.lastTaskKey,
       text: "Finish",
-      dependsOn: [s.key],
+      dependsOn: [t.key],
       duration: 0,
-      earlyStart: s.earlyFinish,
-      earlyFinish: s.earlyFinish,
-      lateFinish: s.earlyFinish,
-      lateStart: s.earlyFinish,
-      level: e.length,
+      earlyStart: t.earlyFinish,
+      earlyFinish: t.earlyFinish,
+      lateFinish: t.earlyFinish,
+      lateStart: t.earlyFinish,
+      level: this.levels.size,
       critical: !0,
       freeFloat: 0,
       totalFloat: 0,
       index: this.tasksMap.size - 1
-    }), this.levels[e.length] = [this.lastTaskKey];
-    for (let t = e.length - 1; t >= 0; t--)
-      this.levels[e[t]].forEach((a) => {
-        this.calculateLateTimes(a, s.lateFinish);
+    }), this.levels.set(this.levels.size, [this.lastTaskKey]), this.projectDuration = t.lateFinish;
+    for (const [, s] of [...this.levels.entries()].reverse())
+      s.forEach((e) => {
+        this.calculateLateTimes(e, t.lateFinish);
       });
-    e.forEach((t) => {
-      this.levels[t] = this.levels[t].sort(
-        (a, i) => this.tasksMap.get(a).index - this.tasksMap.get(i).index
+    this.levels.forEach((s, e) => {
+      this.levels.set(
+        e,
+        s.sort((n, i) => this.tasksMap.get(n).index - this.tasksMap.get(i).index)
       );
-    }), this.tasks = Array.from(this.tasksMap.values());
+    });
   }
-  getSuccessors(e) {
+  getSuccessors(t) {
     return Array.from(this.tasksMap.values()).filter(
-      (s) => s.dependsOn && s.dependsOn.includes(e.key)
+      (s) => s.dependsOn && s.dependsOn.includes(t.key)
     );
   }
-  calculateEarlyTimes(e) {
-    const s = this.tasksMap.get(e);
+  calculateEarlyTimes(t) {
+    const s = this.tasksMap.get(t);
     if (!s.dependsOn)
       s.earlyStart = 0;
     else {
-      let t = 0;
-      s.dependsOn.forEach((a) => {
-        const i = this.tasksMap.get(a);
-        t = Math.max(
-          t,
+      let e = 0;
+      s.dependsOn.forEach((n) => {
+        const i = this.tasksMap.get(n);
+        e = Math.max(
+          e,
           i.earlyStart + i.duration
         );
-      }), s.earlyStart = t;
+      }), s.earlyStart = e;
     }
     s.earlyFinish = s.earlyStart + s.duration;
   }
-  calculateLateTimes(e, s) {
-    const t = this.tasksMap.get(e), a = this.getSuccessors(t);
-    let i = a.length === 0 ? s : Math.min(...a.map((r) => r.lateFinish - r.duration));
-    t.lateFinish = i, t.lateStart = t.lateFinish - t.duration, t.critical = t.earlyFinish === t.lateFinish, t.critical ? (t.freeFloat = 0, t.totalFloat = 0) : (t.freeFloat = (a.length === 0 ? s : Math.min(...a.map((r) => r.earlyStart))) - t.earlyFinish, t.totalFloat = t.lateFinish - t.earlyFinish);
+  calculateLateTimes(t, s) {
+    var o;
+    const e = this.tasksMap.get(t), n = this.getSuccessors(e);
+    n.length === 0 && ((o = this.tasksMap.get(this.lastTaskKey).dependsOn) == null || o.push(t));
+    let i = n.length === 0 ? s : Math.min(...n.map((l) => l.lateFinish - l.duration));
+    e.lateFinish = i, e.lateStart = e.lateFinish - e.duration, e.critical = e.earlyFinish === e.lateFinish, e.critical ? (e.freeFloat = 0, e.totalFloat = 0) : (e.freeFloat = (n.length === 0 ? s : Math.min(...n.map((l) => l.earlyStart))) - e.earlyFinish, e.totalFloat = e.lateFinish - e.earlyFinish);
   }
   calcLevels() {
-    this.levels = {};
-    let e = [];
-    const s = (t) => {
-      if (e.includes(t.key))
+    this.levels.clear();
+    let t = [];
+    const s = (e) => {
+      if (t.includes(e.key))
         throw new Error("Circular dependency detected");
-      if (!t.dependsOn || t.dependsOn.length === 0)
-        t.level = 0;
+      if (!e.dependsOn || e.dependsOn.length === 0)
+        e.level = 0;
       else {
-        let a = 0;
-        t.dependsOn.forEach((i) => {
-          const r = this.tasksMap.get(i);
-          if (!r)
-            throw new Error(`Task with KEY '${i}' was not found.`);
-          r.level === void 0 && (e.push(t.key), s(r)), a = Math.max(a, r.level + 1);
-        }), t.level = a;
+        let i = 0;
+        e.dependsOn.forEach((o) => {
+          const l = this.tasksMap.get(o);
+          if (!l)
+            throw new Error(`Task with KEY '${o}' was not found.`);
+          l.level === void 0 && (t.push(e.key), s(l)), i = Math.max(i, l.level + 1);
+        }), e.level = i;
       }
-      this.levels[t.level] || (this.levels[t.level] = []), this.levels[t.level].includes(t.key) || this.levels[t.level].push(t.key);
+      this.levels.has(e.level) || this.levels.set(e.level, []);
+      const n = this.levels.get(e.level);
+      n.includes(e.key) || n.push(e.key);
     };
-    this.tasksMap.forEach((t) => {
-      e = [], s(t);
+    this.tasksMap.forEach((e) => {
+      e.level === void 0 && (t = [], s(e));
     });
   }
   calcNodeLinks() {
-    const e = [], s = [];
-    this.tasksMap.forEach((t, a) => {
-      t.dependsOn ? t.dependsOn.forEach((i) => {
-        s.push(i), e.push({
+    const t = [], s = [];
+    this.tasksMap.forEach((e, n) => {
+      e.dependsOn ? e.dependsOn.forEach((i) => {
+        s.push(i), t.push({
           from: i,
-          to: t.key,
-          critical: t.critical && this.tasksMap.get(i).critical
+          to: e.key,
+          critical: e.critical && this.tasksMap.get(i).critical
         });
-      }) : a !== this.startTaskKey && e.push({
+      }) : n !== this.startTaskKey && t.push({
         from: this.startTaskKey,
-        to: t.key,
-        critical: t.critical
+        to: e.key,
+        critical: e.critical
       });
-    }), this.tasksMap.forEach((t) => {
-      !s.includes(t.key) && t.key !== this.lastTaskKey && e.push({
-        from: t.key,
+    }), this.tasksMap.forEach((e) => {
+      !s.includes(e.key) && e.key !== this.lastTaskKey && t.push({
+        from: e.key,
         to: this.lastTaskKey,
-        critical: t.critical
+        critical: e.critical
       });
-    }), this.links = e;
+    }), this.links = t;
   }
   calcCriticalPaths() {
     this.calcNodeLinks();
-    const e = [];
+    const t = [];
     this.links.filter(
-      (t) => t.critical && t.from === this.startTaskKey && t.to !== this.lastTaskKey
-    ).forEach((t) => {
-      const a = [t], i = (r) => {
-        const o = this.links.filter(
-          (h) => h.critical && h.from === r.to && h.to !== this.lastTaskKey
+      (e) => e.critical && e.from === this.startTaskKey && e.to !== this.lastTaskKey
+    ).forEach((e) => {
+      const n = [e], i = (o) => {
+        const l = this.links.filter(
+          (a) => a.critical && a.from === o.to && a.to !== this.lastTaskKey
         );
-        o.length === 0 ? e.push(
-          a.map((h) => ({
-            text: this.tasksMap.get(h.to).text,
-            key: h.to
+        l.length === 0 ? t.push(
+          n.map((a) => ({
+            text: this.tasksMap.get(a.to).text,
+            key: a.to
           }))
-        ) : o.forEach((h) => {
-          a.push(h), i(h), a.pop();
+        ) : l.forEach((a) => {
+          n.push(a), i(a), n.pop();
         });
       };
-      i(t);
-    }), this.criticalPaths = e;
+      i(e);
+    }), this.criticalPaths = t;
   }
   getTasks() {
-    return this.calculatePERT(), this.tasks;
+    return this.calculatePERT(), this.tasksMap;
   }
   getCriticalPaths() {
     return this.criticalPaths.length === 0 && this.calcCriticalPaths(), this.criticalPaths;
@@ -170,47 +173,494 @@ let g = class {
   getNodeLinks() {
     return this.links;
   }
+  getProjectDuration() {
+    return this.projectDuration;
+  }
   solve() {
     return {
       tasks: this.getTasks(),
       levels: this.getLevels(),
       criticalPaths: this.getCriticalPaths(),
-      links: this.getNodeLinks()
+      links: this.getNodeLinks(),
+      projectDuration: this.getProjectDuration()
     };
   }
 };
-const M = {
-  tasks: [],
-  levels: {},
+const I = {
+  tasks: /* @__PURE__ */ new Map(),
+  levels: /* @__PURE__ */ new Map(),
   links: [],
-  criticalPaths: []
-}, c = P(null), w = ({ children: l }) => {
-  const [e, s] = T(M), t = (a) => {
-    const i = new g(a).solve();
-    s(i);
-  };
-  return /* @__PURE__ */ p(c.Provider, { value: { pertData: e, calculatePertResults: t }, children: l });
-}, S = () => {
-  const l = y(c);
-  if (!l)
+  criticalPaths: [],
+  projectDuration: 0
+}, A = j(null), B = j(null), U = (r) => ({ children: t }) => {
+  const [s, e] = D(I), [n, i] = D(null), o = F((l) => {
+    try {
+      const a = new G(l).solve();
+      e(a), i(null);
+    } catch (a) {
+      console.error(a), e(I), i(a.message);
+    }
+  }, []);
+  return /* @__PURE__ */ h(
+    r.Provider,
+    {
+      value: {
+        pertData: s,
+        calculatePertResults: o,
+        error: n
+      },
+      children: t
+    }
+  );
+}, Ft = U(A), Q = U(B), Lt = (r = { bounds: !0 }) => {
+  const t = C(A);
+  if (!t)
     throw new Error("usePertData must be used within a PertProvider");
-  return l.pertData;
-}, m = () => {
-  const l = y(c);
-  if (!l)
-    throw new Error("usePertContext must be used within a PertProvider");
-  return l;
+  const s = Array.from(t.pertData.tasks.values()), e = r != null && r.bounds ? s.slice(1, -1).map((n) => {
+    var i;
+    return {
+      ...n,
+      dependsOn: (i = n.dependsOn) != null && i.includes(s[0].key) ? [] : n.dependsOn
+    };
+  }) : s;
+  return {
+    ...t.pertData,
+    tasks: e,
+    error: t.error,
+    projectDuration: t.pertData.projectDuration
+  };
+}, Y = () => {
+  const r = C(A);
+  if (!r) {
+    const t = C(B);
+    if (!t)
+      throw new Error(
+        "usePertData must be used within a PertProvider or InternalPertProvider"
+      );
+    return t;
+  }
+  return r;
+}, z = "_arrows_62ntr_1", tt = "_arrow_62ntr_1", et = "_critical_62ntr_8", st = "_onHover_62ntr_13", rt = "_onSelect_62ntr_17", nt = "_hover_62ntr_24", it = "_visible_62ntr_25", $ = {
+  arrows: z,
+  arrow: tt,
+  critical: et,
+  onHover: st,
+  onSelect: rt,
+  hover: nt,
+  visible: it
+}, lt = ({
+  arrows: r,
+  taskSize: t,
+  levels: s,
+  size: e,
+  gap: n,
+  tasks: i,
+  selectedTask: o,
+  hoveredTask: l,
+  arrowStyles: a
+}) => {
+  const c = (u, f) => o === u || o === f || l === u || l === f, y = (u, f = !1) => {
+    const d = i.get(u), v = d.level, k = s.get(v).findIndex((R) => R === u), m = s.get(v).length, p = m * t + (m - 1) * n.y, E = (e.height - p) / 2 + t / 2, w = v * (t + n.x) + (f ? t * (3 / 2) : t / 2), T = k * (t + n.y) + E;
+    return { x: w, y: T, level: v, task: d };
+  }, g = `${$.arrows} ${o ? $.onSelect : ""} ${l ? $.onHover : ""}`;
+  return /* @__PURE__ */ h("g", { className: g, children: r.map((u, f) => {
+    const {
+      x: d,
+      y: v,
+      level: k,
+      task: m
+    } = y(u.from, !0), {
+      x: p,
+      y: E,
+      level: w,
+      task: T
+    } = y(u.to), R = `${$.arrow} ${c(m.key, T.key) ? $.visible : ""} ${u.critical ? $.critical : ""}`;
+    return /* @__PURE__ */ h(
+      "path",
+      {
+        className: R,
+        d: `M ${d} ${v} C ${d + 20 * (w - k) + (p - d) / 1.2} ${v} ${d + 20 * (w - k) + (p - d) / 4} ${E} ${p} ${E}`,
+        style: a
+      },
+      f
+    );
+  }) });
+}, at = "_tasks_1slwh_1", ot = "_task_1slwh_1", ct = "_critical_1slwh_22", ht = "_selected_1slwh_35", dt = "_visible_1slwh_44", S = {
+  tasks: at,
+  task: ot,
+  critical: ct,
+  selected: ht,
+  visible: dt
+}, ut = ({ task: r, x: t, y: s, dimensions: e }) => {
+  const { halfRadius: n, twoThirdsRadius: i } = e;
+  return /* @__PURE__ */ L(Z, { children: [
+    /* @__PURE__ */ h("text", { x: t - n, y: s - i, fill: "black", children: r.earlyStart }),
+    /* @__PURE__ */ h("text", { x: t + n, y: s - i, fill: "black", children: r.earlyFinish }),
+    /* @__PURE__ */ h("text", { x: t - n, y: s + i, fill: "black", children: r.lateStart }),
+    /* @__PURE__ */ h("text", { x: t + n, y: s + i, fill: "black", children: r.lateFinish })
+  ] });
+}, ft = ({
+  task: r,
+  x: t,
+  y: s,
+  dimensions: e,
+  onHover: n,
+  onTaskClick: i,
+  isVisible: o,
+  isSelected: l,
+  taskStyles: a
+}) => {
+  const { radius: c } = e, y = P(
+    () => `
+    M ${t - c} ${s - c / 3}
+    L ${t + c} ${s - c / 3}
+    M ${t - c} ${s + c / 3}
+    L ${t + c} ${s + c / 3}
+    M ${t} ${s + c / 3}
+    L ${t} ${s + c}
+    M ${t} ${s - c}
+    L ${t} ${s - c / 3}
+  `,
+    [t, s, c]
+  );
+  return /* @__PURE__ */ L(
+    "g",
+    {
+      className: `${S.task} ${l ? S.selected : ""} ${o ? S.visible : ""} ${r.critical ? S.critical : ""}`,
+      onMouseEnter: () => n(r.key, !0),
+      onMouseLeave: () => n(r.key, !1),
+      onClick: () => i(r.key),
+      style: a,
+      children: [
+        /* @__PURE__ */ h(
+          "rect",
+          {
+            x: t - c,
+            y: s - c,
+            rx: "20",
+            ry: "20",
+            width: c * 2,
+            height: c * 2
+          }
+        ),
+        /* @__PURE__ */ h("text", { x: t, y: s, children: r.text }),
+        /* @__PURE__ */ h(ut, { task: r, x: t, y: s, dimensions: e }),
+        /* @__PURE__ */ h("path", { d: y, fill: "none" })
+      ]
+    }
+  );
+}, yt = b.memo(ft), vt = ({
+  level: r,
+  keyList: t,
+  tasks: s,
+  taskSize: e,
+  gap: n,
+  offset: i,
+  dimensions: o,
+  selectedTask: l,
+  onHover: a,
+  onTaskClick: c,
+  taskStyles: y
+}) => /* @__PURE__ */ h("g", { children: t.map((g, u) => {
+  var p, E, w;
+  const f = s.get(g);
+  if (!f) return null;
+  const d = r * e + e + n.x * r, v = u * (e + n.y) + i, k = !!(l && ((p = f.dependsOn) != null && p.includes(l) || (w = (E = s.get(l)) == null ? void 0 : E.dependsOn) != null && w.includes(f.key))), m = f.key === l;
+  return /* @__PURE__ */ h(
+    yt,
+    {
+      task: f,
+      x: d,
+      y: v,
+      dimensions: o,
+      onHover: a,
+      onTaskClick: c,
+      isSelected: m,
+      isVisible: k,
+      taskStyles: y
+    },
+    f.key
+  );
+}) }), kt = b.memo(vt), gt = ({
+  tasks: r,
+  levels: t,
+  taskSize: s,
+  size: e,
+  gap: n,
+  selectedTask: i,
+  setHoveredTask: o,
+  taskStyles: l
+}) => {
+  const a = P(
+    () => ({
+      radius: s / 2,
+      halfRadius: s / 4,
+      twoThirdsRadius: s / 6 * 2
+    }),
+    [s]
+  ), c = F(
+    (u, f) => {
+      o(f ? u : null);
+    },
+    [o]
+  ), y = F(
+    (u) => {
+      _t(i !== u ? u : null);
+    },
+    [i]
+  ), g = P(() => Array.from(t.entries()).map(([u, f]) => {
+    const d = f.length * s + (f.length - 1) * n.y, v = (e.height - d) / 2 + a.radius;
+    return /* @__PURE__ */ h(
+      kt,
+      {
+        level: u,
+        keyList: f,
+        tasks: r,
+        taskSize: s,
+        gap: n,
+        offset: v,
+        dimensions: a,
+        selectedTask: i,
+        onHover: c,
+        onTaskClick: y,
+        taskStyles: l
+      },
+      u
+    );
+  }), [
+    t,
+    r,
+    s,
+    n,
+    e.height,
+    a,
+    i,
+    c,
+    y,
+    l
+  ]);
+  return /* @__PURE__ */ h("g", { className: S.tasks, children: g });
+}, mt = b.memo(gt), pt = {
+  width: 300,
+  height: 200
+}, Tt = {
+  display: "block",
+  boxSizing: "border-box",
+  transition: "width 0.3s ease, height 0.3s ease"
+}, M = {
+  CRITICAL: "#ff9147",
+  TASK_BG: "#aaaeff",
+  CHART_BG: "#fff",
+  GRID: "#00000030",
+  TEXT: "#000",
+  SELECTED: "#6868ff",
+  STROKE: "#615f77"
+}, O = {
+  BORDER: 1,
+  HOVER_BORDER: 2,
+  SELECTED_BORDER: 3
 };
-function O({ tasks: l }) {
-  const { pertData: e, calculatePertResults: s } = m();
-  return u(() => {
-    s(l);
-  }, [l]), u(() => {
-    console.log("data", e);
-  }, [e]), /* @__PURE__ */ p(v, { children: "PertChart" });
+function Et({ size: r, taskSize: t, strokeColor: s }) {
+  const e = Math.ceil(r.height / t) + 1, n = Math.ceil(r.width / t) + 1, i = (o, l, a) => Array.from({ length: o }, (c, y) => {
+    const g = y * t;
+    return /* @__PURE__ */ h(
+      "line",
+      {
+        x1: l ? g : 0,
+        y1: l ? 0 : g,
+        x2: l ? g : a,
+        y2: l ? a : g,
+        style: {
+          stroke: s ?? M.GRID
+        }
+      },
+      y
+    );
+  });
+  return /* @__PURE__ */ L("g", { children: [
+    /* @__PURE__ */ h("g", { children: i(e, !1, r.width) }),
+    /* @__PURE__ */ h("g", { children: i(n, !0, r.height) })
+  ] });
 }
+const wt = ({
+  size: r,
+  pertData: t,
+  selectedTask: s,
+  setHoveredTask: e,
+  hoveredTask: n,
+  styles: {
+    fontSize: i,
+    taskSize: o,
+    gap: l,
+    disableGrid: a,
+    taskBackground: c,
+    selectedBorderColor: y,
+    borderColor: g,
+    criticalColor: u,
+    arrowColor: f,
+    arrowWidth: d,
+    chartBackground: v,
+    textColor: k,
+    fontFamily: m,
+    borderWidth: p,
+    hoverBorderWidth: E,
+    selectedBorderWidth: w,
+    gridColor: T
+  }
+}) => {
+  const R = {
+    "--task-bg": c ?? M.TASK_BG,
+    "--task-bg-critical": u ?? M.CRITICAL,
+    "--task-stroke-color": g ?? M.STROKE,
+    "--task-stroke-width": p ?? O.BORDER,
+    "--task-stroke-hover-width": E ?? O.HOVER_BORDER,
+    "--task-selected-stroke-width": w ?? O.SELECTED_BORDER,
+    "--task-selected-stroke-color": y ?? M.SELECTED,
+    "--task-text-color": k ?? M.TEXT,
+    "--task-font-family": m ?? "inherit"
+  }, X = {
+    "--arrow-stroke-color": f ?? M.STROKE,
+    "--arrow-critical-stroke-color": u ?? M.CRITICAL,
+    "--arrow-stroke-width": d ?? 2
+  }, V = {
+    ...Tt,
+    fontSize: i,
+    backgroundColor: v
+  };
+  return /* @__PURE__ */ h(
+    "svg",
+    {
+      width: r.width,
+      height: r.height,
+      viewBox: `0 0 ${r.width} ${r.height}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      style: V,
+      dominantBaseline: "central",
+      textAnchor: "middle",
+      children: /* @__PURE__ */ L("g", { className: "content", children: [
+        !a && /* @__PURE__ */ h(Et, { size: r, taskSize: o, strokeColor: T }),
+        /* @__PURE__ */ h(
+          lt,
+          {
+            gap: l,
+            arrows: t.links,
+            taskSize: o,
+            size: r,
+            levels: t.levels,
+            tasks: t.tasks,
+            selectedTask: s,
+            hoveredTask: n,
+            arrowStyles: X
+          }
+        ),
+        /* @__PURE__ */ h(
+          mt,
+          {
+            gap: l,
+            size: r,
+            taskSize: o,
+            tasks: t.tasks,
+            levels: t.levels,
+            selectedTask: s,
+            setHoveredTask: e,
+            taskStyles: R
+          }
+        )
+      ] })
+    }
+  );
+};
+function xt({ error: r }) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        fontSize: "1.5rem",
+        padding: "3rem"
+      },
+      children: r
+    }
+  );
+}
+const Mt = ({
+  taskSize: r,
+  gap: t
+}) => {
+  const { pertData: s } = Y();
+  return P(() => {
+    const e = Array.from(s.levels.values());
+    if (!e.length)
+      return { width: 0, height: 0 };
+    const n = Math.max(...e.map((i) => i.length));
+    return {
+      width: (e.length + 1) * r + (e.length - 1) * t.x,
+      height: (n + 1) * r + (n - 1) * t.y
+    };
+  }, [s.levels, r, t]);
+}, H = {
+  sm: "0.75rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "1.5rem",
+  "2xl": "1.75rem",
+  "3xl": "2rem",
+  default: "1rem",
+  min: "0.75rem",
+  max: "2rem"
+};
+let _ = null;
+const _t = (r) => {
+  if (_) {
+    if (!r)
+      _.setter(null);
+    else if (_.getTask) {
+      const t = _.getTask(r);
+      t && _.onSelect && _.onSelect(t), _.setter(r);
+    }
+  }
+}, $t = ({ tasks: r, onSelect: t, styles: s }) => {
+  const { pertData: e, calculatePertResults: n, error: i } = Y(), o = K(), [l, a] = D(null), [c, y] = D(null), g = (T) => e.tasks.get(T);
+  _ = { setter: K(a).current, getTask: g, onSelect: t }, q(() => {
+    const T = JSON.stringify(r);
+    o.current !== T && (n(r), o.current = T);
+  }, [r, n]);
+  const f = F((T) => {
+    y(T);
+  }, []), { gap: d, taskSize: v, fontSize: k } = s, m = Math.max(v ?? 100, 70), p = P(
+    () => ({
+      x: Math.max(m, (d == null ? void 0 : d.x) ?? 0),
+      y: Math.max(m, (d == null ? void 0 : d.y) ?? 0)
+    }),
+    [d == null ? void 0 : d.x, d == null ? void 0 : d.y, m]
+  ), E = Mt({ taskSize: m, gap: p }), w = P(() => k ? typeof k == "number" ? `${k}px` : H[k] || k : H.default, [k]);
+  return i ? /* @__PURE__ */ h(xt, { error: i }) : /* @__PURE__ */ h(
+    wt,
+    {
+      size: i ? pt : E,
+      pertData: e,
+      selectedTask: l,
+      hoveredTask: c,
+      setHoveredTask: f,
+      styles: { ...s, fontSize: w, taskSize: m, gap: p }
+    }
+  );
+}, Ot = ({ styles: r, ...t }) => /* @__PURE__ */ h(Q, { children: /* @__PURE__ */ h(
+  "div",
+  {
+    style: {
+      width: "fit-content",
+      height: "fit-content",
+      boxSizing: "border-box"
+    },
+    children: /* @__PURE__ */ h($t, { ...t, styles: r ?? {} })
+  }
+) });
 export {
-  O as Pert,
-  w as PertProvider,
-  S as usePertData
+  Ot as Pert,
+  Ft as PertProvider,
+  _t as setSelectedTask,
+  Lt as usePert
 };