@kopexa/grc 0.0.3 → 0.0.4

package/dist/common/impact/index.js

@@ -389,15 +389,18 @@ function ImpactCard({
   showAuthenticity = false,
   readOnly = false,
   scale = "risk",
-  title
+  title,
+  variant = "card"
 }) {
   var _a, _b;
   const intl = (0, import_i18n2.useSafeIntl)();
+  const isInline = variant === "inline";
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [editValues, setEditValues] = (0, import_react.useState)(
     value || defaultImpact
   );
-  const styles = (0, import_theme.impactCard)({ editing: isEditing });
+  const effectiveIsEditing = isInline ? !readOnly : isEditing;
+  const styles = (0, import_theme.impactCard)({ editing: !isInline && isEditing });
   const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
   const formatLabel = (level) => {
     const config = scaleConfig[level];
@@ -433,18 +436,28 @@ function ImpactCard({
     setEditValues(value || defaultImpact);
     setIsEditing(true);
   };
-  const currentImpact = isEditing ? editValues : value || defaultImpact;
+  const currentImpact = isInline ? value || defaultImpact : isEditing ? editValues : value || defaultImpact;
   const handleLevelChange = (key) => (level) => {
-    setEditValues((prev) => ({
-      ...prev,
+    const newValues = {
+      ...isInline ? value || defaultImpact : editValues,
       [key]: level
-    }));
+    };
+    if (isInline) {
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setEditValues(newValues);
+    }
   };
   const handleJustificationChange = (justification) => {
-    setEditValues((prev) => ({
-      ...prev,
+    const newValues = {
+      ...isInline ? value || defaultImpact : editValues,
       impactJustification: justification || void 0
-    }));
+    };
+    if (isInline) {
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setEditValues(newValues);
+    }
   };
   const highestImpact = Math.max(
     currentImpact.impactConfidentiality,
@@ -456,6 +469,87 @@ function ImpactCard({
   const justificationHint = intl.formatMessage(messages.justification_hint, {
     level: highestLabel
   });
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ImpactItemRow,
+      {
+        label: t.confidentiality,
+        shortLabel: "C",
+        value: currentImpact.impactConfidentiality,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactConfidentiality")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ImpactItemRow,
+      {
+        label: t.integrity,
+        shortLabel: "I",
+        value: currentImpact.impactIntegrity,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactIntegrity")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ImpactItemRow,
+      {
+        label: t.availability,
+        shortLabel: "A",
+        value: currentImpact.impactAvailability,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAvailability")
+      }
+    ),
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ImpactItemRow,
+      {
+        label: t.authenticity,
+        shortLabel: "Au",
+        value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAuthenticity")
+      }
+    )
+  ] });
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "label",
+      {
+        htmlFor: "impact-justification",
+        className: styles.justificationLabel(),
+        children: [
+          t.justification,
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
+        ]
+      }
+    ),
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_sight.Textarea,
+      {
+        id: "impact-justification",
+        value: currentImpact.impactJustification || "",
+        onChange: (e) => handleJustificationChange(e.target.value),
+        placeholder: t.justificationPlaceholder,
+        rows: 3,
+        className: "text-sm"
+      }
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
+  ] });
+  if (isInline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+      impactRows,
+      justificationContent
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Card.Root, { className: styles.root(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Card.Header, { className: "flex flex-row items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -477,78 +571,8 @@ function ImpactCard({
       ] }))
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Card.Body, { className: "space-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ImpactItemRow,
-        {
-          label: t.confidentiality,
-          shortLabel: "C",
-          value: currentImpact.impactConfidentiality,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactConfidentiality")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ImpactItemRow,
-        {
-          label: t.integrity,
-          shortLabel: "I",
-          value: currentImpact.impactIntegrity,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactIntegrity")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ImpactItemRow,
-        {
-          label: t.availability,
-          shortLabel: "A",
-          value: currentImpact.impactAvailability,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAvailability")
-        }
-      ),
-      showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ImpactItemRow,
-        {
-          label: t.authenticity,
-          shortLabel: "Au",
-          value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAuthenticity")
-        }
-      ),
-      showJustification && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.justificationSection(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "label",
-          {
-            htmlFor: "impact-justification",
-            className: styles.justificationLabel(),
-            children: [
-              t.justification,
-              highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
-            ]
-          }
-        ),
-        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_sight.Textarea,
-          {
-            id: "impact-justification",
-            value: currentImpact.impactJustification || "",
-            onChange: (e) => handleJustificationChange(e.target.value),
-            placeholder: t.justificationPlaceholder,
-            rows: 3,
-            className: "text-sm"
-          }
-        ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
-      ] })
+      impactRows,
+      justificationContent
     ] })
   ] });
 }

