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

package/dist/src/components/button-dropdown.d.ts

@@ -0,0 +1,10 @@
+export interface ButtonDropdownOption {
+    value: string;
+    label: string;
+}
+export declare function ButtonDropdown({ options, selectedValue, onSelectItem, }: {
+    selectedValue?: string;
+    options: ButtonDropdownOption[];
+    onSelectItem: (item: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button-dropdown.d.ts.map

package/dist/src/components/button-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/button-dropdown.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAkBD,wBAAgB,cAAc,CAAC,EAC9B,OAAO,EACP,aAAa,EACb,YAAY,GACZ,EAAE;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,2CAkDA"}

package/dist/src/components/button-dropdown.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as Lucide from "lucide-react";
+import * as React from "react";
+import { Button } from "../shadcn/components/ui/button.js";
+import { Command, CommandInput, CommandItem, CommandList } from "../shadcn/components/ui/command.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../shadcn/components/ui/popover.js";
+import { cn } from "../shadcn/lib/utils.js";
+const popoverTriggerButtonStyle = cn("text-text-secondary", "bg-gray-100", "rounded-full", "px-2 h-6");
+const checkIconStyles = cva("ml-auto size-4", {
+    variants: {
+        isSelected: {
+            true: "opacity-100",
+            false: "opacity-0"
+        }
+    }
+});
+export function ButtonDropdown({ options, selectedValue, onSelectItem }) {
+    const [open, setOpen] = React.useState(false);
+    const onSelectItemMy = (item)=>{
+        onSelectItem(item);
+        setOpen(false);
+    };
+    const selectedOption = options.find((option)=>option.value === selectedValue);
+    return /*#__PURE__*/ _jsxs(Popover, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ _jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsxs(Button, {
+                    variant: "link",
+                    className: popoverTriggerButtonStyle,
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "typo-body",
+                            children: selectedOption?.label
+                        }),
+                        /*#__PURE__*/ _jsx(Lucide.ChevronDownIcon, {})
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx(PopoverContent, {
+                className: "p-0",
+                children: /*#__PURE__*/ _jsxs(Command, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CommandInput, {}),
+                        /*#__PURE__*/ _jsx(CommandList, {
+                            children: options.map((option)=>/*#__PURE__*/ _jsxs(CommandItem, {
+                                    "data-state": selectedOption?.value === option.value ? "checked" : "unchecked",
+                                    value: option.value,
+                                    onSelect: onSelectItemMy,
+                                    children: [
+                                        option.label,
+                                        /*#__PURE__*/ _jsx(Lucide.CheckIcon, {
+                                            className: cn(checkIconStyles({
+                                                isSelected: selectedOption?.value === option.value
+                                            }))
+                                        })
+                                    ]
+                                }, option.value))
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=button-dropdown.js.map

package/dist/src/components/button-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button-dropdown.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport * as Lucide from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"#shadcn/components/ui/button.js\";\nimport {\n\tCommand,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from \"#shadcn/components/ui/command.js\";\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger,\n} from \"#shadcn/components/ui/popover\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nexport interface ButtonDropdownOption {\n\tvalue: string;\n\tlabel: string;\n}\n\nconst popoverTriggerButtonStyle = cn(\n\t\"text-text-secondary\",\n\t\"bg-gray-100\",\n\t\"rounded-full\",\n\t\"px-2 h-6\",\n);\n\nconst checkIconStyles = cva(\"ml-auto size-4\", {\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: \"opacity-100\",\n\t\t\tfalse: \"opacity-0\",\n\t\t},\n\t},\n});\n\nexport function ButtonDropdown({\n\toptions,\n\tselectedValue,\n\tonSelectItem,\n}: {\n\tselectedValue?: string;\n\toptions: ButtonDropdownOption[];\n\tonSelectItem: (item: string) => void;\n}) {\n\tconst [open, setOpen] = React.useState(false);\n\n\tconst onSelectItemMy = (item: string) => {\n\t\tonSelectItem(item);\n\t\tsetOpen(false);\n\t};\n\n\tconst selectedOption = options.find(\n\t\t(option) => option.value === selectedValue,\n\t);\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button variant=\"link\" className={popoverTriggerButtonStyle}>\n\t\t\t\t\t<span className=\"typo-body\">{selectedOption?.label}</span>\n\t\t\t\t\t<Lucide.ChevronDownIcon />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent className=\"p-0\">\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput></CommandInput>\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t{options.map((option) => (\n\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\tdata-state={\n\t\t\t\t\t\t\t\t\tselectedOption?.value === option.value\n\t\t\t\t\t\t\t\t\t\t? \"checked\"\n\t\t\t\t\t\t\t\t\t\t: \"unchecked\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\tonSelect={onSelectItemMy}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t<Lucide.CheckIcon\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\tcheckIconStyles({\n\t\t\t\t\t\t\t\t\t\t\tisSelected: selectedOption?.value === option.value,\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"names":["cva","Lucide","React","Button","Command","CommandInput","CommandItem","CommandList","Popover","PopoverContent","PopoverTrigger","cn","popoverTriggerButtonStyle","checkIconStyles","variants","isSelected","true","false","ButtonDropdown","options","selectedValue","onSelectItem","open","setOpen","useState","onSelectItemMy","item","selectedOption","find","option","value","onOpenChange","asChild","variant","className","span","label","ChevronDownIcon","map","data-state","onSelect","CheckIcon"],"mappings":";AAAA,SAASA,GAAG,QAAQ,2BAA2B;AAC/C,YAAYC,YAAY,eAAe;AACvC,YAAYC,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,oCAAkC;AACzD,SACCC,OAAO,EACPC,YAAY,EACZC,WAAW,EACXC,WAAW,QACL,qCAAmC;AAC1C,SACCC,OAAO,EACPC,cAAc,EACdC,cAAc,QACR,qCAAgC;AACvC,SAASC,EAAE,QAAQ,yBAAoB;AAOvC,MAAMC,4BAA4BD,GACjC,uBACA,eACA,gBACA;AAGD,MAAME,kBAAkBb,IAAI,kBAAkB;IAC7Cc,UAAU;QACTC,YAAY;YACXC,MAAM;YACNC,OAAO;QACR;IACD;AACD;AAEA,OAAO,SAASC,eAAe,EAC9BC,OAAO,EACPC,aAAa,EACbC,YAAY,EAKZ;IACA,MAAM,CAACC,MAAMC,QAAQ,GAAGrB,MAAMsB,QAAQ,CAAC;IAEvC,MAAMC,iBAAiB,CAACC;QACvBL,aAAaK;QACbH,QAAQ;IACT;IAEA,MAAMI,iBAAiBR,QAAQS,IAAI,CAClC,CAACC,SAAWA,OAAOC,KAAK,KAAKV;IAG9B,qBACC,MAACZ;QAAQc,MAAMA;QAAMS,cAAcR;;0BAClC,KAACb;gBAAesB,OAAO;0BACtB,cAAA,MAAC7B;oBAAO8B,SAAQ;oBAAOC,WAAWtB;;sCACjC,KAACuB;4BAAKD,WAAU;sCAAaP,gBAAgBS;;sCAC7C,KAACnC,OAAOoC,eAAe;;;;0BAGzB,KAAC5B;gBAAeyB,WAAU;0BACzB,cAAA,MAAC9B;;sCACA,KAACC;sCACD,KAACE;sCACCY,QAAQmB,GAAG,CAAC,CAACT,uBACb,MAACvB;oCAEAiC,cACCZ,gBAAgBG,UAAUD,OAAOC,KAAK,GACnC,YACA;oCAEJA,OAAOD,OAAOC,KAAK;oCACnBU,UAAUf;;wCAETI,OAAOO,KAAK;sDACb,KAACnC,OAAOwC,SAAS;4CAChBP,WAAWvB,GACVE,gBAAgB;gDACfE,YAAYY,gBAAgBG,UAAUD,OAAOC,KAAK;4CACnD;;;mCAdGD,OAAOC,KAAK;;;;;;;AAwBzB"}

package/dist/src/components/button-dropdown.stories.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ButtonDropdown } from "./button-dropdown.js";
+const meta = {
+    title: "Component/ButtonDropdown",
+    component: ButtonDropdownDemo,
+    argTypes: {}
+};
+export default meta;
+// Demo component for Storybook
+const demoOptions = [
+    {
+        value: "next.js",
+        label: "Next.js"
+    },
+    {
+        value: "sveltekit",
+        label: "SvelteKit"
+    },
+    {
+        value: "nuxt.js",
+        label: "Nuxt.js"
+    },
+    {
+        value: "remix",
+        label: "Remix"
+    },
+    {
+        value: "astro",
+        label: "Astro"
+    }
+];
+function ButtonDropdownDemo() {
+    const [value, setValue] = React.useState("next.js");
+    return /*#__PURE__*/ _jsx(ButtonDropdown, {
+        options: demoOptions,
+        selectedValue: value,
+        onSelectItem: setValue
+    });
+}
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "w-[560px]",
+            children: /*#__PURE__*/ _jsx(ButtonDropdownDemo, {})
+        })
+};
+
+//# sourceMappingURL=button-dropdown.stories.js.map

package/dist/src/components/button-dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button-dropdown.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport React from \"react\";\nimport { ButtonDropdown } from \"./button-dropdown\";\n\nconst meta = {\n\ttitle: \"Component/ButtonDropdown\",\n\tcomponent: ButtonDropdownDemo,\n\targTypes: {},\n} satisfies Meta;\nexport default meta;\n\n// Demo component for Storybook\nconst demoOptions = [\n\t{ value: \"next.js\", label: \"Next.js\" },\n\t{ value: \"sveltekit\", label: \"SvelteKit\" },\n\t{ value: \"nuxt.js\", label: \"Nuxt.js\" },\n\t{ value: \"remix\", label: \"Remix\" },\n\t{ value: \"astro\", label: \"Astro\" },\n];\n\nfunction ButtonDropdownDemo() {\n\tconst [value, setValue] = React.useState(\"next.js\");\n\n\treturn (\n\t\t<ButtonDropdown\n\t\t\toptions={demoOptions}\n\t\t\tselectedValue={value}\n\t\t\tonSelectItem={setValue}\n\t\t/>\n\t);\n}\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\trender: () => (\n\t\t<div className=\"w-[560px]\">\n\t\t\t<ButtonDropdownDemo />\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["React","ButtonDropdown","meta","title","component","ButtonDropdownDemo","argTypes","demoOptions","value","label","setValue","useState","options","selectedValue","onSelectItem","Default","render","div","className"],"mappings":";AACA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,cAAc,QAAQ,uBAAoB;AAEnD,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWC;IACXC,UAAU,CAAC;AACZ;AACA,eAAeJ,KAAK;AAEpB,+BAA+B;AAC/B,MAAMK,cAAc;IACnB;QAAEC,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAASC,OAAO;IAAQ;CACjC;AAED,SAASJ;IACR,MAAM,CAACG,OAAOE,SAAS,GAAGV,MAAMW,QAAQ,CAAC;IAEzC,qBACC,KAACV;QACAW,SAASL;QACTM,eAAeL;QACfM,cAAcJ;;AAGjB;AAIA,OAAO,MAAMK,UAAU;IACtBC,QAAQ,kBACP,KAACC;YAAIC,WAAU;sBACd,cAAA,KAACb;;AAGJ,EAAkB"}

package/dist/src/components/code-editor/fhir-autocomplete.d.ts

@@ -0,0 +1,70 @@
+import { type CompletionSource } from "@codemirror/autocomplete";
+import { type Extension, RangeSet, StateField } from "@codemirror/state";
+import { Decoration, GutterMarker } from "@codemirror/view";
+interface FhirElementType {
+    code: string;
+    profile?: string[];
+    targetProfile?: string[];
+}
+interface FhirElement {
+    path: string;
+    short?: string;
+    definition?: string;
+    min?: number;
+    max?: string;
+    type?: FhirElementType[];
+    binding?: {
+        valueSet: string;
+        strength: string;
+    };
+    contentReference?: string;
+    sliceName?: string;
+    fixedUri?: string;
+    fixedString?: string;
+    fixedCode?: string;
+}
+interface StructureDefinition {
+    type: string;
+    url?: string;
+    name?: string;
+    baseDefinition?: string;
+    context?: {
+        expression: string;
+        type: string;
+    }[];
+    differential?: {
+        element: FhirElement[];
+    };
+}
+export interface StructureDefinitionSearchParams {
+    type?: string;
+    url?: string;
+    derivation?: string;
+    "derivation:missing"?: string;
+    kind?: string;
+    _count?: string;
+    _elements?: string;
+    _ilike?: string;
+}
+export type GetStructureDefinitions = (params: StructureDefinitionSearchParams) => Promise<StructureDefinition[]>;
+export type ExpandValueSet = (url: string, filter: string) => Promise<{
+    code: string;
+    display?: string;
+    system?: string;
+}[]>;
+/** @internal — exported for tests only */
+export declare function buildParameterSnippet(name: string, valueTypes: string[], indent: string): {
+    text: string;
+    cursorOffset: number;
+};
+/** @internal — exported for tests only */
+export declare function jsonCompletionSource(getSDs: GetStructureDefinitions, resourceTypeHint?: string, expandValueSet?: ExpandValueSet): CompletionSource;
+export declare const fhirDiagnosticsField: StateField<{
+    marks: RangeSet<Decoration>;
+    lineDecos: RangeSet<Decoration>;
+    gutterMarkers: RangeSet<GutterMarker>;
+    messages: Map<number, string>;
+}>;
+export declare function buildFhirCompletionExtension(getSDs: GetStructureDefinitions, resourceTypeHint?: string, expandValueSet?: ExpandValueSet): Extension;
+export {};
+//# sourceMappingURL=fhir-autocomplete.d.ts.map

package/dist/src/components/code-editor/fhir-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhir-autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/fhir-autocomplete.ts"],"names":[],"mappings":"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"}