@kopexa/grc 0.0.13 → 0.0.14

package/dist/chunk-C5OUE3C2.mjs

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

package/dist/chunk-EGK6RMOC.mjs

@@ -0,0 +1,102 @@
+"use client";
+import {
+  messages
+} from "./chunk-JHGWV2ID.mjs";
+
+// src/common/editor/editor-card.tsx
+import { useSafeIntl } from "@kopexa/i18n";
+import { EditIcon } from "@kopexa/icons";
+import { Button, Card, Heading } from "@kopexa/sight";
+import { Editor } from "@kopexa/tiptap";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditorCard({
+  value,
+  onChange,
+  title,
+  placeholder,
+  emptyText,
+  readOnly = false,
+  cardVariant = "accent"
+}) {
+  const intl = useSafeIntl();
+  const [isEditing, setIsEditing] = useState(false);
+  const [draftContent, setDraftContent] = useState(
+    value
+  );
+  const t = {
+    edit: intl.formatMessage(messages.edit),
+    cancel: intl.formatMessage(messages.cancel),
+    save: intl.formatMessage(messages.save),
+    placeholder: placeholder != null ? placeholder : intl.formatMessage(messages.placeholder),
+    empty: emptyText != null ? emptyText : intl.formatMessage(messages.empty)
+  };
+  const handleStartEdit = () => {
+    setDraftContent(value);
+    setIsEditing(true);
+  };
+  const handleSave = () => {
+    onChange == null ? void 0 : onChange(draftContent);
+    setIsEditing(false);
+  };
+  const handleCancel = () => {
+    setDraftContent(value);
+    setIsEditing(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    Card.Root,
+    {
+      variant: cardVariant,
+      className: isEditing ? "ring-2 ring-primary overflow-visible" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(Card.Header, { className: "flex flex-row items-center justify-between", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-base", children: title }),
+          !readOnly && (isEditing ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "solid",
+                color: "primary",
+                size: "sm",
+                onClick: handleSave,
+                children: t.save
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              isIconOnly: true,
+              onClick: handleStartEdit,
+              "aria-label": t.edit,
+              children: /* @__PURE__ */ jsx(EditIcon, { className: "size-4" })
+            }
+          ))
+        ] }),
+        /* @__PURE__ */ jsx(Card.Body, { className: "p-0", children: isEditing ? /* @__PURE__ */ jsx(
+          Editor,
+          {
+            variant: "field",
+            placeholder: t.placeholder,
+            content: draftContent,
+            onChange: setDraftContent
+          }
+        ) : value ? /* @__PURE__ */ jsx(
+          Editor,
+          {
+            variant: "default",
+            bordered: false,
+            content: value,
+            editable: false
+          }
+        ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed px-4 py-4", children: t.empty }) })
+      ]
+    }
+  );
+}
+
+export {
+  EditorCard
+};

package/dist/chunk-JHGWV2ID.mjs

@@ -0,0 +1,30 @@
+"use client";
+
+// src/common/editor/messages.ts
+import { defineMessages } from "react-intl";
+var messages = defineMessages({
+  edit: {
+    id: "grc.editor_card.edit",
+    defaultMessage: "Edit"
+  },
+  cancel: {
+    id: "grc.editor_card.cancel",
+    defaultMessage: "Cancel"
+  },
+  save: {
+    id: "grc.editor_card.save",
+    defaultMessage: "Save"
+  },
+  placeholder: {
+    id: "grc.editor_card.placeholder",
+    defaultMessage: "Start typing or press '/' for commands..."
+  },
+  empty: {
+    id: "grc.editor_card.empty",
+    defaultMessage: "No content yet. Click edit to add content."
+  }
+});
+
+export {
+  messages
+};

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { JSONContent } from '@kopexa/tiptap';
+
+interface EditorCardProps {
+    /** The content as TipTap JSONContent */
+    value?: JSONContent;
+    /** Callback when the content changes */
+    onChange?: (content: JSONContent | undefined) => void;
+    /** Title for the card header */
+    title: string;
+    /** Placeholder text for the editor */
+    placeholder?: string;
+    /** Text to show when there's no content in view mode */
+    emptyText?: string;
+    /** Make the component read-only */
+    readOnly?: boolean;
+    /** Card variant */
+    cardVariant?: "default" | "accent";
+}
+declare function EditorCard({ value, onChange, title, placeholder, emptyText, readOnly, cardVariant, }: EditorCardProps): react_jsx_runtime.JSX.Element;
+
+export { EditorCard, type EditorCardProps };

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { JSONContent } from '@kopexa/tiptap';
+
+interface EditorCardProps {
+    /** The content as TipTap JSONContent */
+    value?: JSONContent;
+    /** Callback when the content changes */
+    onChange?: (content: JSONContent | undefined) => void;
+    /** Title for the card header */
+    title: string;
+    /** Placeholder text for the editor */
+    placeholder?: string;
+    /** Text to show when there's no content in view mode */
+    emptyText?: string;
+    /** Make the component read-only */
+    readOnly?: boolean;
+    /** Card variant */
+    cardVariant?: "default" | "accent";
+}
+declare function EditorCard({ value, onChange, title, placeholder, emptyText, readOnly, cardVariant, }: EditorCardProps): react_jsx_runtime.JSX.Element;
+
+export { EditorCard, type EditorCardProps };

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

