@petrarca/sonnet-playground 0.8.0 → 0.9.0

package/dist/chunk-VGAS5Z6X.js

@@ -0,0 +1,543 @@
+import {
+  ACME_ERRORS,
+  CWE,
+  HTTP_STATUS,
+  LISTS,
+  PLAYGROUND_TERMINOLOGY,
+  SPDX
+} from "./chunk-WR74TMW4.js";
+import {
+  PlaygroundSection
+} from "./chunk-C2EZ2ECG.js";
+
+// src/pages/PlayCodedValues.tsx
+import { useMemo, useState } from "react";
+import { ArrowRight } from "lucide-react";
+import {
+  CODEABLE_CONCEPT_TYPE_ID,
+  CODING_TYPE_ID
+} from "@petrarca/sonnet-core/schema";
+import {
+  TerminologyProvider
+} from "@petrarca/sonnet-core/terminology";
+import {
+  FormCheckbox,
+  FormSelect,
+  JsonSchemaFormRenderer
+} from "@petrarca/sonnet-forms";
+import {
+  Badge,
+  Button,
+  Card,
+  CodeableConceptDisplay,
+  CodedValueDisplay,
+  EntityTable,
+  SimpleTooltip
+} from "@petrarca/sonnet-ui";
+import { CodeEditor } from "@petrarca/sonnet-ui/code-editor";
+import { JsonEditor } from "@petrarca/sonnet-ui/json-editor";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STORED_OPTIONS = [
+  { value: "coding", label: "Stored as a coding" },
+  { value: "code", label: "Stored as its code" }
+];
+var STRENGTH_OPTIONS = [
+  { value: "required", label: "Only the list's codes" },
+  { value: "extensible", label: "The list's codes, or another answer" }
+];
+var MODE_OPTIONS = [
+  { value: "auto", label: "Shown as the list's size decides" },
+  { value: "list", label: "Shown as the whole list" },
+  { value: "search", label: "Shown as a search" }
+];
+function answerSchema(c) {
+  if (c.stored === "code") return { type: "string" };
+  return c.strength === "extensible" ? { anyOf: [{ $ref: CODING_TYPE_ID }, { type: "string" }] } : { $ref: CODING_TYPE_ID };
+}
+function buildSchema(c, lists) {
+  const kind = lists.find((l) => l.id === c.list)?.kind ?? "valueSet";
+  const answer = answerSchema(c);
+  const field = {
+    title: c.multiple ? "Answers" : "Answer",
+    ...c.multiple ? { type: "array", items: answer } : answer,
+    "x-binding": { [kind]: c.list, strength: c.strength },
+    ...c.mode !== "auto" ? { "x-ui-options": { mode: c.mode } } : {}
+  };
+  return {
+    title: "Coded value",
+    type: "object",
+    properties: { answer: field }
+  };
+}
+var pretty = (v) => JSON.stringify(v, null, 2);
+function ConfigControls({
+  config,
+  set,
+  lists
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        options: lists.map((l) => ({ value: l.id, label: l.label })),
+        value: config.list,
+        onChange: (v) => v && set({ list: v }),
+        clearable: false,
+        wrapperClassName: "col-span-2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        options: STORED_OPTIONS,
+        value: config.stored,
+        onChange: (v) => v && set({ stored: v }),
+        clearable: false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        options: STRENGTH_OPTIONS,
+        value: config.strength,
+        onChange: (v) => v && set({ strength: v }),
+        clearable: false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        options: MODE_OPTIONS,
+        value: config.mode,
+        onChange: (v) => v && set({ mode: v }),
+        clearable: false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormCheckbox,
+      {
+        label: "Several answers",
+        checked: config.multiple,
+        onChange: (v) => set({ multiple: v === true }),
+        wrapperClassName: "self-center"
+      }
+    )
+  ] });
+}
+function useSchemaState(lists) {
+  const [config, setConfig] = useState({
+    list: lists[0]?.id ?? "",
+    stored: "coding",
+    strength: "required",
+    multiple: false,
+    mode: "auto"
+  });
+  const [schemaText, setSchemaText] = useState(
+    () => pretty(buildSchema(config, lists))
+  );
+  const [schema, setSchema] = useState(
+    () => buildSchema(config, lists)
+  );
+  const [error, setError] = useState(null);
+  const [data, setData] = useState({});
+  const show = (next) => {
+    setSchema(next);
+    setData({});
+    setError(null);
+  };
+  const set = (change) => {
+    const next = { ...config, ...change };
+    setConfig(next);
+    const built = buildSchema(next, lists);
+    setSchemaText(pretty(built));
+    show(built);
+  };
+  const apply = () => {
+    try {
+      show(JSON.parse(schemaText));
+    } catch {
+      setError("Invalid JSON");
+    }
+  };
+  return {
+    config,
+    set,
+    schemaText,
+    setSchemaText,
+    schema,
+    error,
+    apply,
+    data,
+    setData
+  };
+}
+function WidgetSection({ lists }) {
+  const s = useSchemaState(lists);
+  return /* @__PURE__ */ jsx(
+    PlaygroundSection,
+    {
+      title: "CodedValueWidget",
+      description: 'The form widget for a code from a list: x-ui-widget "coded-value", chosen by itself for the core coding type and for a string, a coding or a text, or an array bound to a list (x-binding). Pick a list and how its answers are stored; edit the schema and press the arrow to try anything else.',
+      children: /* @__PURE__ */ jsxs("div", { className: "flex gap-6 items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "w-1/2 relative flex flex-col", children: [
+          /* @__PURE__ */ jsxs(Card, { className: "border shadow-sm p-4 flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(ConfigControls, { config: s.config, set: s.set, lists }),
+            s.error && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "text-xs self-start", children: s.error }),
+            /* @__PURE__ */ jsx(
+              JsonEditor,
+              {
+                value: s.schemaText,
+                editablePaths: ["/"],
+                onChange: s.setSchemaText,
+                height: "320px",
+                className: "rounded-md border overflow-hidden"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(SimpleTooltip, { label: "Apply schema to form", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "default",
+              size: "icon",
+              className: "absolute -right-5 top-1/2 -translate-y-1/2 z-[100]",
+              onClick: s.apply,
+              children: /* @__PURE__ */ jsx(ArrowRight, { size: 20 })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "w-1/2 flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsx(
+            JsonSchemaFormRenderer,
+            {
+              schema: s.schema,
+              data: s.data,
+              onChange: s.setData,
+              showActions: false,
+              showExtraProperties: false
+            },
+            JSON.stringify(s.schema)
+          ) }),
+          /* @__PURE__ */ jsxs(Card, { className: "border shadow-sm p-4", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Form data" }),
+            /* @__PURE__ */ jsx(
+              CodeEditor,
+              {
+                value: pretty(s.data),
+                language: "json",
+                readOnly: true,
+                variant: "compact"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+function conceptSchema(c, lists) {
+  const list = (id) => {
+    const l = lists.find((x) => x.id === id);
+    return { [l?.kind ?? "system"]: id, ...l ? { title: l.label } : {} };
+  };
+  return {
+    title: "Codeable concept",
+    type: "object",
+    properties: {
+      answer: {
+        title: "Answer",
+        $ref: CODEABLE_CONCEPT_TYPE_ID,
+        "x-binding": {
+          ...list(c.first),
+          strength: "required",
+          additional: [{ ...list(c.further), required: c.required }]
+        },
+        "x-ui-options": { text: c.text }
+      }
+    }
+  };
+}
+function ConceptSection({ lists }) {
+  const [config, setConfig] = useState(() => ({
+    first: lists[0]?.id ?? "",
+    further: lists.find((l) => l.id === ACME_ERRORS)?.id ?? lists[1]?.id ?? "",
+    required: false,
+    text: true
+  }));
+  const [data, setData] = useState({});
+  const set = (change) => {
+    setConfig({ ...config, ...change });
+    setData({});
+  };
+  const schema = useMemo(() => conceptSchema(config, lists), [config, lists]);
+  const options = lists.map((l) => ({ value: l.id, label: l.label }));
+  return /* @__PURE__ */ jsx(
+    PlaygroundSection,
+    {
+      title: "CodeableConceptWidget",
+      description: 'One concept coded in several lists, as the core codeable concept type stores it (x-ui-widget "codeable-concept"): the coded-value picker on the first list, the other lists as chips under it -- a chip, or "+ Coding", opens the same search on its list. A required list without a coding shows as an empty chip.',
+      children: /* @__PURE__ */ jsxs("div", { className: "flex gap-6 items-start", children: [
+        /* @__PURE__ */ jsxs(Card, { className: "w-1/2 border shadow-sm p-4 grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx(
+            FormSelect,
+            {
+              label: "First list",
+              options,
+              value: config.first,
+              onChange: (v) => v && set({ first: v }),
+              clearable: false
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormSelect,
+            {
+              label: "Further list",
+              options,
+              value: config.further,
+              onChange: (v) => v && set({ further: v }),
+              clearable: false
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormCheckbox,
+            {
+              label: "The further list is required",
+              checked: config.required,
+              onChange: (v) => set({ required: v === true })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FormCheckbox,
+            {
+              label: "Offer a text",
+              checked: config.text,
+              onChange: (v) => set({ text: v === true })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "w-1/2 flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsx(
+            JsonSchemaFormRenderer,
+            {
+              schema,
+              data,
+              onChange: setData,
+              showActions: false,
+              showExtraProperties: false
+            },
+            JSON.stringify(config)
+          ) }),
+          /* @__PURE__ */ jsxs(Card, { className: "border shadow-sm p-4", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Form data" }),
+            /* @__PURE__ */ jsx(
+              CodeEditor,
+              {
+                value: pretty(data),
+                language: "json",
+                readOnly: true,
+                variant: "compact"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var DISPLAY_SAMPLES = [
+  {
+    label: "Label and code",
+    code: "Apache-2.0",
+    display: "Apache License 2.0",
+    system: SPDX
+  },
+  { label: "No system", code: "404", display: "Not Found", system: null },
+  { label: "Code only", code: "CWE-1321", display: null, system: CWE },
+  {
+    label: "A long label",
+    code: "CWE-119",
+    display: "Improper Restriction of Operations within the Bounds of a Memory Buffer",
+    system: CWE
+  }
+];
+var STATUS_CONCEPT = {
+  codings: [
+    {
+      system: HTTP_STATUS,
+      code: "404",
+      display: "Not Found",
+      userSelected: true
+    },
+    {
+      system: ACME_ERRORS,
+      code: "NOT_FOUND",
+      display: "Not found",
+      userSelected: true
+    }
+  ],
+  text: "Page missing"
+};
+function DisplaySection() {
+  return /* @__PURE__ */ jsx(
+    PlaygroundSection,
+    {
+      title: "CodedValueDisplay",
+      description: "A coded value as text: its label, its code muted beside it; the code alone without a label. Hover for the code system. A codeable concept (CodeableConceptDisplay) shows its first coding and how many more -- hover them for the others and the person's text.",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 max-w-md", children: [
+        DISPLAY_SAMPLES.map((s) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between gap-4 rounded-md border px-4 py-3",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-28 shrink-0", children: s.label }),
+              /* @__PURE__ */ jsx(
+                CodedValueDisplay,
+                {
+                  code: s.code,
+                  display: s.display,
+                  system: s.system
+                }
+              )
+            ]
+          },
+          s.code
+        )),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 rounded-md border px-4 py-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-28 shrink-0", children: "A codeable concept" }),
+          /* @__PURE__ */ jsx(CodeableConceptDisplay, { value: STATUS_CONCEPT })
+        ] })
+      ] })
+    }
+  );
+}
+var TABLE_SCHEMA = {
+  title: "Dependencies",
+  type: "object",
+  properties: {
+    name: { type: "string", title: "Package" },
+    license: {
+      $ref: CODING_TYPE_ID,
+      title: "License",
+      "x-ui-cell": "coding"
+    },
+    weakness: {
+      type: "string",
+      title: "Worst weakness",
+      "x-ui-cell": "coding",
+      "x-ui-cell-options": {
+        displayField: "weakness_name",
+        systemField: "weakness_system"
+      }
+    },
+    findings: {
+      type: "array",
+      title: "Findings",
+      items: { $ref: CODING_TYPE_ID },
+      "x-ui-cell": "coding"
+    },
+    registry: {
+      $ref: CODEABLE_CONCEPT_TYPE_ID,
+      title: "Registry answer",
+      "x-ui-cell": "coding"
+    }
+  }
+};
+var TABLE_ROWS = [
+  {
+    id: "1",
+    name: "acme-http",
+    license: { system: SPDX, code: "MIT", display: "MIT License" },
+    weakness: "CWE-79",
+    weakness_name: "Cross-site Scripting",
+    weakness_system: CWE,
+    findings: [
+      { system: CWE, code: "CWE-79", display: "Cross-site Scripting" },
+      { system: CWE, code: "CWE-20", display: "Improper Input Validation" }
+    ],
+    registry: {
+      codings: [
+        { system: HTTP_STATUS, code: "200", display: "OK" },
+        { system: ACME_ERRORS, code: "OK", display: "Done" }
+      ]
+    }
+  },
+  {
+    id: "2",
+    name: "acme-parser",
+    license: {
+      system: SPDX,
+      code: "Apache-2.0",
+      display: "Apache License 2.0"
+    },
+    weakness: "CWE-787",
+    weakness_name: "Out-of-bounds Write",
+    weakness_system: CWE,
+    // Code only: a coding without its label.
+    findings: [{ system: CWE, code: "CWE-787" }],
+    registry: STATUS_CONCEPT
+  },
+  {
+    id: "3",
+    name: "acme-utils",
+    license: null,
+    weakness: "CWE-1321",
+    weakness_name: null,
+    weakness_system: null,
+    findings: [],
+    registry: { text: "No answer yet" }
+  }
+];
+function CellSection() {
+  const data = useMemo(
+    () => ({
+      data: TABLE_ROWS,
+      meta: {
+        total: TABLE_ROWS.length,
+        limit: TABLE_ROWS.length,
+        offset: 0,
+        has_next: false,
+        has_prev: false
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    PlaygroundSection,
+    {
+      title: "The coding cell",
+      description: 'An EntityTable column with x-ui-cell "coding": a coding, an array of codings, a code whose label and system are other fields of the row (displayField, systemField) -- or a codeable concept, its first coding shown and the others on hover.',
+      children: /* @__PURE__ */ jsx("div", { className: "max-w-5xl", children: /* @__PURE__ */ jsx(
+        EntityTable,
+        {
+          schema: TABLE_SCHEMA,
+          data,
+          isLoading: false,
+          isError: false,
+          entityLabel: "dependencies"
+        }
+      ) })
+    }
+  );
+}
+function PlayCodedValues({
+  service,
+  lists = LISTS
+} = {}) {
+  return /* @__PURE__ */ jsx(TerminologyProvider, { service: service ?? PLAYGROUND_TERMINOLOGY, children: /* @__PURE__ */ jsxs("div", { className: "w-full py-12 px-4 space-y-12", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "mb-1", children: "Coded Values" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-lg text-muted-foreground", children: [
+        "The primitives to work with a terminology: a code from a list, its display, a table cell. The codes come from a terminology service the application supplies",
+        service ? "." : " -- here, lists in memory (staticTerminology)."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(WidgetSection, { lists }),
+    /* @__PURE__ */ jsx(ConceptSection, { lists }),
+    /* @__PURE__ */ jsx(DisplaySection, {}),
+    /* @__PURE__ */ jsx(CellSection, {})
+  ] }) });
+}
+
+export {
+  PlayCodedValues
+};
+//# sourceMappingURL=chunk-VGAS5Z6X.js.map

package/dist/chunk-VGAS5Z6X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/PlayCodedValues.tsx"],"sourcesContent":["/**\n * Playground page for coded values -- the primitives to work with a\n * terminology: the coded-value widget, CodedValueDisplay and the `coding` cell\n * renderer, on a static terminology (lists in memory). An application supplies\n * its own service through TerminologyProvider; nothing else changes.\n * Accessible at /playground/coded-values\n */\n\nimport { useMemo, useState } from \"react\";\nimport { ArrowRight } from \"lucide-react\";\nimport type { PageResult } from \"@petrarca/sonnet-core\";\nimport {\n  CODEABLE_CONCEPT_TYPE_ID,\n  CODING_TYPE_ID,\n  type JsonSchema,\n  type JsonSchemaProperty,\n} from \"@petrarca/sonnet-core/schema\";\nimport {\n  TerminologyProvider,\n  type TerminologyService,\n} from \"@petrarca/sonnet-core/terminology\";\nimport {\n  FormCheckbox,\n  FormSelect,\n  JsonSchemaFormRenderer,\n} from \"@petrarca/sonnet-forms\";\nimport {\n  Badge,\n  Button,\n  Card,\n  CodeableConceptDisplay,\n  CodedValueDisplay,\n  EntityTable,\n  SimpleTooltip,\n} from \"@petrarca/sonnet-ui\";\nimport { CodeEditor } from \"@petrarca/sonnet-ui/code-editor\";\nimport { JsonEditor } from \"@petrarca/sonnet-ui/json-editor\";\nimport { PlaygroundSection as Section } from \"../PlaygroundSection\";\nimport {\n  ACME_ERRORS,\n  CWE,\n  HTTP_STATUS,\n  LISTS,\n  PLAYGROUND_TERMINOLOGY,\n  SPDX,\n  type CodedValueList,\n} from \"./codedValues/lists\";\n\n// -- The widget ------------------------------------------------------------\n\ntype Stored = \"code\" | \"coding\";\ntype Strength = \"required\" | \"extensible\";\ntype Mode = \"auto\" | \"list\" | \"search\";\n\ninterface Config {\n  list: string;\n  stored: Stored;\n  strength: Strength;\n  multiple: boolean;\n  mode: Mode;\n}\n\nconst STORED_OPTIONS = [\n  { value: \"coding\", label: \"Stored as a coding\" },\n  { value: \"code\", label: \"Stored as its code\" },\n];\nconst STRENGTH_OPTIONS = [\n  { value: \"required\", label: \"Only the list's codes\" },\n  { value: \"extensible\", label: \"The list's codes, or another answer\" },\n];\nconst MODE_OPTIONS = [\n  { value: \"auto\", label: \"Shown as the list's size decides\" },\n  { value: \"list\", label: \"Shown as the whole list\" },\n  { value: \"search\", label: \"Shown as a search\" },\n];\n\n// One answer's schema: a code, a coding, or -- an open list -- a coding or a text.\nfunction answerSchema(c: Config): JsonSchemaProperty {\n  if (c.stored === \"code\") return { type: \"string\" };\n  return c.strength === \"extensible\"\n    ? { anyOf: [{ $ref: CODING_TYPE_ID }, { type: \"string\" }] }\n    : { $ref: CODING_TYPE_ID };\n}\n\n// The form's schema: one question bound to the chosen list, as configured.\nfunction buildSchema(c: Config, lists: CodedValueList[]): JsonSchema {\n  const kind = lists.find((l) => l.id === c.list)?.kind ?? \"valueSet\";\n  const answer = answerSchema(c);\n  const field: JsonSchemaProperty = {\n    title: c.multiple ? \"Answers\" : \"Answer\",\n    ...(c.multiple ? { type: \"array\", items: answer } : answer),\n    \"x-binding\": { [kind]: c.list, strength: c.strength },\n    ...(c.mode !== \"auto\" ? { \"x-ui-options\": { mode: c.mode } } : {}),\n  };\n  return {\n    title: \"Coded value\",\n    type: \"object\",\n    properties: { answer: field },\n  };\n}\n\nconst pretty = (v: unknown) => JSON.stringify(v, null, 2);\n\nfunction ConfigControls({\n  config,\n  set,\n  lists,\n}: {\n  config: Config;\n  set: (next: Partial<Config>) => void;\n  lists: CodedValueList[];\n}) {\n  return (\n    <div className=\"grid grid-cols-2 gap-2\">\n      <FormSelect\n        options={lists.map((l) => ({ value: l.id, label: l.label }))}\n        value={config.list}\n        onChange={(v) => v && set({ list: v })}\n        clearable={false}\n        wrapperClassName=\"col-span-2\"\n      />\n      <FormSelect\n        options={STORED_OPTIONS}\n        value={config.stored}\n        onChange={(v) => v && set({ stored: v as Stored })}\n        clearable={false}\n      />\n      <FormSelect\n        options={STRENGTH_OPTIONS}\n        value={config.strength}\n        onChange={(v) => v && set({ strength: v as Strength })}\n        clearable={false}\n      />\n      <FormSelect\n        options={MODE_OPTIONS}\n        value={config.mode}\n        onChange={(v) => v && set({ mode: v as Mode })}\n        clearable={false}\n      />\n      <FormCheckbox\n        label=\"Several answers\"\n        checked={config.multiple}\n        onChange={(v) => set({ multiple: v === true })}\n        wrapperClassName=\"self-center\"\n      />\n    </div>\n  );\n}\n\n// The schema's text, editable; the arrow puts it into the form.\nfunction useSchemaState(lists: CodedValueList[]) {\n  const [config, setConfig] = useState<Config>({\n    list: lists[0]?.id ?? \"\",\n    stored: \"coding\",\n    strength: \"required\",\n    multiple: false,\n    mode: \"auto\",\n  });\n  const [schemaText, setSchemaText] = useState(() =>\n    pretty(buildSchema(config, lists)),\n  );\n  const [schema, setSchema] = useState<JsonSchema>(() =>\n    buildSchema(config, lists),\n  );\n  const [error, setError] = useState<string | null>(null);\n  const [data, setData] = useState<Record<string, unknown>>({});\n\n  const show = (next: JsonSchema) => {\n    setSchema(next);\n    setData({});\n    setError(null);\n  };\n  // A control changes the schema, and the form with it.\n  const set = (change: Partial<Config>) => {\n    const next = { ...config, ...change };\n    setConfig(next);\n    const built = buildSchema(next, lists);\n    setSchemaText(pretty(built));\n    show(built);\n  };\n  const apply = () => {\n    try {\n      show(JSON.parse(schemaText) as JsonSchema);\n    } catch {\n      setError(\"Invalid JSON\");\n    }\n  };\n  return {\n    config,\n    set,\n    schemaText,\n    setSchemaText,\n    schema,\n    error,\n    apply,\n    data,\n    setData,\n  };\n}\n\nfunction WidgetSection({ lists }: { lists: CodedValueList[] }) {\n  const s = useSchemaState(lists);\n  return (\n    <Section\n      title=\"CodedValueWidget\"\n      description='The form widget for a code from a list: x-ui-widget \"coded-value\", chosen by itself for the core coding type and for a string, a coding or a text, or an array bound to a list (x-binding). Pick a list and how its answers are stored; edit the schema and press the arrow to try anything else.'\n    >\n      <div className=\"flex gap-6 items-start\">\n        <div className=\"w-1/2 relative flex flex-col\">\n          <Card className=\"border shadow-sm p-4 flex flex-col gap-2\">\n            <ConfigControls config={s.config} set={s.set} lists={lists} />\n            {s.error && (\n              <Badge variant=\"destructive\" className=\"text-xs self-start\">\n                {s.error}\n              </Badge>\n            )}\n            <JsonEditor\n              value={s.schemaText}\n              editablePaths={[\"/\"]}\n              onChange={s.setSchemaText}\n              height=\"320px\"\n              className=\"rounded-md border overflow-hidden\"\n            />\n          </Card>\n          <SimpleTooltip label=\"Apply schema to form\">\n            <Button\n              variant=\"default\"\n              size=\"icon\"\n              className=\"absolute -right-5 top-1/2 -translate-y-1/2 z-[100]\"\n              onClick={s.apply}\n            >\n              <ArrowRight size={20} />\n            </Button>\n          </SimpleTooltip>\n        </div>\n        <div className=\"w-1/2 flex flex-col gap-4\">\n          <Card className=\"border shadow-sm p-4\">\n            <JsonSchemaFormRenderer\n              key={JSON.stringify(s.schema)}\n              schema={s.schema}\n              data={s.data}\n              onChange={s.setData}\n              showActions={false}\n              showExtraProperties={false}\n            />\n          </Card>\n          <Card className=\"border shadow-sm p-4\">\n            <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n              Form data\n            </p>\n            <CodeEditor\n              value={pretty(s.data)}\n              language=\"json\"\n              readOnly\n              variant=\"compact\"\n            />\n          </Card>\n        </div>\n      </div>\n    </Section>\n  );\n}\n\n// -- CodeableConceptWidget -------------------------------------------------\n\ninterface ConceptConfig {\n  first: string;\n  further: string;\n  required: boolean;\n  text: boolean;\n}\n\n// The form's schema: one concept coded in the first list, and in a further one.\nfunction conceptSchema(c: ConceptConfig, lists: CodedValueList[]): JsonSchema {\n  const list = (id: string) => {\n    const l = lists.find((x) => x.id === id);\n    return { [l?.kind ?? \"system\"]: id, ...(l ? { title: l.label } : {}) };\n  };\n  return {\n    title: \"Codeable concept\",\n    type: \"object\",\n    properties: {\n      answer: {\n        title: \"Answer\",\n        $ref: CODEABLE_CONCEPT_TYPE_ID,\n        \"x-binding\": {\n          ...list(c.first),\n          strength: \"required\",\n          additional: [{ ...list(c.further), required: c.required }],\n        },\n        \"x-ui-options\": { text: c.text },\n      } as JsonSchemaProperty,\n    },\n  };\n}\n\nfunction ConceptSection({ lists }: { lists: CodedValueList[] }) {\n  const [config, setConfig] = useState<ConceptConfig>(() => ({\n    first: lists[0]?.id ?? \"\",\n    further: lists.find((l) => l.id === ACME_ERRORS)?.id ?? lists[1]?.id ?? \"\",\n    required: false,\n    text: true,\n  }));\n  const [data, setData] = useState<Record<string, unknown>>({});\n  const set = (change: Partial<ConceptConfig>) => {\n    setConfig({ ...config, ...change });\n    setData({});\n  };\n  const schema = useMemo(() => conceptSchema(config, lists), [config, lists]);\n  const options = lists.map((l) => ({ value: l.id, label: l.label }));\n  return (\n    <Section\n      title=\"CodeableConceptWidget\"\n      description='One concept coded in several lists, as the core codeable concept type stores it (x-ui-widget \"codeable-concept\"): the coded-value picker on the first list, the other lists as chips under it -- a chip, or \"+ Coding\", opens the same search on its list. A required list without a coding shows as an empty chip.'\n    >\n      <div className=\"flex gap-6 items-start\">\n        <Card className=\"w-1/2 border shadow-sm p-4 grid grid-cols-2 gap-2\">\n          <FormSelect\n            label=\"First list\"\n            options={options}\n            value={config.first}\n            onChange={(v) => v && set({ first: v })}\n            clearable={false}\n          />\n          <FormSelect\n            label=\"Further list\"\n            options={options}\n            value={config.further}\n            onChange={(v) => v && set({ further: v })}\n            clearable={false}\n          />\n          <FormCheckbox\n            label=\"The further list is required\"\n            checked={config.required}\n            onChange={(v) => set({ required: v === true })}\n          />\n          <FormCheckbox\n            label=\"Offer a text\"\n            checked={config.text}\n            onChange={(v) => set({ text: v === true })}\n          />\n        </Card>\n        <div className=\"w-1/2 flex flex-col gap-4\">\n          <Card className=\"border shadow-sm p-4\">\n            <JsonSchemaFormRenderer\n              key={JSON.stringify(config)}\n              schema={schema}\n              data={data}\n              onChange={setData}\n              showActions={false}\n              showExtraProperties={false}\n            />\n          </Card>\n          <Card className=\"border shadow-sm p-4\">\n            <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n              Form data\n            </p>\n            <CodeEditor\n              value={pretty(data)}\n              language=\"json\"\n              readOnly\n              variant=\"compact\"\n            />\n          </Card>\n        </div>\n      </div>\n    </Section>\n  );\n}\n\n// -- CodedValueDisplay -----------------------------------------------------\n\nconst DISPLAY_SAMPLES = [\n  {\n    label: \"Label and code\",\n    code: \"Apache-2.0\",\n    display: \"Apache License 2.0\",\n    system: SPDX,\n  },\n  { label: \"No system\", code: \"404\", display: \"Not Found\", system: null },\n  { label: \"Code only\", code: \"CWE-1321\", display: null, system: CWE },\n  {\n    label: \"A long label\",\n    code: \"CWE-119\",\n    display:\n      \"Improper Restriction of Operations within the Bounds of a Memory Buffer\",\n    system: CWE,\n  },\n];\n\n// A codeable concept: one status, as HTTP says it and as the application's own codes do.\nconst STATUS_CONCEPT = {\n  codings: [\n    {\n      system: HTTP_STATUS,\n      code: \"404\",\n      display: \"Not Found\",\n      userSelected: true,\n    },\n    {\n      system: ACME_ERRORS,\n      code: \"NOT_FOUND\",\n      display: \"Not found\",\n      userSelected: true,\n    },\n  ],\n  text: \"Page missing\",\n};\n\nfunction DisplaySection() {\n  return (\n    <Section\n      title=\"CodedValueDisplay\"\n      description=\"A coded value as text: its label, its code muted beside it; the code alone without a label. Hover for the code system. A codeable concept (CodeableConceptDisplay) shows its first coding and how many more -- hover them for the others and the person's text.\"\n    >\n      <div className=\"flex flex-col gap-3 max-w-md\">\n        {DISPLAY_SAMPLES.map((s) => (\n          <div\n            key={s.code}\n            className=\"flex items-center justify-between gap-4 rounded-md border px-4 py-3\"\n          >\n            <span className=\"text-xs text-muted-foreground w-28 shrink-0\">\n              {s.label}\n            </span>\n            <CodedValueDisplay\n              code={s.code}\n              display={s.display}\n              system={s.system}\n            />\n          </div>\n        ))}\n        <div className=\"flex items-center justify-between gap-4 rounded-md border px-4 py-3\">\n          <span className=\"text-xs text-muted-foreground w-28 shrink-0\">\n            A codeable concept\n          </span>\n          <CodeableConceptDisplay value={STATUS_CONCEPT} />\n        </div>\n      </div>\n    </Section>\n  );\n}\n\n// -- The coding cell -------------------------------------------------------\n\nconst TABLE_SCHEMA: JsonSchema = {\n  title: \"Dependencies\",\n  type: \"object\",\n  properties: {\n    name: { type: \"string\", title: \"Package\" },\n    license: {\n      $ref: CODING_TYPE_ID,\n      title: \"License\",\n      \"x-ui-cell\": \"coding\",\n    },\n    weakness: {\n      type: \"string\",\n      title: \"Worst weakness\",\n      \"x-ui-cell\": \"coding\",\n      \"x-ui-cell-options\": {\n        displayField: \"weakness_name\",\n        systemField: \"weakness_system\",\n      },\n    },\n    findings: {\n      type: \"array\",\n      title: \"Findings\",\n      items: { $ref: CODING_TYPE_ID },\n      \"x-ui-cell\": \"coding\",\n    },\n    registry: {\n      $ref: CODEABLE_CONCEPT_TYPE_ID,\n      title: \"Registry answer\",\n      \"x-ui-cell\": \"coding\",\n    },\n  },\n};\n\nconst TABLE_ROWS = [\n  {\n    id: \"1\",\n    name: \"acme-http\",\n    license: { system: SPDX, code: \"MIT\", display: \"MIT License\" },\n    weakness: \"CWE-79\",\n    weakness_name: \"Cross-site Scripting\",\n    weakness_system: CWE,\n    findings: [\n      { system: CWE, code: \"CWE-79\", display: \"Cross-site Scripting\" },\n      { system: CWE, code: \"CWE-20\", display: \"Improper Input Validation\" },\n    ],\n    registry: {\n      codings: [\n        { system: HTTP_STATUS, code: \"200\", display: \"OK\" },\n        { system: ACME_ERRORS, code: \"OK\", display: \"Done\" },\n      ],\n    },\n  },\n  {\n    id: \"2\",\n    name: \"acme-parser\",\n    license: {\n      system: SPDX,\n      code: \"Apache-2.0\",\n      display: \"Apache License 2.0\",\n    },\n    weakness: \"CWE-787\",\n    weakness_name: \"Out-of-bounds Write\",\n    weakness_system: CWE,\n    // Code only: a coding without its label.\n    findings: [{ system: CWE, code: \"CWE-787\" }],\n    registry: STATUS_CONCEPT,\n  },\n  {\n    id: \"3\",\n    name: \"acme-utils\",\n    license: null,\n    weakness: \"CWE-1321\",\n    weakness_name: null,\n    weakness_system: null,\n    findings: [],\n    registry: { text: \"No answer yet\" },\n  },\n];\n\nfunction CellSection() {\n  const data = useMemo(\n    (): PageResult<(typeof TABLE_ROWS)[number]> => ({\n      data: TABLE_ROWS,\n      meta: {\n        total: TABLE_ROWS.length,\n        limit: TABLE_ROWS.length,\n        offset: 0,\n        has_next: false,\n        has_prev: false,\n      },\n    }),\n    [],\n  );\n  return (\n    <Section\n      title=\"The coding cell\"\n      description='An EntityTable column with x-ui-cell \"coding\": a coding, an array of codings, a code whose label and system are other fields of the row (displayField, systemField) -- or a codeable concept, its first coding shown and the others on hover.'\n    >\n      <div className=\"max-w-5xl\">\n        <EntityTable\n          schema={TABLE_SCHEMA}\n          data={data}\n          isLoading={false}\n          isError={false}\n          entityLabel=\"dependencies\"\n        />\n      </div>\n    </Section>\n  );\n}\n\n// -- Page ------------------------------------------------------------------\n\nexport interface PlayCodedValuesProps {\n  /** The terminology service the page asks; default: lists in memory (staticTerminology). */\n  service?: TerminologyService;\n  /** The lists the widget offers, the first chosen; default: the in-memory lists'. */\n  lists?: CodedValueList[];\n}\n\nexport default function PlayCodedValues({\n  service,\n  lists = LISTS,\n}: PlayCodedValuesProps = {}) {\n  return (\n    <TerminologyProvider service={service ?? PLAYGROUND_TERMINOLOGY}>\n      <div className=\"w-full py-12 px-4 space-y-12\">\n        <div>\n          <h1 className=\"mb-1\">Coded Values</h1>\n          <p className=\"text-lg text-muted-foreground\">\n            The primitives to work with a terminology: a code from a list, its\n            display, a table cell. The codes come from a terminology service the\n            application supplies\n            {service ? \".\" : \" -- here, lists in memory (staticTerminology).\"}\n          </p>\n        </div>\n        <WidgetSection lists={lists} />\n        <ConceptSection lists={lists} />\n        <DisplaySection />\n        <CellSection />\n      </div>\n    </TerminologyProvider>\n  );\n}\n"],"mappings":"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","names":[]}