@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/components/fhir-structure-view.js

@@ -0,0 +1,230 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../shadcn/components/ui/tooltip.js";
+import { cn } from "../shadcn/lib/utils.js";
+import * as CustomIcon from "../icons.js";
+import { TreeView } from "./tree-view.js";
+function FiledIcon(item) {
+    const filedType = item.getItemData()?.meta?.type;
+    switch(filedType){
+        case "Resource":
+            return /*#__PURE__*/ _jsx(CustomIcon.ResourceIcon, {});
+        case "BackboneElement":
+            return /*#__PURE__*/ _jsx(CustomIcon.BackboneElementIcon, {});
+        case "Extension":
+            return /*#__PURE__*/ _jsx(CustomIcon.ExtensionIcon, {});
+        case "Reference":
+            return /*#__PURE__*/ _jsx(CustomIcon.ReferenceIcon, {});
+        case "union":
+            return /*#__PURE__*/ _jsx(CustomIcon.UnionIcon, {});
+        case "instant":
+        case "time":
+        case "date":
+        case "dateTime":
+        case "decimal":
+        case "boolean":
+        case "integer":
+        case "string":
+        case "uri":
+        case "base64Binary":
+        case "code":
+        case "id":
+        case "oid":
+        case "unsignedInt":
+        case "positiveInt":
+        case "markdown":
+        case "url":
+        case "canonical":
+        case "uuid":
+        case "integer64":
+            return /*#__PURE__*/ _jsx(CustomIcon.TypCodeIcon, {});
+        default:
+            return /*#__PURE__*/ _jsx(CustomIcon.ComplexTypeIcon, {});
+    }
+}
+const customItemFieldNameClass = cn("flex", "items-center", "truncate", "gap-2", "min-w-[calc(260px-var(--tree-padding))]", "w-[calc(260px-var(--tree-padding))]", "in-data-[folder=true]:w-[calc(260px-var(--tree-padding))]", "in-data-[folder=true]:min-w-[calc(260px-var(--tree-padding))]");
+function customItemView(item) {
+    const fieldName = item.getItemData()?.name;
+    const cardinalityMin = item.getItemData()?.meta?.min;
+    const cardinalityMax = item.getItemData()?.meta?.max;
+    const isSummary = item.getItemData()?.meta?.isSummary;
+    const isModifier = item.getItemData()?.meta?.isModifier;
+    const mustSupport = item.getItemData()?.meta?.mustSupport;
+    const datatype = item.getItemData()?.meta?.type;
+    const short = item.getItemData()?.meta?.short;
+    const desc = item.getItemData()?.meta?.desc;
+    const extensionUrl = item.getItemData()?.meta?.extensionUrl;
+    const extensionCoordinate = item.getItemData()?.meta?.extensionCoordinate;
+    const binding = item.getItemData()?.meta?.binding;
+    const vsCoordinate = item.getItemData()?.meta?.vsCoordinate;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-start gap-2 text-xs",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: customItemFieldNameClass,
+                children: [
+                    FiledIcon(item),
+                    fieldName
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center gap-1 min-w-[60px] w-[60px]",
+                children: [
+                    mustSupport && /*#__PURE__*/ _jsxs(Tooltip, {
+                        children: [
+                            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx("span", {
+                                    className: "px-[2px] max-h-[20px] text-white bg-red-600 rounded cursor-help",
+                                    children: "S"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TooltipContent, {
+                                children: /*#__PURE__*/ _jsx("p", {
+                                    children: "Must be supported"
+                                })
+                            })
+                        ]
+                    }),
+                    isSummary && /*#__PURE__*/ _jsxs(Tooltip, {
+                        children: [
+                            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx("span", {
+                                    className: "px-[2px] max-h-[20px] cursor-help",
+                                    children: "Σ"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TooltipContent, {
+                                children: /*#__PURE__*/ _jsx("p", {
+                                    children: "Part of the summary set"
+                                })
+                            })
+                        ]
+                    }),
+                    isModifier && /*#__PURE__*/ _jsxs(Tooltip, {
+                        children: [
+                            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ _jsx("span", {
+                                    className: "px-[2px] max-h-[20px] cursor-help",
+                                    children: "!?"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TooltipContent, {
+                                children: /*#__PURE__*/ _jsx("p", {
+                                    children: "Modifying element"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex items-center gap-1 min-w-[50px] w-[50px] typo-code",
+                children: cardinalityMin && cardinalityMax ? `${cardinalityMin}..${cardinalityMax}` : ""
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex gap-1 w-[200px] min-w-[200px]",
+                children: datatype !== "union" && datatype
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "text-left overflow-hidden",
+                children: [
+                    short && /*#__PURE__*/ _jsx("div", {
+                        className: "line-clamp-2",
+                        children: short
+                    }),
+                    !short && desc && /*#__PURE__*/ _jsx("div", {
+                        className: "line-clamp-2",
+                        children: desc
+                    }),
+                    extensionUrl && /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center gap-1",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                children: "URL:"
+                            }),
+                            extensionCoordinate?.id ? /*#__PURE__*/ _jsx("a", {
+                                href: `#/ig/${extensionCoordinate?.["package-spec"]?.name || extensionCoordinate?.packageSpec?.name}#${extensionCoordinate?.["package-spec"]?.version || extensionCoordinate?.packageSpec?.version}/sd/${extensionCoordinate?.id}`,
+                                className: "font-medium hover:underline",
+                                children: extensionCoordinate?.label || extensionUrl
+                            }) : /*#__PURE__*/ _jsx("span", {
+                                className: "font-medium",
+                                children: extensionCoordinate?.label || extensionUrl
+                            })
+                        ]
+                    }),
+                    binding && /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center gap-1",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                children: "Binding:"
+                            }),
+                            vsCoordinate?.id ? /*#__PURE__*/ _jsx("a", {
+                                href: `#/ig/${vsCoordinate?.["package-spec"]?.name || vsCoordinate?.packageSpec?.name}#${vsCoordinate?.["package-spec"]?.version || vsCoordinate?.packageSpec?.version}/vs/${vsCoordinate?.id}`,
+                                className: "font-medium hover:underline",
+                                children: vsCoordinate?.label || binding?.valueSet || "Binding"
+                            }) : /*#__PURE__*/ _jsx("span", {
+                                className: "font-medium",
+                                children: vsCoordinate?.label || binding?.valueSet || "Binding"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function FhirStructureView({ tree }) {
+    const expandedItemIds = React.useMemo(()=>{
+        return Object.keys(tree ?? {});
+    }, [
+        tree
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "min-h-0 min-w-0",
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center gap-2 font-semibold text-xs text-text-secondary border-b py-2 pl-[34px] bg-bg-primary sticky top-0 z-20",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "min-w-[260px] w-[260px]",
+                        children: "Name"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "min-w-[60px] w-[60px]",
+                        children: "Flags"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "min-w-[50px] w-[50px]",
+                        children: "Card."
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "min-w-[200px] w-[200px]",
+                        children: "Type"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "flex-1",
+                        children: "Description"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(TreeView, {
+                focusedItem: null,
+                onFocusedItemChange: ()=>{},
+                hideChevron: false,
+                horizontalLines: true,
+                disableHover: true,
+                zebra: true,
+                rootItemId: "root",
+                items: tree,
+                customItemView: customItemView,
+                defaultExpandedItems: expandedItemIds
+            })
+        ]
+    });
+}
+export { FhirStructureView };
+
+//# sourceMappingURL=fhir-structure-view.js.map

package/dist/src/components/fhir-structure-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fhir-structure-view.tsx"],"sourcesContent":["import type { ItemInstance } from \"@headless-tree/core\";\nimport React from \"react\";\nimport {\n\tTooltip,\n\tTooltipContent,\n\tTooltipTrigger,\n} from \"#shadcn/components/ui/tooltip\";\nimport { cn } from \"#shadcn/lib/utils.js\";\nimport * as CustomIcon from \"../icons\";\nimport { TreeView, type TreeViewItem } from \"./tree-view\";\n\ntype PackageSpec = {\n\tname: string;\n\tversion: string;\n};\n\ntype Coordinate = {\n\tid?: string;\n\tpackageSpec?: PackageSpec;\n\t\"package-spec\"?: PackageSpec;\n\tlabel?: string;\n};\n\ntype FhirStructure = {\n\ttype?: string;\n\tmin?: string | number;\n\tmax?: string | number;\n\tlastNode?: boolean;\n\tisSummary?: boolean;\n\tisModifier?: boolean;\n\tmustSupport?: boolean;\n\tdatatype?: string;\n\tshort?: string;\n\tdesc?: string;\n\textensionUrl?: string;\n\textensionCoordinate?: Coordinate;\n\tbinding?: {\n\t\tvalueSet: string;\n\t};\n\tvsCoordinate?: Coordinate;\n};\n\nfunction FiledIcon(item: ItemInstance<TreeViewItem<FhirStructure>>) {\n\tconst filedType = item.getItemData()?.meta?.type;\n\n\tswitch (filedType) {\n\t\tcase \"Resource\":\n\t\t\treturn <CustomIcon.ResourceIcon />;\n\t\tcase \"BackboneElement\":\n\t\t\treturn <CustomIcon.BackboneElementIcon />;\n\t\tcase \"Extension\":\n\t\t\treturn <CustomIcon.ExtensionIcon />;\n\t\tcase \"Reference\":\n\t\t\treturn <CustomIcon.ReferenceIcon />;\n\t\tcase \"union\":\n\t\t\treturn <CustomIcon.UnionIcon />;\n\t\tcase \"instant\":\n\t\tcase \"time\":\n\t\tcase \"date\":\n\t\tcase \"dateTime\":\n\t\tcase \"decimal\":\n\t\tcase \"boolean\":\n\t\tcase \"integer\":\n\t\tcase \"string\":\n\t\tcase \"uri\":\n\t\tcase \"base64Binary\":\n\t\tcase \"code\":\n\t\tcase \"id\":\n\t\tcase \"oid\":\n\t\tcase \"unsignedInt\":\n\t\tcase \"positiveInt\":\n\t\tcase \"markdown\":\n\t\tcase \"url\":\n\t\tcase \"canonical\":\n\t\tcase \"uuid\":\n\t\tcase \"integer64\":\n\t\t\treturn <CustomIcon.TypCodeIcon />;\n\t\tdefault:\n\t\t\treturn <CustomIcon.ComplexTypeIcon />;\n\t}\n}\n\nconst customItemFieldNameClass = cn(\n\t\"flex\",\n\t\"items-center\",\n\t\"truncate\",\n\t\"gap-2\",\n\t\"min-w-[calc(260px-var(--tree-padding))]\",\n\t\"w-[calc(260px-var(--tree-padding))]\",\n\t\"in-data-[folder=true]:w-[calc(260px-var(--tree-padding))]\",\n\t\"in-data-[folder=true]:min-w-[calc(260px-var(--tree-padding))]\",\n);\n\nfunction customItemView(item: ItemInstance<TreeViewItem<FhirStructure>>) {\n\tconst fieldName = item.getItemData()?.name;\n\tconst cardinalityMin = item.getItemData()?.meta?.min;\n\tconst cardinalityMax = item.getItemData()?.meta?.max;\n\tconst isSummary = item.getItemData()?.meta?.isSummary;\n\tconst isModifier = item.getItemData()?.meta?.isModifier;\n\tconst mustSupport = item.getItemData()?.meta?.mustSupport;\n\tconst datatype = item.getItemData()?.meta?.type;\n\tconst short = item.getItemData()?.meta?.short;\n\tconst desc = item.getItemData()?.meta?.desc;\n\tconst extensionUrl = item.getItemData()?.meta?.extensionUrl;\n\tconst extensionCoordinate = item.getItemData()?.meta?.extensionCoordinate;\n\tconst binding = item.getItemData()?.meta?.binding;\n\tconst vsCoordinate = item.getItemData()?.meta?.vsCoordinate;\n\treturn (\n\t\t<div className=\"flex items-start gap-2 text-xs\">\n\t\t\t<div className={customItemFieldNameClass}>\n\t\t\t\t{FiledIcon(item)}\n\t\t\t\t{fieldName}\n\t\t\t</div>\n\n\t\t\t<div className=\"flex items-center gap-1 min-w-[60px] w-[60px]\">\n\t\t\t\t{mustSupport && (\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<span className=\"px-[2px] max-h-[20px] text-white bg-red-600 rounded cursor-help\">\n\t\t\t\t\t\t\t\tS\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent>\n\t\t\t\t\t\t\t<p>Must be supported</p>\n\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t{isSummary && (\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<span className=\"px-[2px] max-h-[20px] cursor-help\">Σ</span>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent>\n\t\t\t\t\t\t\t<p>Part of the summary set</p>\n\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t\t{isModifier && (\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<span className=\"px-[2px] max-h-[20px] cursor-help\">!?</span>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent>\n\t\t\t\t\t\t\t<p>Modifying element</p>\n\t\t\t\t\t\t</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-1 min-w-[50px] w-[50px] typo-code\">\n\t\t\t\t{cardinalityMin && cardinalityMax\n\t\t\t\t\t? `${cardinalityMin}..${cardinalityMax}`\n\t\t\t\t\t: \"\"}\n\t\t\t</div>\n\t\t\t<div className=\"flex gap-1 w-[200px] min-w-[200px]\">\n\t\t\t\t{datatype !== \"union\" && datatype}\n\t\t\t</div>\n\t\t\t<div className=\"text-left overflow-hidden\">\n\t\t\t\t{short && <div className=\"line-clamp-2\">{short}</div>}\n\t\t\t\t{!short && desc && <div className=\"line-clamp-2\">{desc}</div>}\n\t\t\t\t{extensionUrl && (\n\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t<span>URL:</span>\n\t\t\t\t\t\t{extensionCoordinate?.id ? (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={`#/ig/${extensionCoordinate?.[\"package-spec\"]?.name || extensionCoordinate?.packageSpec?.name}#${extensionCoordinate?.[\"package-spec\"]?.version || extensionCoordinate?.packageSpec?.version}/sd/${extensionCoordinate?.id}`}\n\t\t\t\t\t\t\t\tclassName=\"font-medium hover:underline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{extensionCoordinate?.label || extensionUrl}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"font-medium\">\n\t\t\t\t\t\t\t\t{extensionCoordinate?.label || extensionUrl}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{binding && (\n\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t<span>Binding:</span>\n\t\t\t\t\t\t{vsCoordinate?.id ? (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={`#/ig/${vsCoordinate?.[\"package-spec\"]?.name || vsCoordinate?.packageSpec?.name}#${vsCoordinate?.[\"package-spec\"]?.version || vsCoordinate?.packageSpec?.version}/vs/${vsCoordinate?.id}`}\n\t\t\t\t\t\t\t\tclassName=\"font-medium hover:underline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{vsCoordinate?.label || binding?.valueSet || \"Binding\"}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"font-medium\">\n\t\t\t\t\t\t\t\t{vsCoordinate?.label || binding?.valueSet || \"Binding\"}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction FhirStructureView({\n\ttree,\n}: {\n\ttree: Record<string, TreeViewItem<FhirStructure>>;\n}) {\n\tconst expandedItemIds = React.useMemo(() => {\n\t\treturn Object.keys(tree ?? {});\n\t}, [tree]);\n\n\treturn (\n\t\t<div className=\"min-h-0 min-w-0\">\n\t\t\t<div className=\"flex items-center gap-2 font-semibold text-xs text-text-secondary border-b py-2 pl-[34px] bg-bg-primary sticky top-0 z-20\">\n\t\t\t\t<div className=\"min-w-[260px] w-[260px]\">Name</div>\n\t\t\t\t<div className=\"min-w-[60px] w-[60px]\">Flags</div>\n\t\t\t\t<div className=\"min-w-[50px] w-[50px]\">Card.</div>\n\t\t\t\t<div className=\"min-w-[200px] w-[200px]\">Type</div>\n\t\t\t\t<div className=\"flex-1\">Description</div>\n\t\t\t</div>\n\t\t\t<TreeView\n\t\t\t\tfocusedItem={null}\n\t\t\t\tonFocusedItemChange={() => {}}\n\t\t\t\thideChevron={false}\n\t\t\t\thorizontalLines={true}\n\t\t\t\tdisableHover={true}\n\t\t\t\tzebra={true}\n\t\t\t\trootItemId=\"root\"\n\t\t\t\titems={tree}\n\t\t\t\tcustomItemView={customItemView}\n\t\t\t\tdefaultExpandedItems={expandedItemIds}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport { FhirStructureView, type FhirStructure };\n"],"names":["React","Tooltip","TooltipContent","TooltipTrigger","cn","CustomIcon","TreeView","FiledIcon","item","filedType","getItemData","meta","type","ResourceIcon","BackboneElementIcon","ExtensionIcon","ReferenceIcon","UnionIcon","TypCodeIcon","ComplexTypeIcon","customItemFieldNameClass","customItemView","fieldName","name","cardinalityMin","min","cardinalityMax","max","isSummary","isModifier","mustSupport","datatype","short","desc","extensionUrl","extensionCoordinate","binding","vsCoordinate","div","className","asChild","span","p","id","a","href","packageSpec","version","label","valueSet","FhirStructureView","tree","expandedItemIds","useMemo","Object","keys","focusedItem","onFocusedItemChange","hideChevron","horizontalLines","disableHover","zebra","rootItemId","items","defaultExpandedItems"],"mappings":"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"}