@@ -0,0 +1,150 @@
+"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/editor/editor-card.tsx
+var editor_card_exports = {};
+__export(editor_card_exports, {
+  EditorCard: () => EditorCard
+});
+module.exports = __toCommonJS(editor_card_exports);
+var import_i18n = require("@kopexa/i18n");
+var import_icons = require("@kopexa/icons");
+var import_sight = require("@kopexa/sight");
+var import_tiptap = require("@kopexa/tiptap");
+var import_react = require("react");
+
+// src/common/editor/messages.ts
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  edit: {
+    id: "grc.editor_card.edit",
+    defaultMessage: "Edit"
+  },
+  cancel: {
+    id: "grc.editor_card.cancel",
+    defaultMessage: "Cancel"
+  },
+  save: {
+    id: "grc.editor_card.save",
+    defaultMessage: "Save"
+  },
+  placeholder: {
+    id: "grc.editor_card.placeholder",
+    defaultMessage: "Start typing or press '/' for commands..."
+  },
+  empty: {
+    id: "grc.editor_card.empty",
+    defaultMessage: "No content yet. Click edit to add content."
+  }
+});
+
+// src/common/editor/editor-card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function EditorCard({
+  value,
+  onChange,
+  title,
+  placeholder,
+  emptyText,
+  readOnly = false,
+  cardVariant = "accent"
+}) {
+  const intl = (0, import_i18n.useSafeIntl)();
+  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
+  const [draftContent, setDraftContent] = (0, import_react.useState)(
+    value
+  );
+  const t = {
+    edit: intl.formatMessage(messages.edit),
+    cancel: intl.formatMessage(messages.cancel),
+    save: intl.formatMessage(messages.save),
+    placeholder: placeholder != null ? placeholder : intl.formatMessage(messages.placeholder),
+    empty: emptyText != null ? emptyText : intl.formatMessage(messages.empty)
+  };
+  const handleStartEdit = () => {
+    setDraftContent(value);
+    setIsEditing(true);
+  };
+  const handleSave = () => {
+    onChange == null ? void 0 : onChange(draftContent);
+    setIsEditing(false);
+  };
+  const handleCancel = () => {
+    setDraftContent(value);
+    setIsEditing(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_sight.Card.Root,
+    {
+      variant: cardVariant,
+      className: isEditing ? "ring-2 ring-primary overflow-visible" : void 0,
+      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.jsx)(import_sight.Heading, { level: "h3", className: "text-base", children: title }),
+          !readOnly && (isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_sight.Button,
+              {
+                variant: "solid",
+                color: "primary",
+                size: "sm",
+                onClick: handleSave,
+                children: t.save
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_sight.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              isIconOnly: true,
+              onClick: handleStartEdit,
+              "aria-label": t.edit,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditIcon, { className: "size-4" })
+            }
+          ))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Card.Body, { className: "p-0", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tiptap.Editor,
+          {
+            variant: "field",
+            placeholder: t.placeholder,
+            content: draftContent,
+            onChange: setDraftContent
+          }
+        ) : value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tiptap.Editor,
+          {
+            variant: "default",
+            bordered: false,
+            content: value,
+            editable: false
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed px-4 py-4", children: t.empty }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditorCard
+});

