@kopexa/grc 0.0.2 → 0.0.4

package/dist/chunk-5TBN3JQA.mjs

@@ -0,0 +1,66 @@
+"use client";
+import {
+  messages
+} from "./chunk-DC44K745.mjs";
+import {
+  getRiskLevelFromRating,
+  isRatingUnrated
+} from "./chunk-VFX3DASQ.mjs";
+
+// src/common/risk/risk-rating-display.tsx
+import { useSafeIntl } from "@kopexa/i18n";
+import { Tooltip } from "@kopexa/sight";
+import { riskRating } from "@kopexa/theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RiskRatingDisplay({
+  rating,
+  showBadge = true,
+  showLabel = true,
+  size = "md"
+}) {
+  const intl = useSafeIntl();
+  if (isRatingUnrated(rating)) {
+    const styles2 = riskRating({ size, level: "unrated" });
+    const levelLabel2 = intl.formatMessage(messages.level_unrated);
+    return /* @__PURE__ */ jsx(Tooltip, { content: intl.formatMessage(messages.not_rated_hint), children: /* @__PURE__ */ jsxs("div", { className: styles2.base(), children: [
+      showBadge && /* @__PURE__ */ jsx("div", { className: styles2.badge(), children: "\u2014" }),
+      showLabel && /* @__PURE__ */ jsx("span", { className: styles2.label(), children: levelLabel2 })
+    ] }) });
+  }
+  const ratedValue = rating;
+  const level = getRiskLevelFromRating(ratedValue.rating);
+  const styles = riskRating({
+    size,
+    level
+  });
+  const levelLabelKey = `level_${level}`;
+  const levelLabel = intl.formatMessage(messages[levelLabelKey]);
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      content: /* @__PURE__ */ jsxs("div", { className: "text-xs space-y-1", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          intl.formatMessage(messages.likelihood),
+          ": ",
+          ratedValue.likelihood,
+          "/5"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          intl.formatMessage(messages.consequence),
+          ": ",
+          ratedValue.consequence,
+          "/5"
+        ] }),
+        ratedValue.comment && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: ratedValue.comment })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: styles.base(), children: [
+        showBadge && /* @__PURE__ */ jsx("div", { className: styles.badge(), children: ratedValue.rating }),
+        showLabel && /* @__PURE__ */ jsx("span", { className: styles.label(), children: levelLabel })
+      ] })
+    }
+  );
+}
+
+export {
+  RiskRatingDisplay
+};

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/chunk-DC44K745.mjs

@@ -0,0 +1,46 @@
+"use client";
+
+// src/common/risk/messages.ts
+import { defineMessages } from "@kopexa/i18n";
+var messages = defineMessages({
+  level_unrated: {
+    id: "grc.risk.level.unrated",
+    defaultMessage: "Not rated"
+  },
+  level_low: {
+    id: "grc.risk.level.low",
+    defaultMessage: "Low"
+  },
+  level_medium: {
+    id: "grc.risk.level.medium",
+    defaultMessage: "Medium"
+  },
+  level_high: {
+    id: "grc.risk.level.high",
+    defaultMessage: "High"
+  },
+  level_critical: {
+    id: "grc.risk.level.critical",
+    defaultMessage: "Critical"
+  },
+  likelihood: {
+    id: "grc.risk.likelihood",
+    defaultMessage: "Likelihood"
+  },
+  consequence: {
+    id: "grc.risk.consequence",
+    defaultMessage: "Consequence"
+  },
+  rating: {
+    id: "grc.risk.rating",
+    defaultMessage: "Rating"
+  },
+  not_rated_hint: {
+    id: "grc.risk.not_rated_hint",
+    defaultMessage: "Risk has not been assessed yet"
+  }
+});
+
+export {
+  messages
+};

package/dist/chunk-HI7F2CF4.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-HJUSN7FD.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-QDYL5ABK.mjs

