@kopexa/grc 0.0.2 → 0.0.4

package/dist/common/control/index.js

@@ -0,0 +1,160 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/control/index.ts
+var control_exports = {};
+__export(control_exports, {
+  ControlChip: () => ControlChip,
+  MappedControls: () => MappedControls
+});
+module.exports = __toCommonJS(control_exports);
+
+// src/common/control/mapped-controls.tsx
+var import_i18n2 = require("@kopexa/i18n");
+var import_krn = require("@kopexa/krn");
+var import_sight = require("@kopexa/sight");
+var import_theme = require("@kopexa/theme");
+
+// src/common/control/messages.ts
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.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"
+  }
+});
+
+// src/common/control/mapped-controls.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function formatControlKrn(krnString) {
+  const parsed = import_krn.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 = (0, import_theme.relatedControlChip)({ size, interactive });
+  const { controlId, full } = formatControlKrn(krn);
+  const displayId = controlId.toUpperCase();
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.chipId(), children: displayId });
+  const chip = interactive && onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className: styles.chip({ className }),
+      onClick,
+      children: content
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.chip({ className }), children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Tooltip, { content: full, children: chip });
+}
+function MappedControls({
+  controls,
+  maxVisible = 2,
+  size = "md",
+  interactive = false,
+  onControlClick,
+  showEmpty = false,
+  className,
+  ...rest
+}) {
+  const intl = (0, import_i18n2.useSafeIntl)();
+  const styles = (0, import_theme.relatedControlChip)({ size, interactive });
+  if (controls.length === 0) {
+    if (!showEmpty) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.root({ className }), ...rest, children: [
+    visibleControls.map((krn) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ControlChip,
+      {
+        krn,
+        size,
+        interactive,
+        onClick: onControlClick ? () => onControlClick(krn) : void 0
+      },
+      krn
+    )),
+    hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Popover.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Popover.Trigger, { className: styles.overflow(), children: intl.formatMessage(messages.more_controls, {
+        count: hiddenCount
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_sight.Popover.Content,
+        {
+          align: "start",
+          className: "p-2 max-w-xs",
+          showArrow: false,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: intl.formatMessage(messages.view_all, {
+              count: controls.length
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1", children: controls.map((krn) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              ControlChip,
+              {
+                krn,
+                size,
+                interactive,
+                onClick: onControlClick ? () => onControlClick(krn) : void 0
+              },
+              krn
+            )) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlChip,
+  MappedControls
+});

package/dist/common/control/index.mjs

@@ -0,0 +1,11 @@
+"use client";
+import "../../chunk-CND77GVC.mjs";
+import {
+  ControlChip,
+  MappedControls
+} from "../../chunk-QDYL5ABK.mjs";
+import "../../chunk-QS5S6V26.mjs";
+export {
+  ControlChip,
+  MappedControls
+};

package/dist/common/control/mapped-controls.d.mts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+interface MappedControlsProps extends ComponentProps<"div"> {
+    /** Array of control KRN strings */
+    controls: string[];
+    /** Maximum number of chips to display before showing overflow */
+    maxVisible?: number;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Make chips interactive (clickable) */
+    interactive?: boolean;
+    /** Callback when a control chip is clicked */
+    onControlClick?: (krn: string) => void;
+    /** Show empty state when no controls */
+    showEmpty?: boolean;
+}
+interface ControlChipProps {
+    /** The KRN string */
+    krn: string;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Make chip interactive */
+    interactive?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional class names */
+    className?: string;
+}
+declare function ControlChip({ krn, size, interactive, onClick, className, }: ControlChipProps): react_jsx_runtime.JSX.Element;
+declare function MappedControls({ controls, maxVisible, size, interactive, onControlClick, showEmpty, className, ...rest }: MappedControlsProps): react_jsx_runtime.JSX.Element | null;
+
+export { ControlChip, type ControlChipProps, MappedControls, type MappedControlsProps };

package/dist/common/control/mapped-controls.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+interface MappedControlsProps extends ComponentProps<"div"> {
+    /** Array of control KRN strings */
+    controls: string[];
+    /** Maximum number of chips to display before showing overflow */
+    maxVisible?: number;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Make chips interactive (clickable) */
+    interactive?: boolean;
+    /** Callback when a control chip is clicked */
+    onControlClick?: (krn: string) => void;
+    /** Show empty state when no controls */
+    showEmpty?: boolean;
+}
+interface ControlChipProps {
+    /** The KRN string */
+    krn: string;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Make chip interactive */
+    interactive?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional class names */
+    className?: string;
+}
+declare function ControlChip({ krn, size, interactive, onClick, className, }: ControlChipProps): react_jsx_runtime.JSX.Element;
+declare function MappedControls({ controls, maxVisible, size, interactive, onControlClick, showEmpty, className, ...rest }: MappedControlsProps): react_jsx_runtime.JSX.Element | null;
+
+export { ControlChip, type ControlChipProps, MappedControls, type MappedControlsProps };

package/dist/common/control/mapped-controls.js

@@ -0,0 +1,159 @@
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/control/mapped-controls.tsx
+var mapped_controls_exports = {};
+__export(mapped_controls_exports, {
+  ControlChip: () => ControlChip,
+  MappedControls: () => MappedControls
+});
+module.exports = __toCommonJS(mapped_controls_exports);
+var import_i18n2 = require("@kopexa/i18n");
+var import_krn = require("@kopexa/krn");
+var import_sight = require("@kopexa/sight");
+var import_theme = require("@kopexa/theme");
+
+// src/common/control/messages.ts
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.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"
+  }
+});
+
+// src/common/control/mapped-controls.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function formatControlKrn(krnString) {
+  const parsed = import_krn.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 = (0, import_theme.relatedControlChip)({ size, interactive });
+  const { controlId, full } = formatControlKrn(krn);
+  const displayId = controlId.toUpperCase();
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.chipId(), children: displayId });
+  const chip = interactive && onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      className: styles.chip({ className }),
+      onClick,
+      children: content
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.chip({ className }), children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Tooltip, { content: full, children: chip });
+}
+function MappedControls({
+  controls,
+  maxVisible = 2,
+  size = "md",
+  interactive = false,
+  onControlClick,
+  showEmpty = false,
+  className,
+  ...rest
+}) {
+  const intl = (0, import_i18n2.useSafeIntl)();
+  const styles = (0, import_theme.relatedControlChip)({ size, interactive });
+  if (controls.length === 0) {
+    if (!showEmpty) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.root({ className }), ...rest, children: [
+    visibleControls.map((krn) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ControlChip,
+      {
+        krn,
+        size,
+        interactive,
+        onClick: onControlClick ? () => onControlClick(krn) : void 0
+      },
+      krn
+    )),
+    hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Popover.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Popover.Trigger, { className: styles.overflow(), children: intl.formatMessage(messages.more_controls, {
+        count: hiddenCount
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_sight.Popover.Content,
+        {
+          align: "start",
+          className: "p-2 max-w-xs",
+          showArrow: false,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: intl.formatMessage(messages.view_all, {
+              count: controls.length
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-1", children: controls.map((krn) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              ControlChip,
+              {
+                krn,
+                size,
+                interactive,
+                onClick: onControlClick ? () => onControlClick(krn) : void 0
+              },
+              krn
+            )) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlChip,
+  MappedControls
+});

package/dist/common/control/mapped-controls.mjs

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import {
+  ControlChip,
+  MappedControls
+} from "../../chunk-QDYL5ABK.mjs";
+import "../../chunk-QS5S6V26.mjs";
+export {
+  ControlChip,
+  MappedControls
+};

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

@@ -0,0 +1,16 @@
+declare const messages: {
+    more_controls: {
+        id: string;
+        defaultMessage: string;
+    };
+    view_all: {
+        id: string;
+        defaultMessage: string;
+    };
+    no_controls: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+
+export { messages };

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

@@ -0,0 +1,16 @@
+declare const messages: {
+    more_controls: {
+        id: string;
+        defaultMessage: string;
+    };
+    view_all: {
+        id: string;
+        defaultMessage: string;
+    };
+    no_controls: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+
+export { messages };

package/dist/common/control/messages.js

@@ -0,0 +1,45 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/control/messages.ts
+var messages_exports = {};
+__export(messages_exports, {
+  messages: () => messages
+});
+module.exports = __toCommonJS(messages_exports);
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.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"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messages
+});

package/dist/common/control/messages.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  messages
+} from "../../chunk-QS5S6V26.mjs";
+export {
+  messages
+};

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 };