package/dist/common/editor/editor-card.mjs

@@ -0,0 +1,9 @@
+"use client";
+"use client";
+import {
+  EditorCard
+} from "../../chunk-EGK6RMOC.mjs";
+import "../../chunk-JHGWV2ID.mjs";
+export {
+  EditorCard
+};

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

@@ -0,0 +1,3 @@
+export { EditorCard, EditorCardProps } from './editor-card.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/tiptap';

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

@@ -0,0 +1,3 @@
+export { EditorCard, EditorCardProps } from './editor-card.js';
+import 'react/jsx-runtime';
+import '@kopexa/tiptap';

package/dist/common/editor/index.js

@@ -0,0 +1,151 @@
+"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/editor/index.ts
+var editor_exports = {};
+__export(editor_exports, {
+  EditorCard: () => EditorCard
+});
+module.exports = __toCommonJS(editor_exports);
+
+// src/common/editor/editor-card.tsx
+var import_i18n = require("@kopexa/i18n");
+var import_icons = require("@kopexa/icons");
+var import_sight = require("@kopexa/sight");
+var import_tiptap = require("@kopexa/tiptap");
+var import_react = require("react");
+
+// src/common/editor/messages.ts
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  edit: {
+    id: "grc.editor_card.edit",
+    defaultMessage: "Edit"
+  },
+  cancel: {
+    id: "grc.editor_card.cancel",
+    defaultMessage: "Cancel"
+  },
+  save: {
+    id: "grc.editor_card.save",
+    defaultMessage: "Save"
+  },
+  placeholder: {
+    id: "grc.editor_card.placeholder",
+    defaultMessage: "Start typing or press '/' for commands..."
+  },
+  empty: {
+    id: "grc.editor_card.empty",
+    defaultMessage: "No content yet. Click edit to add content."
+  }
+});
+
+// src/common/editor/editor-card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function EditorCard({
+  value,
+  onChange,
+  title,
+  placeholder,
+  emptyText,
+  readOnly = false,
+  cardVariant = "accent"
+}) {
+  const intl = (0, import_i18n.useSafeIntl)();
+  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
+  const [draftContent, setDraftContent] = (0, import_react.useState)(
+    value
+  );
+  const t = {
+    edit: intl.formatMessage(messages.edit),
+    cancel: intl.formatMessage(messages.cancel),
+    save: intl.formatMessage(messages.save),
+    placeholder: placeholder != null ? placeholder : intl.formatMessage(messages.placeholder),
+    empty: emptyText != null ? emptyText : intl.formatMessage(messages.empty)
+  };
+  const handleStartEdit = () => {
+    setDraftContent(value);
+    setIsEditing(true);
+  };
+  const handleSave = () => {
+    onChange == null ? void 0 : onChange(draftContent);
+    setIsEditing(false);
+  };
+  const handleCancel = () => {
+    setDraftContent(value);
+    setIsEditing(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_sight.Card.Root,
+    {
+      variant: cardVariant,
+      className: isEditing ? "ring-2 ring-primary overflow-visible" : void 0,
+      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.jsx)(import_sight.Heading, { level: "h3", className: "text-base", children: title }),
+          !readOnly && (isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_sight.Button,
+              {
+                variant: "solid",
+                color: "primary",
+                size: "sm",
+                onClick: handleSave,
+                children: t.save
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_sight.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              isIconOnly: true,
+              onClick: handleStartEdit,
+              "aria-label": t.edit,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditIcon, { className: "size-4" })
+            }
+          ))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Card.Body, { className: "p-0", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tiptap.Editor,
+          {
+            variant: "field",
+            placeholder: t.placeholder,
+            content: draftContent,
+            onChange: setDraftContent
+          }
+        ) : value ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tiptap.Editor,
+          {
+            variant: "default",
+            bordered: false,
+            content: value,
+            editable: false
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed px-4 py-4", children: t.empty }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditorCard
+});

package/dist/common/editor/index.mjs