@@ -0,0 +1,118 @@
+"use client";
+import {
+  messages
+} from "./chunk-QS5S6V26.mjs";
+
+// src/common/control/mapped-controls.tsx
+import { useSafeIntl } from "@kopexa/i18n";
+import { KRN } from "@kopexa/krn";
+import { Popover, Tooltip } from "@kopexa/sight";
+import { relatedControlChip } from "@kopexa/theme";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatControlKrn(krnString) {
+  const parsed = KRN.tryParse(krnString);
+  if (!parsed) {
+    return { framework: null, controlId: krnString, full: krnString };
+  }
+  const framework = parsed.tryResourceId("frameworks");
+  const control = parsed.tryResourceId("controls");
+  if (framework && control) {
+    return {
+      framework,
+      controlId: control,
+      full: `${framework}:${control}`
+    };
+  }
+  const basename = parsed.basename();
+  return {
+    framework: null,
+    controlId: basename || krnString,
+    full: basename || krnString
+  };
+}
+function ControlChip({
+  krn,
+  size = "md",
+  interactive = false,
+  onClick,
+  className
+}) {
+  const styles = relatedControlChip({ size, interactive });
+  const { controlId, full } = formatControlKrn(krn);
+  const displayId = controlId.toUpperCase();
+  const content = /* @__PURE__ */ jsx("span", { className: styles.chipId(), children: displayId });
+  const chip = interactive && onClick ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: styles.chip({ className }),
+      onClick,
+      children: content
+    }
+  ) : /* @__PURE__ */ jsx("span", { className: styles.chip({ className }), children: content });
+  return /* @__PURE__ */ jsx(Tooltip, { content: full, children: chip });
+}
+function MappedControls({
+  controls,
+  maxVisible = 2,
+  size = "md",
+  interactive = false,
+  onControlClick,
+  showEmpty = false,
+  className,
+  ...rest
+}) {
+  const intl = useSafeIntl();
+  const styles = relatedControlChip({ size, interactive });
+  if (controls.length === 0) {
+    if (!showEmpty) return null;
+    return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: intl.formatMessage(messages.no_controls) });
+  }
+  const visibleControls = controls.slice(0, maxVisible);
+  const hiddenCount = controls.length - maxVisible;
+  return /* @__PURE__ */ jsxs("div", { className: styles.root({ className }), ...rest, children: [
+    visibleControls.map((krn) => /* @__PURE__ */ jsx(
+      ControlChip,
+      {
+        krn,
+        size,
+        interactive,
+        onClick: onControlClick ? () => onControlClick(krn) : void 0
+      },
+      krn
+    )),
+    hiddenCount > 0 && /* @__PURE__ */ jsxs(Popover.Root, { children: [
+      /* @__PURE__ */ jsx(Popover.Trigger, { className: styles.overflow(), children: intl.formatMessage(messages.more_controls, {
+        count: hiddenCount
+      }) }),
+      /* @__PURE__ */ jsxs(
+        Popover.Content,
+        {
+          align: "start",
+          className: "p-2 max-w-xs",
+          showArrow: false,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: intl.formatMessage(messages.view_all, {
+              count: controls.length
+            }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: controls.map((krn) => /* @__PURE__ */ jsx(
+              ControlChip,
+              {
+                krn,
+                size,
+                interactive,
+                onClick: onControlClick ? () => onControlClick(krn) : void 0
+              },
+              krn
+            )) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  ControlChip,
+  MappedControls
+};

package/dist/chunk-QS5S6V26.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+// src/common/control/messages.ts
+import { defineMessages } from "@kopexa/i18n";
+var messages = defineMessages({
+  more_controls: {
+    id: "grc.control.mapped.more",
+    defaultMessage: "+{count} more"
+  },
+  view_all: {
+    id: "grc.control.mapped.view_all",
+    defaultMessage: "View all {count} controls"
+  },
+  no_controls: {
+    id: "grc.control.mapped.no_controls",
+    defaultMessage: "No mapped controls"
+  }
+});
+
+export {
+  messages
+};

package/dist/chunk-VFX3DASQ.mjs

@@ -0,0 +1,57 @@
+"use client";
+
+// src/common/risk/types.ts
+function getRiskLevelFromRating(rating) {
+  if (rating === 0) return "unrated";
+  if (rating <= 4) return "low";
+  if (rating <= 9) return "medium";
+  if (rating <= 16) return "high";
+  return "critical";
+}
+function isRatingUnrated(rating) {
+  if (!rating) return true;
+  return rating.rating === 0 || rating.likelihood === 0 || rating.consequence === 0;
+}
+var riskLevelConfig = {
+  unrated: {
+    label: "Nicht bewertet",
+    bgColor: "bg-muted",
+    textColor: "text-muted-foreground",
+    iconBgColor: "bg-muted/50",
+    iconTextColor: "text-muted-foreground"
+  },
+  low: {
+    label: "Niedrig",
+    bgColor: "bg-success",
+    textColor: "text-success",
+    iconBgColor: "bg-success/10",
+    iconTextColor: "text-success"
+  },
+  medium: {
+    label: "Mittel",
+    bgColor: "bg-warning",
+    textColor: "text-warning",
+    iconBgColor: "bg-warning/10",
+    iconTextColor: "text-warning"
+  },
+  high: {
+    label: "Hoch",
+    bgColor: "bg-orange-500",
+    textColor: "text-orange-500",
+    iconBgColor: "bg-orange-500/10",
+    iconTextColor: "text-orange-500"
+  },
+  critical: {
+    label: "Kritisch",
+    bgColor: "bg-destructive",
+    textColor: "text-destructive",
+    iconBgColor: "bg-destructive/10",
+    iconTextColor: "text-destructive"
+  }
+};
+
+export {
+  getRiskLevelFromRating,
+  isRatingUnrated,
+  riskLevelConfig
+};

package/dist/common/control/index.d.mts

@@ -0,0 +1,3 @@
+export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './mapped-controls.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/common/control/index.d.ts

@@ -0,0 +1,3 @@
+export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './mapped-controls.js';
+import 'react/jsx-runtime';
+import 'react';