@kopexa/grc 0.0.3 → 0.0.4

package/dist/{chunk-TW3S4OE2.mjs → chunk-AGASJJ7X.mjs}

@@ -13,7 +13,7 @@ import { EditIcon } from "@kopexa/icons";
 import { Button, Card, Chip, Heading, Select, Textarea } from "@kopexa/sight";
 import { impactCard } from "@kopexa/theme";
 import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ImpactItemRow({
   label,
   shortLabel,
@@ -82,15 +82,18 @@ function ImpactCard({
   showAuthenticity = false,
   readOnly = false,
   scale = "risk",
-  title
+  title,
+  variant = "card"
 }) {
   var _a, _b;
   const intl = useSafeIntl();
+  const isInline = variant === "inline";
   const [isEditing, setIsEditing] = useState(false);
   const [editValues, setEditValues] = useState(
     value || defaultImpact
   );
-  const styles = impactCard({ editing: isEditing });
+  const effectiveIsEditing = isInline ? !readOnly : isEditing;
+  const styles = impactCard({ editing: !isInline && isEditing });
   const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
   const formatLabel = (level) => {
     const config = scaleConfig[level];
@@ -126,18 +129,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,
@@ -149,6 +162,87 @@ function ImpactCard({
   const justificationHint = intl.formatMessage(messages.justification_hint, {
     level: highestLabel
   });
+  const impactRows = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ImpactItemRow,
+      {
+        label: t.confidentiality,
+        shortLabel: "C",
+        value: currentImpact.impactConfidentiality,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactConfidentiality")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ImpactItemRow,
+      {
+        label: t.integrity,
+        shortLabel: "I",
+        value: currentImpact.impactIntegrity,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactIntegrity")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ImpactItemRow,
+      {
+        label: t.availability,
+        shortLabel: "A",
+        value: currentImpact.impactAvailability,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAvailability")
+      }
+    ),
+    showAuthenticity && /* @__PURE__ */ 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__ */ jsxs("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: "impact-justification",
+        className: styles.justificationLabel(),
+        children: [
+          t.justification,
+          highestImpact > 0 && /* @__PURE__ */ jsx("span", { className: styles.justificationHint(), children: justificationHint })
+        ]
+      }
+    ),
+    effectiveIsEditing ? /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: "impact-justification",
+        value: currentImpact.impactJustification || "",
+        onChange: (e) => handleJustificationChange(e.target.value),
+        placeholder: t.justificationPlaceholder,
+        rows: 3,
+        className: "text-sm"
+      }
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ jsx("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ jsx("p", { className: styles.justificationEmpty(), children: t.noJustification })
+  ] });
+  if (isInline) {
+    return /* @__PURE__ */ jsxs("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ jsx("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ jsx(Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+      impactRows,
+      justificationContent
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Card.Root, { className: styles.root(), children: [
     /* @__PURE__ */ jsxs(Card.Header, { className: "flex flex-row items-center justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -170,78 +264,8 @@ function ImpactCard({
       ] }))
     ] }),
     /* @__PURE__ */ jsxs(Card.Body, { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx(
-        ImpactItemRow,
-        {
-          label: t.confidentiality,
-          shortLabel: "C",
-          value: currentImpact.impactConfidentiality,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactConfidentiality")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ImpactItemRow,
-        {
-          label: t.integrity,
-          shortLabel: "I",
-          value: currentImpact.impactIntegrity,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactIntegrity")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ImpactItemRow,
-        {
-          label: t.availability,
-          shortLabel: "A",
-          value: currentImpact.impactAvailability,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAvailability")
-        }
-      ),
-      showAuthenticity && /* @__PURE__ */ jsx(
-        ImpactItemRow,
-        {
-          label: t.authenticity,
-          shortLabel: "Au",
-          value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAuthenticity")
-        }
-      ),
-      showJustification && /* @__PURE__ */ jsxs("div", { className: styles.justificationSection(), children: [
-        /* @__PURE__ */ jsxs(
-          "label",
-          {
-            htmlFor: "impact-justification",
-            className: styles.justificationLabel(),
-            children: [
-              t.justification,
-              highestImpact > 0 && /* @__PURE__ */ jsx("span", { className: styles.justificationHint(), children: justificationHint })
-            ]
-          }
-        ),
-        isEditing ? /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: "impact-justification",
-            value: currentImpact.impactJustification || "",
-            onChange: (e) => handleJustificationChange(e.target.value),
-            placeholder: t.justificationPlaceholder,
-            rows: 3,
-            className: "text-sm"
-          }
-        ) : currentImpact.impactJustification ? /* @__PURE__ */ jsx("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ jsx("p", { className: styles.justificationEmpty(), children: t.noJustification })
-      ] })
+      impactRows,
+      justificationContent
     ] })
   ] });
 }

package/dist/common/impact/impact-card.d.mts

@@ -29,7 +29,13 @@ interface ImpactCardProps {
     scale?: ImpactScalePreset | ImpactScaleConfig;
     /** Custom title for the card */
     title?: string;
+    /**
+     * Display variant:
+     * - `card`: Wrapped in a Card with edit/save/cancel buttons (default)
+     * - `inline`: No card wrapper, always editable, changes propagate immediately
+     */
+    variant?: "card" | "inline";
 }
-declare function ImpactCard({ value, onChange, showJustification, showAuthenticity, readOnly, scale, title, }: ImpactCardProps): react_jsx_runtime.JSX.Element;
+declare function ImpactCard({ value, onChange, showJustification, showAuthenticity, readOnly, scale, title, variant, }: ImpactCardProps): react_jsx_runtime.JSX.Element;
 
 export { ImpactCard, type ImpactCardProps, type ImpactValue };

package/dist/common/impact/impact-card.d.ts

@@ -29,7 +29,13 @@ interface ImpactCardProps {
     scale?: ImpactScalePreset | ImpactScaleConfig;
     /** Custom title for the card */
     title?: string;
+    /**
+     * Display variant:
+     * - `card`: Wrapped in a Card with edit/save/cancel buttons (default)
+     * - `inline`: No card wrapper, always editable, changes propagate immediately
+     */
+    variant?: "card" | "inline";
 }
-declare function ImpactCard({ value, onChange, showJustification, showAuthenticity, readOnly, scale, title, }: ImpactCardProps): react_jsx_runtime.JSX.Element;
+declare function ImpactCard({ value, onChange, showJustification, showAuthenticity, readOnly, scale, title, variant, }: ImpactCardProps): react_jsx_runtime.JSX.Element;
 
 export { ImpactCard, type ImpactCardProps, type ImpactValue };

package/dist/common/impact/impact-card.js

@@ -382,15 +382,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];
@@ -426,18 +429,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,
@@ -449,6 +462,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: [
@@ -470,78 +564,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/impact-card.mjs

@@ -2,7 +2,7 @@
 "use client";
 import {
   ImpactCard
-} from "../../chunk-TW3S4OE2.mjs";
+} from "../../chunk-AGASJJ7X.mjs";
 import "../../chunk-KNGEZZFI.mjs";
 import "../../chunk-GF3WJZVI.mjs";
 export {