sodas-validation-ui 0.7.0 → 0.8.0

package/dist/sodas-validation-ui.js

@@ -1,10 +1,10 @@
-import { jsx as a, jsxs as i, Fragment as x } from "react/jsx-runtime";
+import { jsx as a, jsxs as i, Fragment as S } from "react/jsx-runtime";
 import { useState as E, useCallback as D, useEffect as Z, useRef as B } from "react";
-import { Card as N, Button as O, Form as m, Nav as R, Badge as J } from "react-bootstrap";
+import { Card as f, Button as O, Form as c, Nav as R, Badge as J } from "react-bootstrap";
 import { VALIDATION_TYPE as p, COMPARISION_OPERATOR as F, CUSTOM_CONDITION_TYPE as z, OUTLIER_METHOD as Y, EXPECTED_TYPE as k, DATETIME_FORMAT_TYPE as H, createRule as Q, ColumnGroupedValidationRules as L } from "sodas-sdk";
-function g({ label: e, value: t = "" }) {
+function _({ label: e, value: t = "" }) {
   return /* @__PURE__ */ i("div", { className: "mb-0 sodas-validation-ui__field sodas-validation-ui__field--readonly", children: [
-    /* @__PURE__ */ a(m.Label, { className: "text-muted small mb-0", children: e }),
+    /* @__PURE__ */ a(c.Label, { className: "text-muted small mb-0", children: e }),
     /* @__PURE__ */ a("div", { className: "sodas-validation-ui__field-value", children: t })
   ] });
 }
@@ -31,238 +31,238 @@ const M = {
   statistical: "Statistical",
   custom: "Custom"
 }, G = Object.entries(F).map(([e, t]) => ({ value: t, label: e })), ee = Object.entries(z).map(([e, t]) => ({ value: t, label: e })), ae = Object.entries(Y).map(([e, t]) => ({ value: t, label: e })), te = Object.entries(k).map(([e, t]) => ({ value: t, label: e })), le = Object.entries(H).map(([e, t]) => ({ value: t, label: e }));
-function f({ label: e, value: t = "", type: s = "text", onChange: l, options: n, checkbox: o }) {
-  return n ? /* @__PURE__ */ i(m.Group, { className: "mb-0 sodas-validation-ui__field", children: [
-    /* @__PURE__ */ a(m.Label, { children: e }),
+function C({ label: e, value: t = "", type: s = "text", onChange: n, options: l, checkbox: o }) {
+  return l ? /* @__PURE__ */ i(c.Group, { className: "mb-0 sodas-validation-ui__field", children: [
+    /* @__PURE__ */ a(c.Label, { children: e }),
     /* @__PURE__ */ a(
-      m.Select,
+      c.Select,
       {
         size: "sm",
         value: t,
-        onChange: (r) => l(r.target.value),
+        onChange: (r) => n(r.target.value),
         "aria-label": e,
-        children: n.map((r) => /* @__PURE__ */ a("option", { value: r.value, children: r.label }, r.value))
+        children: l.map((r) => /* @__PURE__ */ a("option", { value: r.value, children: r.label }, r.value))
       }
     )
-  ] }) : s === "checkbox" || o ? /* @__PURE__ */ a(m.Group, { className: "mb-0 sodas-validation-ui__field sodas-validation-ui__field--checkbox", children: /* @__PURE__ */ a(
-    m.Check,
+  ] }) : s === "checkbox" || o ? /* @__PURE__ */ a(c.Group, { className: "mb-0 sodas-validation-ui__field sodas-validation-ui__field--checkbox", children: /* @__PURE__ */ a(
+    c.Check,
     {
       type: "checkbox",
       label: e,
       checked: !!t,
-      onChange: (r) => l(r.target.checked),
+      onChange: (r) => n(r.target.checked),
       "aria-label": e
     }
-  ) }) : /* @__PURE__ */ i(m.Group, { className: "mb-0 sodas-validation-ui__field", children: [
-    /* @__PURE__ */ a(m.Label, { children: e }),
+  ) }) : /* @__PURE__ */ i(c.Group, { className: "mb-0 sodas-validation-ui__field", children: [
+    /* @__PURE__ */ a(c.Label, { children: e }),
     /* @__PURE__ */ a(
-      m.Control,
+      c.Control,
       {
         size: "sm",
         type: s,
         value: t,
-        onChange: (r) => l(r.target.value),
+        onChange: (r) => n(r.target.value),
         "aria-label": e
       }
     )
   ] });
 }
 function ne({ rule: e, type: t, forceUpdate: s }) {
-  const l = (n, o) => {
-    typeof n == "function" && n.call(e, o), s();
+  const n = (l, o) => {
+    typeof l == "function" && l.call(e, o), s();
   };
   switch (t) {
     case p.UNIQUENESS:
       return /* @__PURE__ */ a(
-        f,
+        C,
         {
           label: "Unique",
           type: "checkbox",
           value: e.getUnique,
-          onChange: (n) => l(e.setUnique, !!n),
+          onChange: (l) => n(e.setUnique, !!l),
           checkbox: !0
         }
       );
     case p.PATTERN:
       return /* @__PURE__ */ a(
-        f,
+        C,
         {
           label: "Pattern",
           value: e.getPattern ?? "",
-          onChange: (n) => l(e.setPattern, n)
+          onChange: (l) => n(e.setPattern, l)
         }
       );
     case p.RANGE:
-      return /* @__PURE__ */ i(x, { children: [
+      return /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Min value",
             type: "number",
             value: String(e.getMinValue ?? 0),
-            onChange: (n) => l(e.setMinValue, Number(n) || 0)
+            onChange: (l) => n(e.setMinValue, Number(l) || 0)
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Max value",
             type: "number",
             value: String(e.getMaxValue ?? 0),
-            onChange: (n) => l(e.setMaxValue, Number(n) || 0)
+            onChange: (l) => n(e.setMaxValue, Number(l) || 0)
           }
         )
       ] });
     case p.LENGTH:
-      return /* @__PURE__ */ i(x, { children: [
+      return /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Min length",
             type: "number",
             value: String(e.getMinLength ?? 0),
-            onChange: (n) => l(e.setMinLength, Number(n) || 0)
+            onChange: (l) => n(e.setMinLength, Number(l) || 0)
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Max length",
             type: "number",
             value: String(e.getMaxLength ?? 0),
-            onChange: (n) => l(e.setMaxLength, Number(n) || 0)
+            onChange: (l) => n(e.setMaxLength, Number(l) || 0)
           }
         )
       ] });
     case p.ALLOWED_VALUES: {
-      const n = e.getAllowedValues ?? [], o = Array.isArray(n) ? n.join(", ") : "";
+      const l = e.getAllowedValues ?? [], o = Array.isArray(l) ? l.join(", ") : "";
       return /* @__PURE__ */ a(
-        f,
+        C,
         {
           label: "Allowed values (comma-separated)",
           value: o,
-          onChange: (r) => l(e.setAllowedValues, r.split(",").map((C) => C.trim()).filter(Boolean))
+          onChange: (r) => n(e.setAllowedValues, r.split(",").map((b) => b.trim()).filter(Boolean))
         }
       );
     }
     case p.COMPLETENESS:
       return /* @__PURE__ */ a(
-        f,
+        C,
         {
           label: "Min completeness",
           type: "number",
           value: String(e.getMinCompleteness ?? 0),
-          onChange: (n) => l(e.setMinCompleteness, Number(n) || 0)
+          onChange: (l) => n(e.setMinCompleteness, Number(l) || 0)
         }
       );
     case p.DATA_TYPE: {
-      const n = e.getExpectedType ?? k.STRING;
-      return /* @__PURE__ */ i(x, { children: [
+      const l = e.getExpectedType ?? k.STRING;
+      return /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Expected type",
-            value: n,
+            value: l,
             options: te,
-            onChange: (o) => l(e.setExpectedType, o)
+            onChange: (o) => n(e.setExpectedType, o)
           }
         ),
-        n === k.DATETIME && /* @__PURE__ */ a(
-          f,
+        l === k.DATETIME && /* @__PURE__ */ a(
+          C,
           {
             label: "Datetime format",
             value: e.getDatetimeFormat ?? H.YYYY_MM_DD_HH_MM_SS,
             options: le,
-            onChange: (o) => l(e.setDatetimeFormat, o)
+            onChange: (o) => n(e.setDatetimeFormat, o)
           }
         )
       ] });
     }
     case p.OUTLIER:
-      return /* @__PURE__ */ i(x, { children: [
+      return /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Method",
             value: e.getMethod ?? Y.Z_SCORE,
             options: ae,
-            onChange: (n) => l(e.setMethod, n)
+            onChange: (l) => n(e.setMethod, l)
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Threshold",
             type: "number",
             value: String(e.getThreshold ?? 0),
-            onChange: (n) => l(e.setThreshold, Number(n) || 0)
+            onChange: (l) => n(e.setThreshold, Number(l) || 0)
           }
         )
       ] });
     case p.STATISTICAL:
-      return /* @__PURE__ */ i(x, { children: [
+      return /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Check",
             value: e.getCheck ?? "",
-            onChange: (n) => l(e.setCheck, n)
+            onChange: (l) => n(e.setCheck, l)
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Threshold",
             type: "number",
             value: String(e.getThreshold ?? 0),
-            onChange: (n) => l(e.setThreshold, Number(n) || 0)
+            onChange: (l) => n(e.setThreshold, Number(l) || 0)
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Comparison",
             value: e.getComparision ?? F.EQUAL,
             options: G,
-            onChange: (n) => l(e.setComparision, n)
+            onChange: (l) => n(e.setComparision, l)
           }
         )
       ] });
     case p.CUSTOM: {
-      const n = e.getCondition ?? {};
-      return /* @__PURE__ */ i(x, { children: [
+      const l = e.getCondition ?? {};
+      return /* @__PURE__ */ i(S, { children: [
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Condition type",
-            value: n.type ?? z.ALL,
+            value: l.type ?? z.ALL,
             options: ee,
-            onChange: (o) => l(e.setCondition, {
-              ...n,
+            onChange: (o) => n(e.setCondition, {
+              ...l,
               type: o
             })
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Threshold (threholder)",
             type: "number",
-            value: String(n.threholder ?? 0),
-            onChange: (o) => l(e.setCondition, {
-              ...n,
+            value: String(l.threholder ?? 0),
+            onChange: (o) => n(e.setCondition, {
+              ...l,
               threholder: Number(o) || 0
             })
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          C,
           {
             label: "Comparison",
-            value: n.comparision ?? F.EQUAL,
+            value: l.comparision ?? F.EQUAL,
             options: G,
-            onChange: (o) => l(e.setCondition, {
-              ...n,
+            onChange: (o) => n(e.setCondition, {
+              ...l,
               comparision: o
             })
           }
@@ -280,58 +280,58 @@ function ie({ rule: e, type: t }) {
   switch (t ?? T(e, "getType", "type")) {
     case p.UNIQUENESS:
     case "uniqueness":
-      return /* @__PURE__ */ a(g, { label: "Unique", value: T(e, "getUnique", "unique") ? "Yes" : "No" });
+      return /* @__PURE__ */ a(_, { label: "Unique", value: T(e, "getUnique", "unique") ? "Yes" : "No" });
     case p.PATTERN:
     case "pattern":
-      return /* @__PURE__ */ a(g, { label: "Pattern", value: T(e, "getPattern", "pattern") ?? "—" });
+      return /* @__PURE__ */ a(_, { label: "Pattern", value: T(e, "getPattern", "pattern") ?? "—" });
     case p.RANGE:
     case "range":
-      return /* @__PURE__ */ i(x, { children: [
-        /* @__PURE__ */ a(g, { label: "Min value", value: String(T(e, "getMinValue", "min_value") ?? "—") }),
-        /* @__PURE__ */ a(g, { label: "Max value", value: String(T(e, "getMaxValue", "max_value") ?? "—") })
+      return /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ a(_, { label: "Min value", value: String(T(e, "getMinValue", "min_value") ?? "—") }),
+        /* @__PURE__ */ a(_, { label: "Max value", value: String(T(e, "getMaxValue", "max_value") ?? "—") })
       ] });
     case p.LENGTH:
     case "length":
-      return /* @__PURE__ */ i(x, { children: [
-        /* @__PURE__ */ a(g, { label: "Min length", value: String(T(e, "getMinLength", "min_length") ?? "—") }),
-        /* @__PURE__ */ a(g, { label: "Max length", value: String(T(e, "getMaxLength", "max_length") ?? "—") })
+      return /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ a(_, { label: "Min length", value: String(T(e, "getMinLength", "min_length") ?? "—") }),
+        /* @__PURE__ */ a(_, { label: "Max length", value: String(T(e, "getMaxLength", "max_length") ?? "—") })
       ] });
     case p.ALLOWED_VALUES:
     case "allowed_values": {
-      const l = T(e, "getAllowedValues", "allowed_values") ?? [], n = Array.isArray(l) ? l.join(", ") : "—";
-      return /* @__PURE__ */ a(g, { label: "Allowed values", value: n });
+      const n = T(e, "getAllowedValues", "allowed_values") ?? [], l = Array.isArray(n) ? n.join(", ") : "—";
+      return /* @__PURE__ */ a(_, { label: "Allowed values", value: l });
     }
     case p.COMPLETENESS:
     case "completeness":
-      return /* @__PURE__ */ a(g, { label: "Min completeness", value: String(T(e, "getMinCompleteness", "min_completeness") ?? "—") });
+      return /* @__PURE__ */ a(_, { label: "Min completeness", value: String(T(e, "getMinCompleteness", "min_completeness") ?? "—") });
     case p.DATA_TYPE:
     case "data_type": {
-      const l = T(e, "getExpectedType", "expected_type") ?? k.STRING ?? "string", o = l === (k?.DATETIME ?? "datetime") ? T(e, "getDatetimeFormat", "datetime_format") ?? "—" : null;
-      return /* @__PURE__ */ i(x, { children: [
-        /* @__PURE__ */ a(g, { label: "Expected type", value: l }),
-        o !== null && /* @__PURE__ */ a(g, { label: "Datetime format", value: o })
+      const n = T(e, "getExpectedType", "expected_type") ?? k.STRING ?? "string", o = n === (k?.DATETIME ?? "datetime") ? T(e, "getDatetimeFormat", "datetime_format") ?? "—" : null;
+      return /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ a(_, { label: "Expected type", value: n }),
+        o !== null && /* @__PURE__ */ a(_, { label: "Datetime format", value: o })
       ] });
     }
     case p.OUTLIER:
     case "outlier":
-      return /* @__PURE__ */ i(x, { children: [
-        /* @__PURE__ */ a(g, { label: "Method", value: T(e, "getMethod", "method") ?? "—" }),
-        /* @__PURE__ */ a(g, { label: "Threshold", value: String(T(e, "getThreshold", "threshold") ?? "—") })
+      return /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ a(_, { label: "Method", value: T(e, "getMethod", "method") ?? "—" }),
+        /* @__PURE__ */ a(_, { label: "Threshold", value: String(T(e, "getThreshold", "threshold") ?? "—") })
       ] });
     case p.STATISTICAL:
     case "statistical":
-      return /* @__PURE__ */ i(x, { children: [
-        /* @__PURE__ */ a(g, { label: "Check", value: T(e, "getCheck", "check") ?? "—" }),
-        /* @__PURE__ */ a(g, { label: "Threshold", value: String(T(e, "getThreshold", "threshold") ?? "—") }),
-        /* @__PURE__ */ a(g, { label: "Comparison", value: T(e, "getComparision", "comparision") ?? "—" })
+      return /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ a(_, { label: "Check", value: T(e, "getCheck", "check") ?? "—" }),
+        /* @__PURE__ */ a(_, { label: "Threshold", value: String(T(e, "getThreshold", "threshold") ?? "—") }),
+        /* @__PURE__ */ a(_, { label: "Comparison", value: T(e, "getComparision", "comparision") ?? "—" })
       ] });
     case p.CUSTOM:
     case "custom": {
-      const l = T(e, "getCondition", "condition") ?? {};
-      return /* @__PURE__ */ i(x, { children: [
-        /* @__PURE__ */ a(g, { label: "Condition type", value: l.type ?? "—" }),
-        /* @__PURE__ */ a(g, { label: "Threshold", value: String(l.threholder ?? "—") }),
-        /* @__PURE__ */ a(g, { label: "Comparison", value: l.comparision ?? "—" })
+      const n = T(e, "getCondition", "condition") ?? {};
+      return /* @__PURE__ */ i(S, { children: [
+        /* @__PURE__ */ a(_, { label: "Condition type", value: n.type ?? "—" }),
+        /* @__PURE__ */ a(_, { label: "Threshold", value: String(n.threholder ?? "—") }),
+        /* @__PURE__ */ a(_, { label: "Comparison", value: n.comparision ?? "—" })
       ] });
     }
     default:
@@ -342,17 +342,17 @@ function $({ rule: e, showColumn: t = !0 }) {
   const s = e?.getType ?? e?.type;
   return /* @__PURE__ */ a("div", { className: "sodas-validation-ui__rule-display", children: /* @__PURE__ */ i("div", { className: "d-flex flex-wrap gap-2 align-items-end sodas-validation-ui__rule-fields-row", children: [
     /* @__PURE__ */ i("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__fields", children: [
-      t && /* @__PURE__ */ a(g, { label: "Column", value: e?.getColumn ?? e?.column ?? "—" }),
-      /* @__PURE__ */ a(g, { label: "Name", value: e?.getName ?? e?.name ?? "—" })
+      t && /* @__PURE__ */ a(_, { label: "Column", value: e?.getColumn ?? e?.column ?? "—" }),
+      /* @__PURE__ */ a(_, { label: "Name", value: e?.getName ?? e?.name ?? "—" })
     ] }),
     /* @__PURE__ */ a("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ a(ie, { rule: e, type: s }) })
   ] }) });
 }
-function K({ rule: e, index: t, onRemove: s, onCommonChange: l, forceUpdate: n, showColumn: o = !0 }) {
+function K({ rule: e, index: t, onRemove: s, onCommonChange: n, forceUpdate: l, showColumn: o = !0 }) {
   const r = e.getType;
-  return /* @__PURE__ */ a(N, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ i(N.Body, { children: [
+  return /* @__PURE__ */ a(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ i(f.Body, { children: [
     /* @__PURE__ */ i("div", { className: "d-flex justify-content-between align-items-center mb-2", children: [
-      /* @__PURE__ */ a(N.Title, { className: "mb-0 fs-6", children: M[r] ?? r }),
+      /* @__PURE__ */ a(f.Title, { className: "mb-0 fs-6", children: M[r] ?? r }),
       /* @__PURE__ */ a(
         O,
         {
@@ -366,10 +366,10 @@ function K({ rule: e, index: t, onRemove: s, onCommonChange: l, forceUpdate: n,
     ] }),
     /* @__PURE__ */ i("div", { className: "d-flex flex-wrap gap-2 align-items-end sodas-validation-ui__rule-fields-row", children: [
       /* @__PURE__ */ i("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__fields", children: [
-        o && /* @__PURE__ */ a(f, { label: "Column", value: e.getColumn, onChange: (C) => l(e, "column", C) }),
-        /* @__PURE__ */ a(f, { label: "Name", value: e.getName, onChange: (C) => l(e, "name", C) })
+        o && /* @__PURE__ */ a(C, { label: "Column", value: e.getColumn, onChange: (b) => n(e, "column", b) }),
+        /* @__PURE__ */ a(C, { label: "Name", value: e.getName, onChange: (b) => n(e, "name", b) })
       ] }),
-      /* @__PURE__ */ a("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ a(ne, { rule: e, type: r, forceUpdate: n }) })
+      /* @__PURE__ */ a("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ a(ne, { rule: e, type: r, forceUpdate: l }) })
     ] })
   ] }) });
 }
@@ -378,41 +378,41 @@ function se() {
   return D(() => e((t) => t + 1), []);
 }
 function oe({ validationRules: e }) {
-  const t = se(), [s, l] = E(""), n = (d) => {
+  const t = se(), [s, n] = E(""), l = (m) => {
     if (!Array.isArray(e)) return;
-    const u = Q(d);
+    const u = Q(m);
     e.push(u), t();
   }, o = () => {
-    s && n(s);
-  }, r = (d) => {
-    Array.isArray(e) && (e.splice(d, 1), t());
-  }, C = (d, u, _) => {
-    u === "column" ? d.setColumn(_) : u === "name" && d.setName(_), t();
+    s && l(s);
+  }, r = (m) => {
+    Array.isArray(e) && (e.splice(m, 1), t());
+  }, b = (m, u, g) => {
+    u === "column" ? m.setColumn(g) : u === "name" && m.setName(g), t();
   };
   if (!Array.isArray(e))
     return /* @__PURE__ */ a("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "validationRules must be an array" });
   const A = /* @__PURE__ */ new Map();
-  e.forEach((d, u) => {
-    const _ = d.getType;
-    A.has(_) || A.set(_, []), A.get(_).push({ rule: d, index: u });
+  e.forEach((m, u) => {
+    const g = m.getType;
+    A.has(g) || A.set(g, []), A.get(g).push({ rule: m, index: u });
   });
-  const v = [];
-  return e.forEach((d) => {
-    const u = d.getType;
-    v.includes(u) || v.push(u);
+  const y = [];
+  return e.forEach((m) => {
+    const u = m.getType;
+    y.includes(u) || y.push(u);
   }), /* @__PURE__ */ i("div", { className: "sodas-validation-ui sodas-validation-ui--type-based", children: [
     /* @__PURE__ */ i("div", { className: "d-flex align-items-center gap-2 flex-wrap mb-3 sodas-validation-ui__toolbar", children: [
-      /* @__PURE__ */ a(m.Label, { className: "mb-0 fw-semibold", children: "Add rule:" }),
+      /* @__PURE__ */ a(c.Label, { className: "mb-0 fw-semibold", children: "Add rule:" }),
       /* @__PURE__ */ i(
-        m.Select,
+        c.Select,
         {
           className: "sodas-validation-ui__add-select",
           value: s,
-          onChange: (d) => l(d.target.value),
+          onChange: (m) => n(m.target.value),
           "aria-label": "Validation rule type",
           children: [
             /* @__PURE__ */ a("option", { value: "", children: "-- Select type --" }),
-            Object.entries(M).map(([d, u]) => /* @__PURE__ */ a("option", { value: d, children: u }, d))
+            Object.entries(M).map(([m, u]) => /* @__PURE__ */ a("option", { value: m, children: u }, m))
           ]
         }
       ),
@@ -428,22 +428,22 @@ function oe({ validationRules: e }) {
         }
       )
     ] }),
-    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: v.map((d) => {
-      const u = A.get(d) ?? [];
+    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: y.map((m) => {
+      const u = A.get(m) ?? [];
       return /* @__PURE__ */ i("section", { className: "card mb-3 sodas-validation-ui__section", children: [
-        /* @__PURE__ */ a("div", { className: "card-header", children: /* @__PURE__ */ a("h5", { className: "mb-0 card-title", children: M[d] ?? d }) }),
-        /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: u.map(({ rule: _, index: c }) => /* @__PURE__ */ a("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: "card-header", children: /* @__PURE__ */ a("h5", { className: "mb-0 card-title", children: M[m] ?? m }) }),
+        /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: u.map(({ rule: g, index: d }) => /* @__PURE__ */ a("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ a(
           K,
           {
-            rule: _,
-            index: c,
-            onRemove: () => r(c),
-            onCommonChange: C,
+            rule: g,
+            index: d,
+            onRemove: () => r(d),
+            onCommonChange: b,
             forceUpdate: t,
             showColumn: !0
           }
-        ) }, c)) })
-      ] }, d);
+        ) }, d)) })
+      ] }, m);
     }) }),
     e.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small sodas-validation-ui__empty", children: "No rules. Select a type and click Append to add one." })
   ] });
@@ -460,44 +460,44 @@ function re() {
 function de({ validationRules: e }) {
   const [t, s] = E(
     () => Array.isArray(e) ? L.fromValidationRules(e) : L.fromValidationRules([])
-  ), l = re(), [n, o] = E(0);
+  ), n = re(), [l, o] = E(0);
   if (!Array.isArray(e))
     return /* @__PURE__ */ a("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "validationRules must be an array" });
-  const r = t.getColumnNames(), C = () => {
-    const c = `New Column ${n + 1}`;
-    o((b) => b + 1), s((b) => {
-      const y = L.fromValidationRules(b.toValidationRules());
-      return y.appendColumn(c, []), V(y, e), y;
+  const r = t.getColumnNames(), b = () => {
+    const d = `New Column ${l + 1}`;
+    o((v) => v + 1), s((v) => {
+      const N = L.fromValidationRules(v.toValidationRules());
+      return N.appendColumn(d, []), V(N, e), N;
     });
-  }, A = (c) => {
-    s((b) => {
-      const y = L.fromValidationRules(b.toValidationRules()), S = y.getColumnNames();
-      return c >= 0 && c < S.length && (y.removeColumn(c), V(y, e)), y;
+  }, A = (d) => {
+    s((v) => {
+      const N = L.fromValidationRules(v.toValidationRules()), x = N.getColumnNames();
+      return d >= 0 && d < x.length && (N.removeColumn(d), V(N, e)), N;
     });
-  }, v = (c, b) => {
-    const y = String(b).trim();
-    y !== "" && s((S) => {
-      const h = L.fromValidationRules(S.toValidationRules()), w = h.getColumnNames();
-      if (c >= 0 && c < w.length)
+  }, y = (d, v) => {
+    const N = String(v).trim();
+    N !== "" && s((x) => {
+      const h = L.fromValidationRules(x.toValidationRules()), w = h.getColumnNames();
+      if (d >= 0 && d < w.length)
         try {
-          h.setColumnName(c, y), V(h, e);
+          h.setColumnName(d, N), V(h, e);
         } catch {
         }
       return h;
     });
-  }, d = (c, b) => {
-    const y = Q(b);
-    y.setColumn(c), s((S) => {
-      const h = L.fromValidationRules(S.toValidationRules());
-      return h.getColumnNames().includes(c) ? h.getRules(c).push(y) : h.appendColumn(c, [y]), V(h, e), h;
+  }, m = (d, v) => {
+    const N = Q(v);
+    N.setColumn(d), s((x) => {
+      const h = L.fromValidationRules(x.toValidationRules());
+      return h.getColumnNames().includes(d) ? h.getRules(d).push(N) : h.appendColumn(d, [N]), V(h, e), h;
     });
-  }, u = (c, b) => {
-    s((y) => {
-      const S = L.fromValidationRules(y.toValidationRules()), h = S.getRules(c), w = h.indexOf(b);
-      return w !== -1 && (h.splice(w, 1), V(S, e)), S;
+  }, u = (d, v) => {
+    s((N) => {
+      const x = L.fromValidationRules(N.toValidationRules()), h = x.getRules(d), w = h.indexOf(v);
+      return w !== -1 && (h.splice(w, 1), V(x, e)), x;
     });
-  }, _ = (c, b, y) => {
-    b === "column" ? c.setColumn(y) : b === "name" && c.setName(y), l();
+  }, g = (d, v, N) => {
+    v === "column" ? d.setColumn(N) : v === "name" && d.setName(N), n();
   };
   return /* @__PURE__ */ i("div", { className: "sodas-validation-ui sodas-validation-ui--columned", children: [
     /* @__PURE__ */ a("div", { className: "d-flex mb-3 sodas-validation-ui__toolbar", children: /* @__PURE__ */ a(
@@ -505,25 +505,25 @@ function de({ validationRules: e }) {
       {
         variant: "primary",
         size: "sm",
-        onClick: C,
+        onClick: b,
         "aria-label": "Add column section",
         children: "Add column"
       }
     ) }),
-    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: r.map((c, b) => /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: r.map((d, v) => /* @__PURE__ */ a(
       ce,
       {
-        columnName: c,
-        columnIndex: b,
-        rules: t.getRules(c),
-        onRenameColumn: v,
+        columnName: d,
+        columnIndex: v,
+        rules: t.getRules(d),
+        onRenameColumn: y,
         onRemoveColumn: A,
-        onAddRule: d,
+        onAddRule: m,
         onRemoveRule: u,
-        onCommonChange: _,
-        forceUpdate: l
+        onCommonChange: g,
+        forceUpdate: n
       },
-      b
+      v
     )) }),
     r.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small sodas-validation-ui__empty", children: 'No columns. Click "Add column" to add a column section.' })
   ] });
@@ -532,37 +532,37 @@ function ce({
   columnName: e,
   columnIndex: t,
   rules: s,
-  onRenameColumn: l,
-  onRemoveColumn: n,
+  onRenameColumn: n,
+  onRemoveColumn: l,
   onAddRule: o,
   onRemoveRule: r,
-  onCommonChange: C,
+  onCommonChange: b,
   forceUpdate: A
 }) {
-  const [v, d] = E(""), [u, _] = E(e), [c, b] = E(!1);
+  const [y, m] = E(""), [u, g] = E(e), [d, v] = E(!1);
   Z(() => {
-    _(e);
+    g(e);
   }, [e]);
-  const y = () => {
-    b(!1);
+  const N = () => {
+    v(!1);
     const h = u.trim();
-    h !== "" && h !== e ? l(t, h) : _(e);
-  }, S = (h) => {
+    h !== "" && h !== e ? n(t, h) : g(e);
+  }, x = (h) => {
     h.key === "Enter" && h.target.blur();
   };
-  return /* @__PURE__ */ i(N, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
-    /* @__PURE__ */ i(N.Header, { className: "d-flex justify-content-between align-items-start gap-2 flex-wrap", children: [
+  return /* @__PURE__ */ i(f, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
+    /* @__PURE__ */ i(f.Header, { className: "d-flex justify-content-between align-items-start gap-2 flex-wrap", children: [
       /* @__PURE__ */ i("div", { className: "flex-grow-1 min-w-0", children: [
-        /* @__PURE__ */ a(m.Label, { className: "small fw-semibold text-muted mb-1", children: "Column Name" }),
-        c ? /* @__PURE__ */ a(
-          m.Control,
+        /* @__PURE__ */ a(c.Label, { className: "small fw-semibold text-muted mb-1", children: "Column Name" }),
+        d ? /* @__PURE__ */ a(
+          c.Control,
           {
             size: "sm",
             type: "text",
             value: u,
-            onChange: (h) => _(h.target.value),
-            onBlur: y,
-            onKeyDown: S,
+            onChange: (h) => g(h.target.value),
+            onBlur: N,
+            onKeyDown: x,
             "aria-label": "Column name",
             autoFocus: !0
           }
@@ -570,8 +570,8 @@ function ce({
           "h5",
           {
             className: "mb-0 card-title cursor-pointer rounded p-1 sodas-validation-ui__section-title-editable",
-            onClick: () => b(!0),
-            onFocus: () => b(!0),
+            onClick: () => v(!0),
+            onFocus: () => v(!0),
             tabIndex: 0,
             role: "button",
             "aria-label": "Edit column name",
@@ -584,21 +584,21 @@ function ce({
         {
           variant: "danger",
           size: "sm",
-          onClick: () => n(t),
+          onClick: () => l(t),
           "aria-label": `Remove column ${e}`,
           children: "Remove column"
         }
       )
     ] }),
-    /* @__PURE__ */ i(N.Body, { children: [
+    /* @__PURE__ */ i(f.Body, { children: [
       /* @__PURE__ */ i("div", { className: "d-flex align-items-center gap-2 flex-wrap mb-2 sodas-validation-ui__toolbar--inline", children: [
-        /* @__PURE__ */ a(m.Label, { className: "mb-0 fw-semibold", children: "Add rule:" }),
+        /* @__PURE__ */ a(c.Label, { className: "mb-0 fw-semibold", children: "Add rule:" }),
         /* @__PURE__ */ i(
-          m.Select,
+          c.Select,
           {
             className: "sodas-validation-ui__add-select",
-            value: v,
-            onChange: (h) => d(h.target.value),
+            value: y,
+            onChange: (h) => m(h.target.value),
             "aria-label": "Validation rule type",
             children: [
               /* @__PURE__ */ a("option", { value: "", children: "-- Select type --" }),
@@ -612,9 +612,9 @@ function ce({
             variant: "primary",
             size: "sm",
             onClick: () => {
-              v && (o(e, v), d(""));
+              y && (o(e, y), m(""));
             },
-            disabled: !v,
+            disabled: !y,
             "aria-label": "Append rule",
             children: "Append"
           }
@@ -626,7 +626,7 @@ function ce({
           rule: h,
           index: w,
           onRemove: () => r(e, h),
-          onCommonChange: C,
+          onCommonChange: b,
           forceUpdate: A,
           showColumn: !1
         }
@@ -636,12 +636,12 @@ function ce({
 }
 const I = "type", P = "column";
 function W({ validationRules: e }) {
-  const [t, s] = E(I), [l, n] = E(0), [o, r] = E(null), C = B(null), A = async (v) => {
-    const d = v.target.files?.[0];
-    if (v.target.value = "", r(null), !!d)
+  const [t, s] = E(I), [n, l] = E(0), [o, r] = E(null), b = B(null), A = async (y) => {
+    const m = y.target.files?.[0];
+    if (y.target.value = "", r(null), !!m)
       try {
-        const _ = (await L.fromCSVFileBrowser(d)).toValidationRules(), c = e;
-        c.splice(0, c.length, ..._), n((b) => b + 1);
+        const g = (await L.fromCSVFileBrowser(m)).toValidationRules(), d = e;
+        d.splice(0, d.length, ...g), l((v) => v + 1);
       } catch (u) {
         r(u instanceof Error ? u.message : String(u));
       }
@@ -653,7 +653,7 @@ function W({ validationRules: e }) {
         {
           variant: "tabs",
           activeKey: t,
-          onSelect: (v) => v && s(v),
+          onSelect: (y) => y && s(y),
           role: "tablist",
           "aria-label": "Editor mode",
           className: "flex-grow-1",
@@ -687,7 +687,7 @@ function W({ validationRules: e }) {
         /* @__PURE__ */ a(
           "input",
           {
-            ref: C,
+            ref: b,
             type: "file",
             accept: ".csv,text/csv",
             "aria-label": "Initialize from CSV file",
@@ -700,7 +700,7 @@ function W({ validationRules: e }) {
           {
             variant: "secondary",
             size: "sm",
-            onClick: () => C.current?.click(),
+            onClick: () => b.current?.click(),
             "aria-label": "Initialize from CSV file",
             children: "Initialize from CSV"
           }
@@ -716,7 +716,7 @@ function W({ validationRules: e }) {
         "aria-labelledby": "validation-rules-editor-tab-type",
         hidden: t !== I,
         className: "sodas-validation-ui__panel",
-        children: t === I && /* @__PURE__ */ a(oe, { validationRules: e }, l)
+        children: t === I && /* @__PURE__ */ a(oe, { validationRules: e }, n)
       }
     ),
     /* @__PURE__ */ a(
@@ -727,7 +727,7 @@ function W({ validationRules: e }) {
         "aria-labelledby": "validation-rules-editor-tab-column",
         hidden: t !== P,
         className: "sodas-validation-ui__panel",
-        children: t === P && /* @__PURE__ */ a(de, { validationRules: e }, l)
+        children: t === P && /* @__PURE__ */ a(de, { validationRules: e }, n)
       }
     )
   ] }) : /* @__PURE__ */ a("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "validationRules must be an array" });
@@ -736,20 +736,20 @@ function me(e) {
   return M[e] ?? j[e] ?? e;
 }
 function ue(e) {
-  const t = e?.rule ?? e, s = typeof e?.score == "number" ? e.score : 0, l = !!e?.pass;
-  return { rule: t, score: s, pass: l };
+  const t = e?.rule ?? e, s = typeof e?.score == "number" ? e.score : 0, n = !!e?.pass;
+  return { rule: t, score: s, pass: n };
 }
 function X({ item: e, showColumn: t = !0 }) {
-  const { rule: s, score: l, pass: n } = ue(e), o = s?.getType ?? s?.type;
-  return /* @__PURE__ */ a(N, { className: "sodas-validation-ui__rule-card sodas-validation-ui__quality-metadata-card", children: /* @__PURE__ */ i(N.Body, { children: [
+  const { rule: s, score: n, pass: l } = ue(e), o = s?.getType ?? s?.type;
+  return /* @__PURE__ */ a(f, { className: "sodas-validation-ui__rule-card sodas-validation-ui__quality-metadata-card", children: /* @__PURE__ */ i(f.Body, { children: [
     /* @__PURE__ */ i("div", { className: "d-flex justify-content-between align-items-center flex-wrap gap-2 mb-2", children: [
-      /* @__PURE__ */ a(N.Title, { className: "mb-0 fs-6", children: me(o) }),
+      /* @__PURE__ */ a(f.Title, { className: "mb-0 fs-6", children: me(o) }),
       /* @__PURE__ */ i("div", { className: "d-flex align-items-center gap-2", children: [
         /* @__PURE__ */ i("span", { className: "sodas-validation-ui__score", title: "Score", children: [
           "Score: ",
-          /* @__PURE__ */ a("strong", { children: Number(l).toPrecision(3) })
+          /* @__PURE__ */ a("strong", { children: Number(n).toPrecision(3) })
         ] }),
-        /* @__PURE__ */ a(J, { bg: n ? "success" : "danger", className: "sodas-validation-ui__pass-badge", children: n ? "Pass" : "Fail" })
+        /* @__PURE__ */ a(J, { bg: l ? "success" : "danger", className: "sodas-validation-ui__pass-badge", children: l ? "Pass" : "Fail" })
       ] })
     ] }),
     /* @__PURE__ */ a($, { rule: s, showColumn: t })
@@ -765,16 +765,16 @@ function ve({ qualityMetadata: e }) {
   if (!Array.isArray(e))
     return /* @__PURE__ */ a("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "qualityMetadata must be an array" });
   const t = /* @__PURE__ */ new Map(), s = [];
-  return e.forEach((l) => {
-    const n = he(l), o = n?.getType ?? n?.type ?? "unknown";
-    t.has(o) || (t.set(o, []), s.push(o)), t.get(o).push(l);
+  return e.forEach((n) => {
+    const l = he(n), o = l?.getType ?? l?.type ?? "unknown";
+    t.has(o) || (t.set(o, []), s.push(o)), t.get(o).push(n);
   }), /* @__PURE__ */ i("div", { className: "sodas-validation-ui sodas-validation-ui--type-based sodas-validation-ui--quality-metadata", children: [
-    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: s.map((l) => {
-      const n = t.get(l) ?? [];
+    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: s.map((n) => {
+      const l = t.get(n) ?? [];
       return /* @__PURE__ */ i("section", { className: "card mb-3 sodas-validation-ui__section", children: [
-        /* @__PURE__ */ a("div", { className: "card-header", children: /* @__PURE__ */ a("h5", { className: "mb-0 card-title", children: pe(l) }) }),
-        /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ a("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ a(X, { item: o, showColumn: !0 }) }, r)) })
-      ] }, l);
+        /* @__PURE__ */ a("div", { className: "card-header", children: /* @__PURE__ */ a("h5", { className: "mb-0 card-title", children: pe(n) }) }),
+        /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: l.map((o, r) => /* @__PURE__ */ a("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ a(X, { item: o, showColumn: !0 }) }, r)) })
+      ] }, n);
     }) }),
     e.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small sodas-validation-ui__empty", children: "No quality metadata to display." })
   ] });
@@ -782,20 +782,20 @@ function ve({ qualityMetadata: e }) {
 function be(e) {
   return e?.rule ?? e;
 }
-function ye({ qualityMetadata: e }) {
+function ge({ qualityMetadata: e }) {
   if (!Array.isArray(e))
     return /* @__PURE__ */ a("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "qualityMetadata must be an array" });
   const t = /* @__PURE__ */ new Map(), s = [];
-  return e.forEach((l) => {
-    const n = be(l), r = (n?.getColumn ?? n?.column ?? "") || "(no column)";
-    t.has(r) || (t.set(r, []), s.push(r)), t.get(r).push(l);
+  return e.forEach((n) => {
+    const l = be(n), r = (l?.getColumn ?? l?.column ?? "") || "(no column)";
+    t.has(r) || (t.set(r, []), s.push(r)), t.get(r).push(n);
   }), /* @__PURE__ */ i("div", { className: "sodas-validation-ui sodas-validation-ui--columned sodas-validation-ui--quality-metadata", children: [
-    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: s.map((l) => {
-      const n = t.get(l) ?? [];
-      return /* @__PURE__ */ i(N, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
-        /* @__PURE__ */ a(N.Header, { children: /* @__PURE__ */ a("h5", { className: "mb-0 card-title", children: l }) }),
-        /* @__PURE__ */ a(N.Body, { children: /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ a("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ a(X, { item: o, showColumn: !1 }) }, r)) }) })
-      ] }, l);
+    /* @__PURE__ */ a("div", { className: "sodas-validation-ui__sections", children: s.map((n) => {
+      const l = t.get(n) ?? [];
+      return /* @__PURE__ */ i(f, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
+        /* @__PURE__ */ a(f.Header, { children: /* @__PURE__ */ a("h5", { className: "mb-0 card-title", children: n }) }),
+        /* @__PURE__ */ a(f.Body, { children: /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: l.map((o, r) => /* @__PURE__ */ a("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ a(X, { item: o, showColumn: !1 }) }, r)) }) })
+      ] }, n);
     }) }),
     e.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small sodas-validation-ui__empty", children: "No quality metadata to display." })
   ] });
@@ -809,7 +809,7 @@ function we({ qualityMetadata: e }) {
       {
         variant: "tabs",
         activeKey: t,
-        onSelect: (l) => l && s(l),
+        onSelect: (n) => n && s(n),
         role: "tablist",
         "aria-label": "View mode",
         className: "flex-grow-1",
@@ -858,49 +858,49 @@ function we({ qualityMetadata: e }) {
         "aria-labelledby": "quality-metadata-viewer-tab-column",
         hidden: t !== U,
         className: "sodas-validation-ui__panel",
-        children: t === U && /* @__PURE__ */ a(ye, { qualityMetadata: e })
+        children: t === U && /* @__PURE__ */ a(ge, { qualityMetadata: e })
       }
     )
   ] }) : /* @__PURE__ */ a("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "qualityMetadata must be an array" });
 }
-function ge() {
+function ye() {
   const [, e] = E(0);
   return D(() => e((t) => t + 1), []);
 }
 function Re({ template: e }) {
-  const t = ge(), s = B(e);
+  const t = ye(), s = B(e);
   if (s.current = e, e == null || typeof e != "object")
     return /* @__PURE__ */ a("div", { className: "alert alert-danger template-editor template-editor--empty", children: "template must be an object" });
-  const l = s.current;
-  Array.isArray(l.validationRules) || (l.validationRules = []);
-  const n = (v) => {
-    l.name = v.target.value, t();
-  }, o = (v) => {
-    l.description = v.target.value, t();
-  }, r = l.name ?? "", C = l.description ?? "", A = l.validationRules;
+  const n = s.current;
+  Array.isArray(n.validationRules) || (n.validationRules = []);
+  const l = (y) => {
+    n.name = y.target.value, t();
+  }, o = (y) => {
+    n.description = y.target.value, t();
+  }, r = n.name ?? "", b = n.description ?? "", A = n.validationRules;
   return /* @__PURE__ */ i("div", { className: "template-editor", children: [
-    /* @__PURE__ */ i(m, { className: "template-editor__meta mb-4", children: [
-      /* @__PURE__ */ i(m.Group, { className: "mb-3", children: [
-        /* @__PURE__ */ a(m.Label, { children: "Name" }),
+    /* @__PURE__ */ i(c, { className: "template-editor__meta mb-4", children: [
+      /* @__PURE__ */ i(c.Group, { className: "mb-3", children: [
+        /* @__PURE__ */ a(c.Label, { children: "Name" }),
         /* @__PURE__ */ a(
-          m.Control,
+          c.Control,
           {
             type: "text",
             value: r,
-            onChange: n,
+            onChange: l,
             placeholder: "Template name",
             "aria-label": "Template name"
           }
         )
       ] }),
-      /* @__PURE__ */ i(m.Group, { className: "mb-3", children: [
-        /* @__PURE__ */ a(m.Label, { children: "Description" }),
+      /* @__PURE__ */ i(c.Group, { className: "mb-3", children: [
+        /* @__PURE__ */ a(c.Label, { children: "Description" }),
         /* @__PURE__ */ a(
-          m.Control,
+          c.Control,
           {
             as: "textarea",
             rows: 3,
-            value: C,
+            value: b,
             onChange: o,
             placeholder: "Template description",
             "aria-label": "Template description"
@@ -918,36 +918,36 @@ function Ne() {
   const [, e] = E(0);
   return D(() => e((t) => t + 1), []);
 }
-function Le({ qualityRequirement: e }) {
-  const t = Ne(), s = B(e);
-  if (s.current = e, e == null || typeof e != "object")
+function Le({ qualityRequirement: e, hook_names: t = [] }) {
+  const s = Ne(), n = B(e);
+  if (n.current = e, e == null || typeof e != "object")
     return /* @__PURE__ */ a("div", { className: "alert alert-danger quality-requirement-editor quality-requirement-editor--empty", children: "qualityRequirement must be an object" });
-  const l = s.current;
+  const l = n.current;
   Array.isArray(l.nodes) || (l.nodes = []);
-  const n = (d) => {
-    l.name = d.target.value, t();
-  }, o = () => {
+  const o = (u) => {
+    l.name = u.target.value, s();
+  }, r = () => {
     l.nodes.push({
       node_name: "",
       hook: "",
       validation_rules: []
-    }), t();
-  }, r = (d) => {
-    l.nodes.splice(d, 1), t();
-  }, C = (d, u, _) => {
-    const c = l.nodes[d];
-    c && (c[u] = _, t());
-  }, A = l.name ?? "", v = l.nodes;
+    }), s();
+  }, b = (u) => {
+    l.nodes.splice(u, 1), s();
+  }, A = (u, g, d) => {
+    const v = l.nodes[u];
+    v && (v[g] = d, s());
+  }, y = l.name ?? "", m = l.nodes;
   return /* @__PURE__ */ i("div", { className: "quality-requirement-editor", children: [
-    /* @__PURE__ */ a(m, { className: "quality-requirement-editor__meta mb-4", children: /* @__PURE__ */ i(m.Group, { children: [
-      /* @__PURE__ */ a(m.Label, { className: "quality-requirement-editor__name-label", children: "Name" }),
+    /* @__PURE__ */ a(c, { className: "quality-requirement-editor__meta mb-4", children: /* @__PURE__ */ i(c.Group, { children: [
+      /* @__PURE__ */ a(c.Label, { className: "quality-requirement-editor__name-label", children: "Name" }),
       /* @__PURE__ */ a(
-        m.Control,
+        c.Control,
         {
           className: "quality-requirement-editor__name-input",
           type: "text",
-          value: A,
-          onChange: n,
+          value: y,
+          onChange: o,
           placeholder: "Quality requirement name",
           "aria-label": "Quality requirement name"
         }
@@ -961,32 +961,33 @@ function Le({ qualityRequirement: e }) {
           {
             variant: "primary",
             size: "sm",
-            onClick: o,
+            onClick: r,
             "aria-label": "Add node",
             children: "Add node"
           }
         )
       ] }),
-      v.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small quality-requirement-editor__empty-nodes", children: 'No nodes. Click "Add node" to add one.' }),
-      /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 quality-requirement-editor__list", children: v.map((d, u) => /* @__PURE__ */ a("li", { className: "quality-requirement-editor__node mb-3", children: /* @__PURE__ */ a(
+      m.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small quality-requirement-editor__empty-nodes", children: 'No nodes. Click "Add node" to add one.' }),
+      /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 quality-requirement-editor__list", children: m.map((u, g) => /* @__PURE__ */ a("li", { className: "quality-requirement-editor__node mb-3", children: /* @__PURE__ */ a(
         _e,
         {
-          node: d,
-          index: u,
-          onRemove: () => r(u),
-          onFieldChange: (_, c) => C(u, _, c)
+          node: u,
+          index: g,
+          hookNames: t,
+          onRemove: () => b(g),
+          onFieldChange: (d, v) => A(g, d, v)
         }
-      ) }, u)) })
+      ) }, g)) })
     ] })
   ] });
 }
-function _e({ node: e, index: t, onRemove: s, onFieldChange: l }) {
-  const n = B(e);
-  n.current = e;
-  const o = n.current;
-  return Array.isArray(o.validation_rules) || (o.validation_rules = []), /* @__PURE__ */ i(N, { className: "quality-requirement-editor__node-card", children: [
-    /* @__PURE__ */ i(N.Header, { className: "d-flex justify-content-between align-items-center", children: [
-      /* @__PURE__ */ i(N.Title, { className: "mb-0 fs-6", children: [
+function _e({ node: e, index: t, hookNames: s = [], onRemove: n, onFieldChange: l }) {
+  const o = B(e);
+  o.current = e;
+  const r = o.current;
+  return Array.isArray(r.validation_rules) || (r.validation_rules = []), /* @__PURE__ */ i(f, { className: "quality-requirement-editor__node-card", children: [
+    /* @__PURE__ */ i(f.Header, { className: "d-flex justify-content-between align-items-center", children: [
+      /* @__PURE__ */ i(f.Title, { className: "mb-0 fs-6", children: [
         "Node ",
         t + 1
       ] }),
@@ -995,46 +996,48 @@ function _e({ node: e, index: t, onRemove: s, onFieldChange: l }) {
         {
           variant: "danger",
           size: "sm",
-          onClick: s,
+          onClick: n,
           "aria-label": `Remove node ${t + 1}`,
           children: "Remove"
         }
       )
     ] }),
-    /* @__PURE__ */ i(N.Body, { children: [
-      /* @__PURE__ */ a(m, { className: "quality-requirement-editor__node-fields mb-3", children: /* @__PURE__ */ i("div", { className: "row g-2", children: [
-        /* @__PURE__ */ i(m.Group, { className: "col-md-6", children: [
-          /* @__PURE__ */ a(m.Label, { children: "Node name" }),
+    /* @__PURE__ */ i(f.Body, { children: [
+      /* @__PURE__ */ a(c, { className: "quality-requirement-editor__node-fields mb-3", children: /* @__PURE__ */ i("div", { className: "row g-2", children: [
+        /* @__PURE__ */ i(c.Group, { className: "col-md-6", children: [
+          /* @__PURE__ */ a(c.Label, { children: "Node name" }),
           /* @__PURE__ */ a(
-            m.Control,
+            c.Control,
             {
               size: "sm",
               type: "text",
-              value: o.node_name ?? "",
-              onChange: (r) => l("node_name", r.target.value),
+              value: r.node_name ?? "",
+              onChange: (b) => l("node_name", b.target.value),
               placeholder: "node_name",
               "aria-label": "Node name"
             }
           )
         ] }),
-        /* @__PURE__ */ i(m.Group, { className: "col-md-6", children: [
-          /* @__PURE__ */ a(m.Label, { children: "Hook" }),
-          /* @__PURE__ */ a(
-            m.Control,
+        /* @__PURE__ */ i(c.Group, { className: "col-md-6", children: [
+          /* @__PURE__ */ a(c.Label, { children: "Hook" }),
+          /* @__PURE__ */ i(
+            c.Select,
             {
               size: "sm",
-              type: "text",
-              value: o.hook ?? "",
-              onChange: (r) => l("hook", r.target.value),
-              placeholder: "hook",
-              "aria-label": "Hook"
+              value: r.hook ?? "",
+              onChange: (b) => l("hook", b.target.value),
+              "aria-label": "Hook",
+              children: [
+                /* @__PURE__ */ a("option", { value: "", children: "선택" }),
+                s.map((b) => /* @__PURE__ */ a("option", { value: b, children: b }, b))
+              ]
             }
           )
         ] })
       ] }) }),
       /* @__PURE__ */ i("div", { className: "quality-requirement-editor__node-rules pt-3 border-top", children: [
         /* @__PURE__ */ a("h6", { className: "mb-2", children: "Validation rules" }),
-        /* @__PURE__ */ a(W, { validationRules: o.validation_rules })
+        /* @__PURE__ */ a(W, { validationRules: r.validation_rules })
       ] })
     ] })
   ] });
@@ -1051,25 +1054,25 @@ function Oe({ qualityRequirement: e }) {
     /* @__PURE__ */ i("div", { className: "pt-3 border-top", children: [
       /* @__PURE__ */ a("h5", { className: "mb-3", children: "Nodes" }),
       s.length === 0 && /* @__PURE__ */ a("p", { className: "text-muted small mb-0", children: "No nodes." }),
-      /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0", children: s.map((l, n) => /* @__PURE__ */ a("li", { className: "mb-3", children: /* @__PURE__ */ a(Ce, { node: l, index: n }) }, n)) })
+      /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0", children: s.map((n, l) => /* @__PURE__ */ a("li", { className: "mb-3", children: /* @__PURE__ */ a(Ce, { node: n, index: l }) }, l)) })
     ] })
   ] });
 }
 function Ce({ node: e, index: t }) {
-  const s = e?.node_name ?? "—", l = e?.hook ?? "—", n = Array.isArray(e?.validation_rules) ? e.validation_rules : [];
-  return /* @__PURE__ */ i(N, { className: "sodas-validation-ui__rule-card", children: [
-    /* @__PURE__ */ a(N.Header, { children: /* @__PURE__ */ i(N.Title, { className: "mb-0 fs-6", children: [
+  const s = e?.node_name ?? "—", n = e?.hook ?? "—", l = Array.isArray(e?.validation_rules) ? e.validation_rules : [];
+  return /* @__PURE__ */ i(f, { className: "sodas-validation-ui__rule-card", children: [
+    /* @__PURE__ */ a(f.Header, { children: /* @__PURE__ */ i(f.Title, { className: "mb-0 fs-6", children: [
       "Node ",
       t + 1
     ] }) }),
-    /* @__PURE__ */ i(N.Body, { children: [
+    /* @__PURE__ */ i(f.Body, { children: [
       /* @__PURE__ */ i("div", { className: "d-flex flex-wrap gap-3 mb-3", children: [
-        /* @__PURE__ */ a(g, { label: "Node name", value: s }),
-        /* @__PURE__ */ a(g, { label: "Hook", value: l })
+        /* @__PURE__ */ a(_, { label: "Node name", value: s }),
+        /* @__PURE__ */ a(_, { label: "Hook", value: n })
       ] }),
       /* @__PURE__ */ i("div", { className: "pt-3 border-top", children: [
         /* @__PURE__ */ a("h6", { className: "mb-2", children: "Validation rules" }),
-        n.length === 0 ? /* @__PURE__ */ a("p", { className: "text-muted small mb-0", children: "No validation rules." }) : /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ a("li", { className: "mb-2", children: /* @__PURE__ */ a(N, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ i(N.Body, { className: "py-2", children: [
+        l.length === 0 ? /* @__PURE__ */ a("p", { className: "text-muted small mb-0", children: "No validation rules." }) : /* @__PURE__ */ a("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: l.map((o, r) => /* @__PURE__ */ a("li", { className: "mb-2", children: /* @__PURE__ */ a(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ i(f.Body, { className: "py-2", children: [
           /* @__PURE__ */ a("div", { className: "mb-1", children: /* @__PURE__ */ a("span", { className: "fw-semibold small", children: fe(o?.getType ?? o?.type) }) }),
           /* @__PURE__ */ a($, { rule: o, showColumn: !0 })
         ] }) }) }, r)) })
@@ -1078,7 +1081,7 @@ function Ce({ node: e, index: t }) {
   ] });
 }
 export {
-  ye as ColumnedQualityMetadataViewer,
+  ge as ColumnedQualityMetadataViewer,
   de as ColumnedValidationRulesEditor,
   we as QualityMetadataViewer,
   Le as QualityRequirementEditor,