@@ -0,0 +1,9 @@
+"use client";
+import "../../chunk-C5OUE3C2.mjs";
+import {
+  EditorCard
+} from "../../chunk-EGK6RMOC.mjs";
+import "../../chunk-JHGWV2ID.mjs";
+export {
+  EditorCard
+};

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

@@ -0,0 +1,24 @@
+declare const messages: {
+    edit: {
+        id: string;
+        defaultMessage: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+    };
+    save: {
+        id: string;
+        defaultMessage: string;
+    };
+    placeholder: {
+        id: string;
+        defaultMessage: string;
+    };
+    empty: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+
+export { messages };

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

@@ -0,0 +1,24 @@
+declare const messages: {
+    edit: {
+        id: string;
+        defaultMessage: string;
+    };
+    cancel: {
+        id: string;
+        defaultMessage: string;
+    };
+    save: {
+        id: string;
+        defaultMessage: string;
+    };
+    placeholder: {
+        id: string;
+        defaultMessage: string;
+    };
+    empty: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+
+export { messages };

package/dist/common/editor/messages.js

@@ -0,0 +1,53 @@
+"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/editor/messages.ts
+var messages_exports = {};
+__export(messages_exports, {
+  messages: () => messages
+});
+module.exports = __toCommonJS(messages_exports);
+var import_react_intl = require("react-intl");
+var messages = (0, import_react_intl.defineMessages)({
+  edit: {
+    id: "grc.editor_card.edit",
+    defaultMessage: "Edit"
+  },
+  cancel: {
+    id: "grc.editor_card.cancel",
+    defaultMessage: "Cancel"
+  },
+  save: {
+    id: "grc.editor_card.save",
+    defaultMessage: "Save"
+  },
+  placeholder: {
+    id: "grc.editor_card.placeholder",
+    defaultMessage: "Start typing or press '/' for commands..."
+  },
+  empty: {
+    id: "grc.editor_card.empty",
+    defaultMessage: "No content yet. Click edit to add content."
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messages
+});

package/dist/common/editor/messages.mjs

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

package/dist/common/index.d.mts

@@ -1,5 +1,6 @@
 export { ComplianceBadges, ComplianceBadgesProps, DoraBadge, DoraBadgeProps, Nis2Badge, Nis2BadgeProps } from './compliance/compliance-badge.mjs';
 export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './control/mapped-controls.mjs';
+export { EditorCard, EditorCardProps } from './editor/editor-card.mjs';
 export { ImpactCard, ImpactCardProps, ImpactValue } from './impact/impact-card.mjs';
 export { messages as impactMessages } from './impact/messages.mjs';
 export { ImpactLevel, ImpactLevelConfig, ImpactScaleConfig, ImpactScalePreset, assetScale, getScale, impactLevels, processScale, riskScale } from './impact/scales.mjs';
@@ -8,4 +9,5 @@ export { RiskRatingDisplay, RiskRatingDisplayProps } from './risk/risk-rating-di
 export { RiskLevel, RiskRating, getRiskLevelFromRating, isRatingUnrated, riskLevelConfig } from './risk/types.mjs';
 import 'react/jsx-runtime';
 import 'react';
+import '@kopexa/tiptap';
 import 'react-intl';

package/dist/common/index.d.ts

@@ -1,5 +1,6 @@
 export { ComplianceBadges, ComplianceBadgesProps, DoraBadge, DoraBadgeProps, Nis2Badge, Nis2BadgeProps } from './compliance/compliance-badge.js';
 export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './control/mapped-controls.js';
+export { EditorCard, EditorCardProps } from './editor/editor-card.js';
 export { ImpactCard, ImpactCardProps, ImpactValue } from './impact/impact-card.js';
 export { messages as impactMessages } from './impact/messages.js';
 export { ImpactLevel, ImpactLevelConfig, ImpactScaleConfig, ImpactScalePreset, assetScale, getScale, impactLevels, processScale, riskScale } from './impact/scales.js';
@@ -8,4 +9,5 @@ export { RiskRatingDisplay, RiskRatingDisplayProps } from './risk/risk-rating-di
 export { RiskLevel, RiskRating, getRiskLevelFromRating, isRatingUnrated, riskLevelConfig } from './risk/types.js';
 import 'react/jsx-runtime';
 import 'react';
+import '@kopexa/tiptap';
 import 'react-intl';