package/dist/common/impact/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-GFABGXAO.mjs";
 import {
   ImpactCard
-} from "../../chunk-TW3S4OE2.mjs";
+} from "../../chunk-AGASJJ7X.mjs";
 import {
   assetScale,
   getScale,

package/dist/common/index.js

@@ -597,15 +597,18 @@ function ImpactCard({
   showAuthenticity = false,
   readOnly = false,
   scale = "risk",
-  title
+  title,
+  variant = "card"
 }) {
   var _a, _b;
   const intl = (0, import_i18n6.useSafeIntl)();
+  const isInline = variant === "inline";
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [editValues, setEditValues] = (0, import_react.useState)(
     value || defaultImpact
   );
-  const styles = (0, import_theme3.impactCard)({ editing: isEditing });
+  const effectiveIsEditing = isInline ? !readOnly : isEditing;
+  const styles = (0, import_theme3.impactCard)({ editing: !isInline && isEditing });
   const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
   const formatLabel = (level) => {
     const config = scaleConfig[level];
@@ -641,18 +644,28 @@ function ImpactCard({
     setEditValues(value || defaultImpact);
     setIsEditing(true);
   };
-  const currentImpact = isEditing ? editValues : value || defaultImpact;
+  const currentImpact = isInline ? value || defaultImpact : isEditing ? editValues : value || defaultImpact;
   const handleLevelChange = (key) => (level) => {
-    setEditValues((prev) => ({
-      ...prev,
+    const newValues = {
+      ...isInline ? value || defaultImpact : editValues,
       [key]: level
-    }));
+    };
+    if (isInline) {
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setEditValues(newValues);
+    }
   };
   const handleJustificationChange = (justification) => {
-    setEditValues((prev) => ({
-      ...prev,
+    const newValues = {
+      ...isInline ? value || defaultImpact : editValues,
       impactJustification: justification || void 0
-    }));
+    };
+    if (isInline) {
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setEditValues(newValues);
+    }
   };
   const highestImpact = Math.max(
     currentImpact.impactConfidentiality,
@@ -664,6 +677,87 @@ function ImpactCard({
   const justificationHint = intl.formatMessage(messages3.justification_hint, {
     level: highestLabel
   });
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.confidentiality,
+        shortLabel: "C",
+        value: currentImpact.impactConfidentiality,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactConfidentiality")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.integrity,
+        shortLabel: "I",
+        value: currentImpact.impactIntegrity,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactIntegrity")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.availability,
+        shortLabel: "A",
+        value: currentImpact.impactAvailability,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAvailability")
+      }
+    ),
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.authenticity,
+        shortLabel: "Au",
+        value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAuthenticity")
+      }
+    )
+  ] });
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "label",
+      {
+        htmlFor: "impact-justification",
+        className: styles.justificationLabel(),
+        children: [
+          t.justification,
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
+        ]
+      }
+    ),
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_sight3.Textarea,
+      {
+        id: "impact-justification",
+        value: currentImpact.impactJustification || "",
+        onChange: (e) => handleJustificationChange(e.target.value),
+        placeholder: t.justificationPlaceholder,
+        rows: 3,
+        className: "text-sm"
+      }
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
+  ] });
+  if (isInline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+      impactRows,
+      justificationContent
+    ] });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sight3.Card.Root, { className: styles.root(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sight3.Card.Header, { className: "flex flex-row items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -685,78 +779,8 @@ function ImpactCard({
       ] }))
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sight3.Card.Body, { className: "space-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        ImpactItemRow,
-        {
-          label: t.confidentiality,
-          shortLabel: "C",
-          value: currentImpact.impactConfidentiality,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactConfidentiality")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        ImpactItemRow,
-        {
-          label: t.integrity,
-          shortLabel: "I",
-          value: currentImpact.impactIntegrity,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactIntegrity")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        ImpactItemRow,
-        {
-          label: t.availability,
-          shortLabel: "A",
-          value: currentImpact.impactAvailability,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAvailability")
-        }
-      ),
-      showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        ImpactItemRow,
-        {
-          label: t.authenticity,
-          shortLabel: "Au",
-          value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAuthenticity")
-        }
-      ),
-      showJustification && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.justificationSection(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-          "label",
-          {
-            htmlFor: "impact-justification",
-            className: styles.justificationLabel(),
-            children: [
-              t.justification,
-              highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
-            ]
-          }
-        ),
-        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_sight3.Textarea,
-          {
-            id: "impact-justification",
-            value: currentImpact.impactJustification || "",
-            onChange: (e) => handleJustificationChange(e.target.value),
-            placeholder: t.justificationPlaceholder,
-            rows: 3,
-            className: "text-sm"
-          }
-        ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
-      ] })
+      impactRows,
+      justificationContent
     ] })
   ] });
 }

package/dist/common/index.mjs

@@ -22,7 +22,7 @@ import "../chunk-QS5S6V26.mjs";
 import "../chunk-GFABGXAO.mjs";
 import {
   ImpactCard
-} from "../chunk-TW3S4OE2.mjs";
+} from "../chunk-AGASJJ7X.mjs";
 import {
   assetScale,
   getScale,