@health-samurai/react-components 0.0.0-alpha.3 → 0.0.0-alpha.5

package/dist/src/components/code-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/code-editor/index.tsx"],"sourcesContent":["import {\n\tautocompletion,\n\tcloseBrackets,\n\tcloseBracketsKeymap,\n\tcompletionKeymap,\n} from \"@codemirror/autocomplete\";\nimport { defaultKeymap, history, historyKeymap } from \"@codemirror/commands\";\nimport { json, jsonParseLinter } from \"@codemirror/lang-json\";\nimport {\n\tbracketMatching,\n\tfoldGutter,\n\tfoldKeymap,\n\tHighlightStyle,\n\tindentOnInput,\n\tsyntaxHighlighting,\n} from \"@codemirror/language\";\nimport { linter, lintGutter, lintKeymap } from \"@codemirror/lint\";\nimport { highlightSelectionMatches, searchKeymap } from \"@codemirror/search\";\nimport { EditorState } from \"@codemirror/state\";\nimport {\n\tcrosshairCursor,\n\tdrawSelection,\n\tdropCursor,\n\tEditorView,\n\thighlightActiveLine,\n\thighlightActiveLineGutter,\n\thighlightSpecialChars,\n\tkeymap,\n\tlineNumbers,\n\trectangularSelection,\n} from \"@codemirror/view\";\nimport { tags } from \"@lezer/highlight\";\nimport * as React from \"react\";\n\nconst baseTheme = EditorView.baseTheme({\n\t\"&\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\theight: \"100%\",\n\t\twidth: \"100%\",\n\t\tfontSize: \"14px\",\n\t\tpaddingTop: \"8px\",\n\t\tpaddingBottom: \"8px\",\n\t},\n\t\".cm-scroller\": {\n\t\toverflow: \"auto\",\n\t},\n\t\".cm-content\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t\tpadding: \"0\",\n\t},\n\t\"&.cm-focused\": {\n\t\toutline: \"none\",\n\t},\n\t\".cm-gutter\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t},\n\t\".cm-gutters\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\tborder: \"none\",\n\t},\n\t\".cm-lineNumbers\": {\n\t\tpaddingLeft: \"16px\",\n\t},\n\t\".cm-activeLineGutter\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\tcolor: \"var(--color-text-primary)\",\n\t},\n\t\".cm-activeLine\": {\n\t\tbackgroundColor: \"rgba(255, 255, 255, 0)\",\n\t},\n});\n\nconst customHighlightStyle = HighlightStyle.define([\n\t{ tag: tags.propertyName, color: \"#EA4A35\" },\n\t{ tag: tags.string, color: \"#405CBF\" },\n\t{ tag: tags.number, color: \"#00A984\" },\n\t{ tag: tags.bool, color: \"#569cd6\" },\n\t{ tag: tags.null, color: \"#569cd6\" },\n]);\n\nexport function CodeEditor({\n\tdefaultValue,\n\tonChange,\n}: {\n\tdefaultValue?: string;\n\tonChange?: (value: string) => void;\n}) {\n\tconst editorRef = React.useRef(null);\n\n\tReact.useEffect(() => {\n\t\tif (!editorRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst view = new EditorView({\n\t\t\tparent: editorRef.current,\n\t\t\tstate: EditorState.create({\n\t\t\t\tdoc: defaultValue ?? \"\",\n\t\t\t\textensions: [\n\t\t\t\t\tlineNumbers(),\n\t\t\t\t\tfoldGutter(),\n\t\t\t\t\thighlightSpecialChars(),\n\t\t\t\t\thistory(),\n\t\t\t\t\tdrawSelection(),\n\t\t\t\t\tdropCursor(),\n\t\t\t\t\tEditorState.allowMultipleSelections.of(true),\n\t\t\t\t\tindentOnInput(),\n\t\t\t\t\tjson(),\n\t\t\t\t\tsyntaxHighlighting(customHighlightStyle),\n\t\t\t\t\tbracketMatching(),\n\t\t\t\t\tcloseBrackets(),\n\t\t\t\t\tautocompletion(),\n\t\t\t\t\trectangularSelection(),\n\t\t\t\t\tcrosshairCursor(),\n\t\t\t\t\thighlightActiveLine(),\n\t\t\t\t\thighlightActiveLineGutter(),\n\t\t\t\t\thighlightSelectionMatches(),\n\t\t\t\t\tbaseTheme,\n\t\t\t\t\tkeymap.of([\n\t\t\t\t\t\t...closeBracketsKeymap,\n\t\t\t\t\t\t...defaultKeymap,\n\t\t\t\t\t\t...searchKeymap,\n\t\t\t\t\t\t...historyKeymap,\n\t\t\t\t\t\t...foldKeymap,\n\t\t\t\t\t\t...completionKeymap,\n\t\t\t\t\t\t...lintKeymap,\n\t\t\t\t\t]),\n\t\t\t\t\tlinter(jsonParseLinter(), { delay: 300 }),\n\t\t\t\t\tlintGutter(),\n\t\t\t\t\tEditorView.updateListener.of((update) => {\n\t\t\t\t\t\tif (update.docChanged && onChange) {\n\t\t\t\t\t\t\tonChange(update.view.state.doc.toString());\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t],\n\t\t\t}),\n\t\t});\n\n\t\treturn () => view.destroy();\n\t}, [defaultValue, onChange]);\n\n\treturn <div className=\"h-full w-full\" ref={editorRef} />;\n}\n"],"names":["autocompletion","closeBrackets","closeBracketsKeymap","completionKeymap","defaultKeymap","history","historyKeymap","json","jsonParseLinter","bracketMatching","foldGutter","foldKeymap","HighlightStyle","indentOnInput","syntaxHighlighting","linter","lintGutter","lintKeymap","highlightSelectionMatches","searchKeymap","EditorState","crosshairCursor","drawSelection","dropCursor","EditorView","highlightActiveLine","highlightActiveLineGutter","highlightSpecialChars","keymap","lineNumbers","rectangularSelection","tags","React","baseTheme","backgroundColor","height","width","fontSize","paddingTop","paddingBottom","overflow","fontFamily","padding","outline","border","paddingLeft","color","customHighlightStyle","define","tag","propertyName","string","number","bool","null","CodeEditor","defaultValue","onChange","editorRef","useRef","useEffect","current","view","parent","state","create","doc","extensions","allowMultipleSelections","of","delay","updateListener","update","docChanged","toString","destroy","div","className","ref"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/code-editor/index.tsx"],"sourcesContent":["import {\n\tautocompletion,\n\tcloseBrackets,\n\tcloseBracketsKeymap,\n\tcompletionKeymap,\n} from \"@codemirror/autocomplete\";\nimport { defaultKeymap, history, historyKeymap } from \"@codemirror/commands\";\nimport { json, jsonParseLinter } from \"@codemirror/lang-json\";\nimport {\n\tbracketMatching,\n\tfoldGutter,\n\tfoldKeymap,\n\tHighlightStyle,\n\tindentOnInput,\n\tsyntaxHighlighting,\n} from \"@codemirror/language\";\nimport { linter, lintGutter, lintKeymap } from \"@codemirror/lint\";\nimport { highlightSelectionMatches, searchKeymap } from \"@codemirror/search\";\nimport { Compartment, EditorState } from \"@codemirror/state\";\nimport {\n\tcrosshairCursor,\n\tdrawSelection,\n\tdropCursor,\n\tEditorView,\n\thighlightActiveLine,\n\thighlightActiveLineGutter,\n\thighlightSpecialChars,\n\tkeymap,\n\tlineNumbers,\n\trectangularSelection,\n\ttype ViewUpdate,\n} from \"@codemirror/view\";\nimport { tags } from \"@lezer/highlight\";\nimport * as React from \"react\";\n\nimport { http } from \"./http\";\n\nconst baseTheme = EditorView.baseTheme({\n\t\"&\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\theight: \"100%\",\n\t\twidth: \"100%\",\n\t\tfontSize: \"14px\",\n\t\tpaddingTop: \"8px\",\n\t\tpaddingBottom: \"8px\",\n\t},\n\t\".cm-scroller\": {\n\t\toverflow: \"auto\",\n\t},\n\t\".cm-content\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t\tpadding: \"0\",\n\t},\n\t\"&.cm-focused\": {\n\t\toutline: \"none\",\n\t},\n\t\".cm-gutter\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t},\n\t\".cm-gutters\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\tborder: \"none\",\n\t},\n\t\".cm-lineNumbers\": {\n\t\tpaddingLeft: \"16px\",\n\t},\n\t\".cm-activeLineGutter\": {\n\t\tbackgroundColor: \"var(--color-bg-primary)\",\n\t\tcolor: \"var(--color-text-primary)\",\n\t},\n\t\".cm-activeLine\": {\n\t\tbackgroundColor: \"rgba(255, 255, 255, 0)\",\n\t},\n});\n\nconst readOnlyTheme = EditorView.theme({\n\t\"&\": {\n\t\tbackgroundColor: \"var(--color-bg-secondary)\",\n\t\theight: \"100%\",\n\t\twidth: \"100%\",\n\t\tfontSize: \"14px\",\n\t\tpaddingTop: \"8px\",\n\t\tpaddingBottom: \"8px\",\n\t},\n\t\".cm-scroller\": {\n\t\toverflow: \"auto\",\n\t},\n\t\".cm-content\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t\tpadding: \"0\",\n\t},\n\t\"&.cm-focused\": {\n\t\toutline: \"none\",\n\t},\n\t\".cm-gutter\": {\n\t\tfontFamily: \"var(--font-family-mono)\",\n\t},\n\t\".cm-gutters\": {\n\t\tbackgroundColor: \"var(--color-bg-secondary)\",\n\t\tborder: \"none\",\n\t},\n\t\".cm-lineNumbers\": {\n\t\tpaddingLeft: \"16px\",\n\t},\n\t\".cm-activeLineGutter\": {\n\t\tbackgroundColor: \"var(--color-bg-secondary)\",\n\t\tcolor: \"var(--color-text-primary)\",\n\t},\n\t\".cm-activeLine\": {\n\t\tbackgroundColor: \"rgba(255, 255, 255, 0)\",\n\t},\n});\n\nconst customHighlightStyle = HighlightStyle.define([\n\t{ tag: tags.propertyName, color: \"#EA4A35\" },\n\t{ tag: tags.string, color: \"#405CBF\" },\n\t{ tag: tags.number, color: \"#00A984\" },\n\t{ tag: tags.bool, color: \"#569cd6\" },\n\t{ tag: tags.null, color: \"#569cd6\" },\n]);\n\ntype LanguageMode = \"json\" | \"http\";\n\nfunction languageExtensions(mode: LanguageMode) {\n\tif (mode === \"http\") {\n\t\tconst jsonLang = json();\n\t\treturn [\n\t\t\thttp((ct) => (ct === \"application/json\" ? jsonLang.language : null)),\n\t\t\tsyntaxHighlighting(customHighlightStyle),\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\tjson(),\n\t\t\tlinter(jsonParseLinter(), { delay: 300 }),\n\t\t\tsyntaxHighlighting(customHighlightStyle),\n\t\t];\n\t}\n}\n\ntype CodeEditorProps = {\n\treadOnly?: boolean;\n\tdefaultValue?: string;\n\tcurrentValue?: string;\n\tonChange?: (value: string) => void;\n\tonUpdate?: (update: ViewUpdate) => void;\n\tid?: string;\n\tmode?: LanguageMode;\n\tviewCallback?: (view: EditorView) => void;\n};\n\nexport type CodeEditorView = EditorView;\n\nexport function CodeEditor({\n\tdefaultValue,\n\tcurrentValue,\n\tonChange,\n\tonUpdate,\n\tviewCallback,\n\treadOnly = false,\n\tid,\n\tmode = \"json\",\n}: CodeEditorProps) {\n\tconst domRef = React.useRef(null);\n\tconst [view, setView] = React.useState<EditorView | null>(null);\n\n\tconst initialValue = React.useRef(defaultValue ?? \"\");\n\n\tconst onChangeComparment = React.useRef(new Compartment());\n\tconst onUpdateComparment = React.useRef(new Compartment());\n\tconst languageCompartment = React.useRef(new Compartment());\n\tconst readOnlyCompartment = React.useRef(new Compartment());\n\tconst themeCompartment = React.useRef(new Compartment());\n\n\tReact.useEffect(() => {\n\t\tif (!domRef.current) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst view = new EditorView({\n\t\t\tparent: domRef.current,\n\t\t\tstate: EditorState.create({\n\t\t\t\tdoc: initialValue.current,\n\t\t\t\textensions: [\n\t\t\t\t\tEditorView.contentAttributes.of({ \"data-gramm\": \"false\" }),\n\t\t\t\t\treadOnlyCompartment.current.of(EditorState.readOnly.of(false)),\n\t\t\t\t\tlineNumbers(),\n\t\t\t\t\tfoldGutter(),\n\t\t\t\t\thighlightSpecialChars(),\n\t\t\t\t\thistory(),\n\t\t\t\t\tdrawSelection(),\n\t\t\t\t\tdropCursor(),\n\t\t\t\t\tEditorState.allowMultipleSelections.of(true),\n\t\t\t\t\tindentOnInput(),\n\t\t\t\t\tlanguageCompartment.current.of([]),\n\t\t\t\t\tbracketMatching(),\n\t\t\t\t\tcloseBrackets(),\n\t\t\t\t\tautocompletion(),\n\t\t\t\t\trectangularSelection(),\n\t\t\t\t\tcrosshairCursor(),\n\t\t\t\t\thighlightActiveLine(),\n\t\t\t\t\thighlightActiveLineGutter(),\n\t\t\t\t\thighlightSelectionMatches(),\n\t\t\t\t\tthemeCompartment.current.of(baseTheme),\n\t\t\t\t\tkeymap.of([\n\t\t\t\t\t\t...closeBracketsKeymap,\n\t\t\t\t\t\t...defaultKeymap,\n\t\t\t\t\t\t...searchKeymap,\n\t\t\t\t\t\t...historyKeymap,\n\t\t\t\t\t\t...foldKeymap,\n\t\t\t\t\t\t...completionKeymap,\n\t\t\t\t\t\t...lintKeymap,\n\t\t\t\t\t]),\n\t\t\t\t\tlintGutter(),\n\t\t\t\t\tonChangeComparment.current.of([]),\n\t\t\t\t\tonUpdateComparment.current.of([]),\n\t\t\t\t],\n\t\t\t}),\n\t\t});\n\n\t\tsetView(() => view);\n\n\t\treturn () => {\n\t\t\tview.destroy();\n\t\t\tsetView(() => null);\n\t\t};\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\tif (viewCallback && view) {\n\t\t\tviewCallback(view);\n\t\t}\n\t}, [view, viewCallback]);\n\n\tReact.useEffect(() => {\n\t\tview?.dispatch({\n\t\t\teffects: onChangeComparment.current.reconfigure([\n\t\t\t\tEditorView.updateListener.of((update) => {\n\t\t\t\t\tif (update.docChanged && onChange) {\n\t\t\t\t\t\tonChange(update.view.state.doc.toString());\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t]),\n\t\t});\n\t}, [view, onChange]);\n\n\tReact.useEffect(() => {\n\t\tview?.dispatch({\n\t\t\teffects: onUpdateComparment.current.reconfigure([\n\t\t\t\tEditorView.updateListener.of((update) => {\n\t\t\t\t\tif (onUpdate) {\n\t\t\t\t\t\tonUpdate(update);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t]),\n\t\t});\n\t}, [view, onUpdate]);\n\n\t// FIXME: it is probably better to have CM manage its state.\n\tReact.useEffect(() => {\n\t\tif (!view || currentValue === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentDoc = view.state.doc.toString();\n\t\tif (currentDoc !== currentValue) {\n\t\t\tview.dispatch({\n\t\t\t\tchanges: {\n\t\t\t\t\tfrom: 0,\n\t\t\t\t\tto: currentDoc.length,\n\t\t\t\t\tinsert: currentValue,\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\t}, [currentValue, view]);\n\n\tReact.useEffect(() => {\n\t\tif (view === null) {\n\t\t\treturn;\n\t\t}\n\t\tview.dispatch({\n\t\t\teffects: languageCompartment.current.reconfigure(\n\t\t\t\tlanguageExtensions(mode),\n\t\t\t),\n\t\t});\n\t}, [mode, view]);\n\n\tReact.useEffect(() => {\n\t\tif (view === null) {\n\t\t\treturn;\n\t\t}\n\t\tview.dispatch({\n\t\t\teffects: [\n\t\t\t\treadOnlyCompartment.current.reconfigure(\n\t\t\t\t\tEditorState.readOnly.of(readOnly),\n\t\t\t\t),\n\t\t\t\tthemeCompartment.current.reconfigure(\n\t\t\t\t\treadOnly ? readOnlyTheme : baseTheme,\n\t\t\t\t),\n\t\t\t],\n\t\t});\n\t}, [readOnly, view]);\n\n\treturn <div className=\"h-full w-full\" ref={domRef} id={id} />;\n}\n"],"names":["autocompletion","closeBrackets","closeBracketsKeymap","completionKeymap","defaultKeymap","history","historyKeymap","json","jsonParseLinter","bracketMatching","foldGutter","foldKeymap","HighlightStyle","indentOnInput","syntaxHighlighting","linter","lintGutter","lintKeymap","highlightSelectionMatches","searchKeymap","Compartment","EditorState","crosshairCursor","drawSelection","dropCursor","EditorView","highlightActiveLine","highlightActiveLineGutter","highlightSpecialChars","keymap","lineNumbers","rectangularSelection","tags","React","http","baseTheme","backgroundColor","height","width","fontSize","paddingTop","paddingBottom","overflow","fontFamily","padding","outline","border","paddingLeft","color","readOnlyTheme","theme","customHighlightStyle","define","tag","propertyName","string","number","bool","null","languageExtensions","mode","jsonLang","ct","language","delay","CodeEditor","defaultValue","currentValue","onChange","onUpdate","viewCallback","readOnly","id","domRef","useRef","view","setView","useState","initialValue","onChangeComparment","onUpdateComparment","languageCompartment","readOnlyCompartment","themeCompartment","useEffect","current","parent","state","create","doc","extensions","contentAttributes","of","allowMultipleSelections","destroy","dispatch","effects","reconfigure","updateListener","update","docChanged","toString","undefined","currentDoc","changes","from","to","length","insert","div","className","ref"],"mappings":"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"}

package/dist/src/components/code-editor.stories.js

@@ -31,7 +31,9 @@ export const Default = {
     },
     render: ()=>/*#__PURE__*/ _jsx("div", {
             className: "h-[500px] w-[500px]",
-            children: /*#__PURE__*/ _jsx(CodeEditor, {})
+            children: /*#__PURE__*/ _jsx(CodeEditor, {
+                mode: "http"
+            })
         })
 };
 

package/dist/src/components/code-editor.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/code-editor.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { CodeEditor } from \"./code-editor\";\n\nconst meta: Meta<typeof CodeEditor> = {\n\ttitle: \"Component/Editor\",\n\tcomponent: CodeEditor,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CodeEditor>;\n\nexport const Default: Story = {\n\targs: {\n\t\tdefaultValue: JSON.stringify(\n\t\t\t{\n\t\t\t\tresourceType: \"Patient\",\n\t\t\t\tmeta: { versionId: 10 },\n\t\t\t\tgender: \"male\",\n\t\t\t\tname: [{ family: \"Doe\", given: [\"John\"] }],\n\t\t\t},\n\t\t\tnull,\n\t\t\t2,\n\t\t),\n\t},\n\trender: () => (\n\t\t<div className=\"h-[500px] w-[500px]\">\n\t\t\t<CodeEditor />\n\t\t</div>\n\t),\n};\n"],"names":["CodeEditor","meta","title","component","parameters","layout","tags","Default","args","defaultValue","JSON","stringify","resourceType","versionId","gender","name","family","given","render","div","className"],"mappings":";AACA,SAASA,UAAU,QAAQ,yBAAgB;AAE3C,MAAMC,OAAgC;IACrCC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,QAAQ;IACT;IACAC,MAAM;QAAC;KAAW;AACnB;AAEA,eAAeL,KAAK;AAGpB,OAAO,MAAMM,UAAiB;IAC7BC,MAAM;QACLC,cAAcC,KAAKC,SAAS,CAC3B;YACCC,cAAc;YACdX,MAAM;gBAAEY,WAAW;YAAG;YACtBC,QAAQ;YACRC,MAAM;gBAAC;oBAAEC,QAAQ;oBAAOC,OAAO;wBAAC;qBAAO;gBAAC;aAAE;QAC3C,GACA,MACA;IAEF;IACAC,QAAQ,kBACP,KAACC;YAAIC,WAAU;sBACd,cAAA,KAACpB;;AAGJ,EAAE"}
+{"version":3,"sources":["../../../src/components/code-editor.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { CodeEditor } from \"./code-editor\";\n\nconst meta: Meta<typeof CodeEditor> = {\n\ttitle: \"Component/Editor\",\n\tcomponent: CodeEditor,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CodeEditor>;\n\nexport const Default: Story = {\n\targs: {\n\t\tdefaultValue: JSON.stringify(\n\t\t\t{\n\t\t\t\tresourceType: \"Patient\",\n\t\t\t\tmeta: { versionId: 10 },\n\t\t\t\tgender: \"male\",\n\t\t\t\tname: [{ family: \"Doe\", given: [\"John\"] }],\n\t\t\t},\n\t\t\tnull,\n\t\t\t2,\n\t\t),\n\t},\n\trender: () => (\n\t\t<div className=\"h-[500px] w-[500px]\">\n\t\t\t<CodeEditor mode=\"http\" />\n\t\t</div>\n\t),\n};\n"],"names":["CodeEditor","meta","title","component","parameters","layout","tags","Default","args","defaultValue","JSON","stringify","resourceType","versionId","gender","name","family","given","render","div","className","mode"],"mappings":";AACA,SAASA,UAAU,QAAQ,yBAAgB;AAE3C,MAAMC,OAAgC;IACrCC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,QAAQ;IACT;IACAC,MAAM;QAAC;KAAW;AACnB;AAEA,eAAeL,KAAK;AAGpB,OAAO,MAAMM,UAAiB;IAC7BC,MAAM;QACLC,cAAcC,KAAKC,SAAS,CAC3B;YACCC,cAAc;YACdX,MAAM;gBAAEY,WAAW;YAAG;YACtBC,QAAQ;YACRC,MAAM;gBAAC;oBAAEC,QAAQ;oBAAOC,OAAO;wBAAC;qBAAO;gBAAC;aAAE;QAC3C,GACA,MACA;IAEF;IACAC,QAAQ,kBACP,KAACC;YAAIC,WAAU;sBACd,cAAA,KAACpB;gBAAWqB,MAAK;;;AAGpB,EAAE"}

package/dist/src/components/request-line-editor.d.ts

@@ -1,38 +1,14 @@
 import type * as React from "react";
-interface RequestLineEditorProps extends React.ComponentProps<"div"> {
-    selectedMethod: string;
-    setMethod: (value: string) => void;
-    methods: string[];
-    inputValue?: string | undefined;
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-}
-declare const METHOD_COLORS: {
-    GET: {
-        text: string;
-        background: string;
-        border: string;
-    };
-    POST: {
-        text: string;
-        background: string;
-        border: string;
-    };
-    PUT: {
-        text: string;
-        background: string;
-        border: string;
-    };
-    PATCH: {
-        text: string;
-        background: string;
-        border: string;
-    };
-    DELETE: {
-        text: string;
-        background: string;
-        border: string;
-    };
+declare const requestMethodVariants: (props?: ({
+    method?: "GET" | "POST" | "PUT" | "PATCH" | "DELETE" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type RequestLineEditorProps = {
+    method: string;
+    onMethodChange: (newMethod: string) => void;
+    path?: string | undefined;
+    onPathChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
 };
-declare function RequestLineEditor({ className, selectedMethod, setMethod, methods, inputValue, onInputChange, }: RequestLineEditorProps): import("react/jsx-runtime").JSX.Element;
-export { RequestLineEditor, type RequestLineEditorProps, METHOD_COLORS };
+declare function RequestLineEditor({ className, method, onMethodChange, path, onPathChange, }: RequestLineEditorProps): import("react/jsx-runtime").JSX.Element;
+export { RequestLineEditor, type RequestLineEditorProps, requestMethodVariants, };
 //# sourceMappingURL=request-line-editor.d.ts.map

package/dist/src/components/request-line-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-line-editor.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CAC3D;AAED,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC;AA8BF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,cAAc,EACd,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,GACb,EAAE,sBAAsB,2CAgBxB;AAED,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"request-line-editor.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAepC,QAAA,MAAM,qBAAqB;;8EAqB1B,CAAC;AA4CF,KAAK,sBAAsB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,MAAM,EACN,cAAc,EACd,IAAI,EACJ,YAAY,GACZ,EAAE,sBAAsB,2CAYxB;AAED,OAAO,EACN,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,GACrB,CAAC"}

package/dist/src/components/request-line-editor.js

@@ -1,82 +1,84 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 import { Input } from "../shadcn/components/ui/input.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../shadcn/components/ui/select.js";
 import { cn } from "../shadcn/lib/utils.js";
 import { CopyIcon } from "./copy-icon.js";
-const METHOD_COLORS = {
-    GET: {
-        text: "text-[#6D9F0F] [&_svg]:text-[#6D9F0F]!",
-        background: "bg-green-200",
-        border: "border-fg-success-secondary! hover:border-fg-success-secondary ring-green-200!"
-    },
-    POST: {
-        text: "text-yellow-600 [&_svg]:text-yellow-600!",
-        background: "bg-yellow-200",
-        border: "border-[#F4CB00]! hover:border-[#F4CB00] ring-yellow-200!"
-    },
-    PUT: {
-        text: "text-blue-500 [&_svg]:text-blue-500!",
-        background: "bg-blue-200",
-        border: "border-blue-400! hover:border-blue-400 ring-blue-200!"
-    },
-    PATCH: {
-        text: "text-violet-600 [&_svg]:text-violet-600",
-        background: "bg-violet-200",
-        border: "border-violet-400! hover:border-violet-400 ring-violet-200!"
-    },
-    DELETE: {
-        text: "text-red-600 [&_svg]:text-red-600!",
-        background: "bg-red-200",
-        border: "border-red-300! hover:border-red-300 ring-red-200!"
+const METHODS = [
+    "GET",
+    "POST",
+    "PUT",
+    "PATCH",
+    "DELETE"
+];
+const requestMethodVariants = cva(cn("border-r-0", "rounded-r-none", "shadow-none", "typo-label", "text-left", "items-center", "w-26"), {
+    variants: {
+        method: {
+            GET: "text-utility-green [&_svg]:text-utility-green",
+            POST: "text-utility-yellow [&_svg]:text-utility-yellow",
+            PUT: "text-utility-blue [&_svg]:text-utility-blue ",
+            PATCH: "text-utility-violet [&_svg]:text-utility-violet",
+            DELETE: "text-utility-red [&_svg]:text-utility-red"
+        }
     }
-};
-function RequestMethodSelector({ selectedMethod, setMethod, methods }) {
+});
+function isKnownMethod(candidate) {
+    const methods = METHODS;
+    return methods.includes(candidate);
+}
+function RequestMethodSelector({ value, onValueChange }) {
+    console.log(value);
+    console.log(requestMethodVariants());
+    console.log(requestMethodVariants(undefined));
     return /*#__PURE__*/ _jsxs(Select, {
-        value: selectedMethod,
-        onValueChange: setMethod,
+        value: value,
+        ...onValueChange ? {
+            onValueChange: onValueChange
+        } : {},
         children: [
             /*#__PURE__*/ _jsx(SelectTrigger, {
-                className: `min-w-26 border-r-0 rounded-r-none shadow-none ${METHOD_COLORS[selectedMethod].text} ${METHOD_COLORS[selectedMethod].background} ${METHOD_COLORS[selectedMethod].border}`,
-                children: /*#__PURE__*/ _jsx(SelectValue, {})
+                className: requestMethodVariants(isKnownMethod(value) ? {
+                    method: value
+                } : undefined),
+                children: /*#__PURE__*/ _jsx(SelectValue, {
+                    children: value
+                })
             }),
             /*#__PURE__*/ _jsx(SelectContent, {
-                children: methods.map((method)=>/*#__PURE__*/ _jsx(SelectItem, {
+                children: METHODS.map((method)=>/*#__PURE__*/ _jsx(SelectItem, {
                         value: method,
-                        children: /*#__PURE__*/ _jsxs("span", {
-                            className: `${METHOD_COLORS[method].text}`,
-                            children: [
-                                " ",
-                                method,
-                                " "
-                            ]
+                        children: /*#__PURE__*/ _jsx("span", {
+                            className: requestMethodVariants({
+                                method: method
+                            }),
+                            children: method
                         })
                     }, method))
             })
         ]
     });
 }
-function RequestLineEditor({ className, selectedMethod, setMethod, methods, inputValue, onInputChange }) {
+function RequestLineEditor({ className, method, onMethodChange, path, onPathChange }) {
     return /*#__PURE__*/ _jsxs("div", {
         className: cn("flex", className),
         children: [
             /*#__PURE__*/ _jsx(RequestMethodSelector, {
-                selectedMethod: selectedMethod,
-                setMethod: setMethod,
-                methods: methods
+                value: method,
+                onValueChange: onMethodChange
             }),
             /*#__PURE__*/ _jsx(Input, {
-                className: `rounded-l-none ${METHOD_COLORS[selectedMethod].border}`,
-                value: inputValue,
+                className: "rounded-l-none",
+                value: path,
                 rightSlot: /*#__PURE__*/ _jsx(CopyIcon, {
-                    text: `${selectedMethod} ${inputValue}`
+                    text: `${method} ${path}`
                 }),
-                ...onInputChange !== undefined ? {
-                    onChange: onInputChange
+                ...onPathChange !== undefined ? {
+                    onChange: onPathChange
                 } : {}
             })
         ]
     });
 }
-export { RequestLineEditor, METHOD_COLORS };
+export { RequestLineEditor, requestMethodVariants };
 
 //# sourceMappingURL=request-line-editor.js.map

package/dist/src/components/request-line-editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/request-line-editor.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { CopyIcon } from \"./copy-icon\";\n\ninterface RequestLineEditorProps extends React.ComponentProps<\"div\"> {\n\tselectedMethod: string;\n\tsetMethod: (value: string) => void;\n\tmethods: string[];\n\tinputValue?: string | undefined;\n\tonInputChange?: React.ChangeEventHandler<HTMLInputElement>;\n}\n\nconst METHOD_COLORS = {\n\tGET: {\n\t\ttext: \"text-[#6D9F0F] [&_svg]:text-[#6D9F0F]!\",\n\t\tbackground: \"bg-green-200\",\n\t\tborder:\n\t\t\t\"border-fg-success-secondary! hover:border-fg-success-secondary ring-green-200!\",\n\t},\n\tPOST: {\n\t\ttext: \"text-yellow-600 [&_svg]:text-yellow-600!\",\n\t\tbackground: \"bg-yellow-200\",\n\t\tborder: \"border-[#F4CB00]! hover:border-[#F4CB00] ring-yellow-200!\",\n\t},\n\tPUT: {\n\t\ttext: \"text-blue-500 [&_svg]:text-blue-500!\",\n\t\tbackground: \"bg-blue-200\",\n\t\tborder: \"border-blue-400! hover:border-blue-400 ring-blue-200!\",\n\t},\n\tPATCH: {\n\t\ttext: \"text-violet-600 [&_svg]:text-violet-600\",\n\t\tbackground: \"bg-violet-200\",\n\t\tborder: \"border-violet-400! hover:border-violet-400 ring-violet-200!\",\n\t},\n\tDELETE: {\n\t\ttext: \"text-red-600 [&_svg]:text-red-600!\",\n\t\tbackground: \"bg-red-200\",\n\t\tborder: \"border-red-300! hover:border-red-300 ring-red-200!\",\n\t},\n};\n\nfunction RequestMethodSelector({\n\tselectedMethod,\n\tsetMethod,\n\tmethods,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<Select value={selectedMethod} onValueChange={setMethod}>\n\t\t\t<SelectTrigger\n\t\t\t\tclassName={`min-w-26 border-r-0 rounded-r-none shadow-none ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].text} ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].background} ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].border}`}\n\t\t\t>\n\t\t\t\t<SelectValue />\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t{methods.map((method) => (\n\t\t\t\t\t<SelectItem key={method} value={method}>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={`${METHOD_COLORS[method as keyof typeof METHOD_COLORS].text}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\t{method}{\" \"}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t))}\n\t\t\t</SelectContent>\n\t\t</Select>\n\t);\n}\n\nfunction RequestLineEditor({\n\tclassName,\n\tselectedMethod,\n\tsetMethod,\n\tmethods,\n\tinputValue,\n\tonInputChange,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<div className={cn(\"flex\", className)}>\n\t\t\t<RequestMethodSelector\n\t\t\t\tselectedMethod={selectedMethod}\n\t\t\t\tsetMethod={setMethod}\n\t\t\t\tmethods={methods}\n\t\t\t/>\n\t\t\t<Input\n\t\t\t\tclassName={`rounded-l-none ${METHOD_COLORS[selectedMethod as keyof typeof METHOD_COLORS].border}`}\n\t\t\t\tvalue={inputValue}\n\t\t\t\trightSlot={<CopyIcon text={`${selectedMethod} ${inputValue}`} />}\n\t\t\t\t{...(onInputChange !== undefined ? { onChange: onInputChange } : {})}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport { RequestLineEditor, type RequestLineEditorProps, METHOD_COLORS };\n"],"names":["Input","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","cn","CopyIcon","METHOD_COLORS","GET","text","background","border","POST","PUT","PATCH","DELETE","RequestMethodSelector","selectedMethod","setMethod","methods","value","onValueChange","className","map","method","span","RequestLineEditor","inputValue","onInputChange","div","rightSlot","undefined","onChange"],"mappings":";AACA,SAASA,KAAK,QAAQ,mCAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,UAAU,EACVC,aAAa,EACbC,WAAW,QACL,oCAA+B;AACtC,SAASC,EAAE,QAAQ,yBAAoB;AACvC,SAASC,QAAQ,QAAQ,iBAAc;AAUvC,MAAMC,gBAAgB;IACrBC,KAAK;QACJC,MAAM;QACNC,YAAY;QACZC,QACC;IACF;IACAC,MAAM;QACLH,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;IACAE,KAAK;QACJJ,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;IACAG,OAAO;QACNL,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;IACAI,QAAQ;QACPN,MAAM;QACNC,YAAY;QACZC,QAAQ;IACT;AACD;AAEA,SAASK,sBAAsB,EAC9BC,cAAc,EACdC,SAAS,EACTC,OAAO,EACiB;IACxB,qBACC,MAACnB;QAAOoB,OAAOH;QAAgBI,eAAeH;;0BAC7C,KAACf;gBACAmB,WAAW,CAAC,+CAA+C,EAAEf,aAAa,CAACU,eAA6C,CAACR,IAAI,CAAC,CAAC,EAAEF,aAAa,CAACU,eAA6C,CAACP,UAAU,CAAC,CAAC,EAAEH,aAAa,CAACU,eAA6C,CAACN,MAAM,EAAE;0BAE/Q,cAAA,KAACP;;0BAEF,KAACH;0BACCkB,QAAQI,GAAG,CAAC,CAACC,uBACb,KAACtB;wBAAwBkB,OAAOI;kCAC/B,cAAA,MAACC;4BACAH,WAAW,GAAGf,aAAa,CAACiB,OAAqC,CAACf,IAAI,EAAE;;gCAEvE;gCACAe;gCAAQ;;;uBALMA;;;;AAYtB;AAEA,SAASE,kBAAkB,EAC1BJ,SAAS,EACTL,cAAc,EACdC,SAAS,EACTC,OAAO,EACPQ,UAAU,EACVC,aAAa,EACW;IACxB,qBACC,MAACC;QAAIP,WAAWjB,GAAG,QAAQiB;;0BAC1B,KAACN;gBACAC,gBAAgBA;gBAChBC,WAAWA;gBACXC,SAASA;;0BAEV,KAACpB;gBACAuB,WAAW,CAAC,eAAe,EAAEf,aAAa,CAACU,eAA6C,CAACN,MAAM,EAAE;gBACjGS,OAAOO;gBACPG,yBAAW,KAACxB;oBAASG,MAAM,GAAGQ,eAAe,CAAC,EAAEU,YAAY;;gBAC3D,GAAIC,kBAAkBG,YAAY;oBAAEC,UAAUJ;gBAAc,IAAI,CAAC,CAAC;;;;AAIvE;AAEA,SAASF,iBAAiB,EAA+BnB,aAAa,GAAG"}
+{"version":3,"sources":["../../../src/components/request-line-editor.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\nimport { cn } from \"#shadcn/lib/utils\";\nimport { CopyIcon } from \"./copy-icon\";\n\nconst METHODS = [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"] as const;\ntype RequestMethod = (typeof METHODS)[number];\n\nconst requestMethodVariants = cva<{ method: { [K in RequestMethod]: string } }>(\n\tcn(\n\t\t\"border-r-0\",\n\t\t\"rounded-r-none\",\n\t\t\"shadow-none\",\n\t\t\"typo-label\",\n\t\t\"text-left\",\n\t\t\"items-center\",\n\t\t\"w-26\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tmethod: {\n\t\t\t\tGET: \"text-utility-green [&_svg]:text-utility-green\",\n\t\t\t\tPOST: \"text-utility-yellow [&_svg]:text-utility-yellow\",\n\t\t\t\tPUT: \"text-utility-blue [&_svg]:text-utility-blue \",\n\t\t\t\tPATCH: \"text-utility-violet [&_svg]:text-utility-violet\",\n\t\t\t\tDELETE: \"text-utility-red [&_svg]:text-utility-red\",\n\t\t\t},\n\t\t},\n\t},\n);\n\ntype RequestMethodSelectorProps = {\n\tvalue: string;\n\tonValueChange?: (newMethod: string) => void;\n};\n\nfunction isKnownMethod(candidate: string): candidate is RequestMethod {\n\tconst methods: readonly string[] = METHODS;\n\treturn methods.includes(candidate);\n}\n\nfunction RequestMethodSelector({\n\tvalue,\n\tonValueChange,\n}: RequestMethodSelectorProps) {\n\tconsole.log(value);\n\tconsole.log(requestMethodVariants());\n\tconsole.log(requestMethodVariants(undefined));\n\treturn (\n\t\t<Select\n\t\t\tvalue={value}\n\t\t\t{...(onValueChange ? { onValueChange: onValueChange } : {})}\n\t\t>\n\t\t\t<SelectTrigger\n\t\t\t\tclassName={requestMethodVariants(\n\t\t\t\t\tisKnownMethod(value) ? { method: value } : undefined,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SelectValue>{value}</SelectValue>\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t{METHODS.map((method) => (\n\t\t\t\t\t<SelectItem key={method} value={method}>\n\t\t\t\t\t\t<span className={requestMethodVariants({ method: method })}>\n\t\t\t\t\t\t\t{method}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</SelectItem>\n\t\t\t\t))}\n\t\t\t</SelectContent>\n\t\t</Select>\n\t);\n}\n\ntype RequestLineEditorProps = {\n\tmethod: string;\n\tonMethodChange: (newMethod: string) => void;\n\tpath?: string | undefined;\n\tonPathChange?: React.ChangeEventHandler<HTMLInputElement>;\n\tclassName?: string;\n};\n\nfunction RequestLineEditor({\n\tclassName,\n\tmethod,\n\tonMethodChange,\n\tpath,\n\tonPathChange,\n}: RequestLineEditorProps) {\n\treturn (\n\t\t<div className={cn(\"flex\", className)}>\n\t\t\t<RequestMethodSelector value={method} onValueChange={onMethodChange} />\n\t\t\t<Input\n\t\t\t\tclassName=\"rounded-l-none\"\n\t\t\t\tvalue={path}\n\t\t\t\trightSlot={<CopyIcon text={`${method} ${path}`} />}\n\t\t\t\t{...(onPathChange !== undefined ? { onChange: onPathChange } : {})}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport {\n\tRequestLineEditor,\n\ttype RequestLineEditorProps,\n\trequestMethodVariants,\n};\n"],"names":["cva","Input","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","cn","CopyIcon","METHODS","requestMethodVariants","variants","method","GET","POST","PUT","PATCH","DELETE","isKnownMethod","candidate","methods","includes","RequestMethodSelector","value","onValueChange","console","log","undefined","className","map","span","RequestLineEditor","onMethodChange","path","onPathChange","div","rightSlot","text","onChange"],"mappings":";AAAA,SAASA,GAAG,QAAQ,2BAA2B;AAE/C,SAASC,KAAK,QAAQ,mCAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,UAAU,EACVC,aAAa,EACbC,WAAW,QACL,oCAA+B;AACtC,SAASC,EAAE,QAAQ,yBAAoB;AACvC,SAASC,QAAQ,QAAQ,iBAAc;AAEvC,MAAMC,UAAU;IAAC;IAAO;IAAQ;IAAO;IAAS;CAAS;AAGzD,MAAMC,wBAAwBV,IAC7BO,GACC,cACA,kBACA,eACA,cACA,aACA,gBACA,SAED;IACCI,UAAU;QACTC,QAAQ;YACPC,KAAK;YACLC,MAAM;YACNC,KAAK;YACLC,OAAO;YACPC,QAAQ;QACT;IACD;AACD;AAQD,SAASC,cAAcC,SAAiB;IACvC,MAAMC,UAA6BX;IACnC,OAAOW,QAAQC,QAAQ,CAACF;AACzB;AAEA,SAASG,sBAAsB,EAC9BC,KAAK,EACLC,aAAa,EACe;IAC5BC,QAAQC,GAAG,CAACH;IACZE,QAAQC,GAAG,CAAChB;IACZe,QAAQC,GAAG,CAAChB,sBAAsBiB;IAClC,qBACC,MAACzB;QACAqB,OAAOA;QACN,GAAIC,gBAAgB;YAAEA,eAAeA;QAAc,IAAI,CAAC,CAAC;;0BAE1D,KAACnB;gBACAuB,WAAWlB,sBACVQ,cAAcK,SAAS;oBAAEX,QAAQW;gBAAM,IAAII;0BAG5C,cAAA,KAACrB;8BAAaiB;;;0BAEf,KAACpB;0BACCM,QAAQoB,GAAG,CAAC,CAACjB,uBACb,KAACR;wBAAwBmB,OAAOX;kCAC/B,cAAA,KAACkB;4BAAKF,WAAWlB,sBAAsB;gCAAEE,QAAQA;4BAAO;sCACtDA;;uBAFcA;;;;AAStB;AAUA,SAASmB,kBAAkB,EAC1BH,SAAS,EACThB,MAAM,EACNoB,cAAc,EACdC,IAAI,EACJC,YAAY,EACY;IACxB,qBACC,MAACC;QAAIP,WAAWrB,GAAG,QAAQqB;;0BAC1B,KAACN;gBAAsBC,OAAOX;gBAAQY,eAAeQ;;0BACrD,KAAC/B;gBACA2B,WAAU;gBACVL,OAAOU;gBACPG,yBAAW,KAAC5B;oBAAS6B,MAAM,GAAGzB,OAAO,CAAC,EAAEqB,MAAM;;gBAC7C,GAAIC,iBAAiBP,YAAY;oBAAEW,UAAUJ;gBAAa,IAAI,CAAC,CAAC;;;;AAIrE;AAEA,SACCH,iBAAiB,EAEjBrB,qBAAqB,GACpB"}

package/dist/src/components/request-line-editor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request-line-editor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EACN,iBAAiB,EAEjB,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAOxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA4BhD,eAAO,MAAM,GAAG,EAAE,KAOjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAOjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC"}
+{"version":3,"file":"request-line-editor.stories.d.ts","sourceRoot":"","sources":["../../../src/components/request-line-editor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EACN,iBAAiB,EAEjB,MAAM,uBAAuB,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAOxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAuBhD,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}

package/dist/src/components/request-line-editor.stories.js

@@ -13,9 +13,9 @@ const meta = {
     ]
 };
 export default meta;
-function RequestLineEditorWrapper({ selectedMethod, methods, inputValue }) {
-    const [currentSelectedMethod, setMethod] = React.useState(selectedMethod);
-    const [currentInputValue, setInputValue] = React.useState(inputValue);
+function RequestLineEditorWrapper({ method, path }) {
+    const [currentSelectedMethod, setMethod] = React.useState(method);
+    const [currentInputValue, setInputValue] = React.useState(path);
     const actionSetMethod = (method)=>{
         action("setMethod")(method);
         setMethod(method);
@@ -25,24 +25,16 @@ function RequestLineEditorWrapper({ selectedMethod, methods, inputValue }) {
         setInputValue(event.target.value);
     };
     return /*#__PURE__*/ _jsx(RequestLineEditor, {
-        methods: methods,
-        selectedMethod: currentSelectedMethod,
-        setMethod: actionSetMethod,
-        inputValue: currentInputValue,
-        onInputChange: actionSetInputValue
+        method: currentSelectedMethod,
+        onMethodChange: actionSetMethod,
+        path: currentInputValue,
+        onPathChange: actionSetInputValue
     });
 }
 export const GET = {
     args: {
-        selectedMethod: "GET",
-        methods: [
-            "GET",
-            "POST",
-            "PUT",
-            "PATCH",
-            "DELETE"
-        ],
-        inputValue: "/fhir/Patient"
+        method: "GET",
+        path: "/fhir/Patient"
     },
     render: (args)=>/*#__PURE__*/ _jsx(RequestLineEditorWrapper, {
             ...args
@@ -50,15 +42,8 @@ export const GET = {
 };
 export const POST = {
     args: {
-        selectedMethod: "POST",
-        methods: [
-            "GET",
-            "POST",
-            "PUT",
-            "PATCH",
-            "DELETE"
-        ],
-        inputValue: "/fhir/Patient"
+        method: "POST",
+        path: "/fhir/Patient"
     },
     render: (args)=>/*#__PURE__*/ _jsx(RequestLineEditorWrapper, {
             ...args
@@ -66,15 +51,8 @@ export const POST = {
 };
 export const PUT = {
     args: {
-        selectedMethod: "PUT",
-        methods: [
-            "GET",
-            "POST",
-            "PUT",
-            "PATCH",
-            "DELETE"
-        ],
-        inputValue: "/fhir/Patient"
+        method: "PUT",
+        path: "/fhir/Patient"
     },
     render: (args)=>/*#__PURE__*/ _jsx(RequestLineEditorWrapper, {
             ...args
@@ -82,15 +60,8 @@ export const PUT = {
 };
 export const PATCH = {
     args: {
-        selectedMethod: "PATCH",
-        methods: [
-            "GET",
-            "POST",
-            "PUT",
-            "PATCH",
-            "DELETE"
-        ],
-        inputValue: "/fhir/Patient"
+        method: "PATCH",
+        path: "/fhir/Patient"
     },
     render: (args)=>/*#__PURE__*/ _jsx(RequestLineEditorWrapper, {
             ...args
@@ -98,15 +69,8 @@ export const PATCH = {
 };
 export const DELETE = {
     args: {
-        selectedMethod: "DELETE",
-        methods: [
-            "GET",
-            "POST",
-            "PUT",
-            "PATCH",
-            "DELETE"
-        ],
-        inputValue: "/fhir/Patient"
+        method: "DELETE",
+        path: "/fhir/Patient"
     },
     render: (args)=>/*#__PURE__*/ _jsx(RequestLineEditorWrapper, {
             ...args

package/dist/src/components/request-line-editor.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/request-line-editor.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { action } from \"storybook/actions\";\nimport {\n\tRequestLineEditor,\n\ttype RequestLineEditorProps,\n} from \"./request-line-editor\";\n\nconst meta: Meta<typeof RequestLineEditor> = {\n\ttitle: \"Component/Request line editor\",\n\tcomponent: RequestLineEditor,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RequestLineEditor>;\n\nfunction RequestLineEditorWrapper({\n\tselectedMethod,\n\tmethods,\n\tinputValue,\n}: RequestLineEditorProps) {\n\tconst [currentSelectedMethod, setMethod] = React.useState(selectedMethod);\n\tconst [currentInputValue, setInputValue] = React.useState(inputValue);\n\tconst actionSetMethod = (method: string) => {\n\t\taction(\"setMethod\")(method);\n\t\tsetMethod(method);\n\t};\n\tconst actionSetInputValue = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\taction(\"setMethod\")(event);\n\t\tsetInputValue(event.target.value);\n\t};\n\treturn (\n\t\t<RequestLineEditor\n\t\t\tmethods={methods}\n\t\t\tselectedMethod={currentSelectedMethod}\n\t\t\tsetMethod={actionSetMethod}\n\t\t\tinputValue={currentInputValue}\n\t\t\tonInputChange={actionSetInputValue}\n\t\t/>\n\t);\n}\n\nexport const GET: Story = {\n\targs: {\n\t\tselectedMethod: \"GET\",\n\t\tmethods: [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"],\n\t\tinputValue: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const POST: Story = {\n\targs: {\n\t\tselectedMethod: \"POST\",\n\t\tmethods: [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"],\n\t\tinputValue: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const PUT: Story = {\n\targs: {\n\t\tselectedMethod: \"PUT\",\n\t\tmethods: [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"],\n\t\tinputValue: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const PATCH: Story = {\n\targs: {\n\t\tselectedMethod: \"PATCH\",\n\t\tmethods: [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"],\n\t\tinputValue: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const DELETE: Story = {\n\targs: {\n\t\tselectedMethod: \"DELETE\",\n\t\tmethods: [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"],\n\t\tinputValue: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n"],"names":["React","action","RequestLineEditor","meta","title","component","parameters","layout","tags","RequestLineEditorWrapper","selectedMethod","methods","inputValue","currentSelectedMethod","setMethod","useState","currentInputValue","setInputValue","actionSetMethod","method","actionSetInputValue","event","target","value","onInputChange","GET","args","render","POST","PUT","PATCH","DELETE"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SACCC,iBAAiB,QAEX,2BAAwB;AAE/B,MAAMC,OAAuC;IAC5CC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,QAAQ;IACT;IACAC,MAAM;QAAC;KAAW;AACnB;AAEA,eAAeL,KAAK;AAGpB,SAASM,yBAAyB,EACjCC,cAAc,EACdC,OAAO,EACPC,UAAU,EACc;IACxB,MAAM,CAACC,uBAAuBC,UAAU,GAAGd,MAAMe,QAAQ,CAACL;IAC1D,MAAM,CAACM,mBAAmBC,cAAc,GAAGjB,MAAMe,QAAQ,CAACH;IAC1D,MAAMM,kBAAkB,CAACC;QACxBlB,OAAO,aAAakB;QACpBL,UAAUK;IACX;IACA,MAAMC,sBAAsB,CAACC;QAC5BpB,OAAO,aAAaoB;QACpBJ,cAAcI,MAAMC,MAAM,CAACC,KAAK;IACjC;IACA,qBACC,KAACrB;QACAS,SAASA;QACTD,gBAAgBG;QAChBC,WAAWI;QACXN,YAAYI;QACZQ,eAAeJ;;AAGlB;AAEA,OAAO,MAAMK,MAAa;IACzBC,MAAM;QACLhB,gBAAgB;QAChBC,SAAS;YAAC;YAAO;YAAQ;YAAO;YAAS;SAAS;QAClDC,YAAY;IACb;IACAe,QAAQ,CAACD,qBAAS,KAACjB;YAA0B,GAAGiB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAME,OAAc;IAC1BF,MAAM;QACLhB,gBAAgB;QAChBC,SAAS;YAAC;YAAO;YAAQ;YAAO;YAAS;SAAS;QAClDC,YAAY;IACb;IACAe,QAAQ,CAACD,qBAAS,KAACjB;YAA0B,GAAGiB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAMG,MAAa;IACzBH,MAAM;QACLhB,gBAAgB;QAChBC,SAAS;YAAC;YAAO;YAAQ;YAAO;YAAS;SAAS;QAClDC,YAAY;IACb;IACAe,QAAQ,CAACD,qBAAS,KAACjB;YAA0B,GAAGiB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAMI,QAAe;IAC3BJ,MAAM;QACLhB,gBAAgB;QAChBC,SAAS;YAAC;YAAO;YAAQ;YAAO;YAAS;SAAS;QAClDC,YAAY;IACb;IACAe,QAAQ,CAACD,qBAAS,KAACjB;YAA0B,GAAGiB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAMK,SAAgB;IAC5BL,MAAM;QACLhB,gBAAgB;QAChBC,SAAS;YAAC;YAAO;YAAQ;YAAO;YAAS;SAAS;QAClDC,YAAY;IACb;IACAe,QAAQ,CAACD,qBAAS,KAACjB;YAA0B,GAAGiB,IAAI;;AACrD,EAAE"}
+{"version":3,"sources":["../../../src/components/request-line-editor.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { action } from \"storybook/actions\";\nimport {\n\tRequestLineEditor,\n\ttype RequestLineEditorProps,\n} from \"./request-line-editor\";\n\nconst meta: Meta<typeof RequestLineEditor> = {\n\ttitle: \"Component/Request line editor\",\n\tcomponent: RequestLineEditor,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\ttags: [\"autodocs\"],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RequestLineEditor>;\n\nfunction RequestLineEditorWrapper({ method, path }: RequestLineEditorProps) {\n\tconst [currentSelectedMethod, setMethod] = React.useState(method);\n\tconst [currentInputValue, setInputValue] = React.useState(path);\n\tconst actionSetMethod = (method: string) => {\n\t\taction(\"setMethod\")(method);\n\t\tsetMethod(method);\n\t};\n\tconst actionSetInputValue = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\taction(\"setMethod\")(event);\n\t\tsetInputValue(event.target.value);\n\t};\n\treturn (\n\t\t<RequestLineEditor\n\t\t\tmethod={currentSelectedMethod}\n\t\t\tonMethodChange={actionSetMethod}\n\t\t\tpath={currentInputValue}\n\t\t\tonPathChange={actionSetInputValue}\n\t\t/>\n\t);\n}\n\nexport const GET: Story = {\n\targs: {\n\t\tmethod: \"GET\",\n\t\tpath: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const POST: Story = {\n\targs: {\n\t\tmethod: \"POST\",\n\t\tpath: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const PUT: Story = {\n\targs: {\n\t\tmethod: \"PUT\",\n\t\tpath: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const PATCH: Story = {\n\targs: {\n\t\tmethod: \"PATCH\",\n\t\tpath: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n\nexport const DELETE: Story = {\n\targs: {\n\t\tmethod: \"DELETE\",\n\t\tpath: \"/fhir/Patient\",\n\t},\n\trender: (args) => <RequestLineEditorWrapper {...args} />,\n};\n"],"names":["React","action","RequestLineEditor","meta","title","component","parameters","layout","tags","RequestLineEditorWrapper","method","path","currentSelectedMethod","setMethod","useState","currentInputValue","setInputValue","actionSetMethod","actionSetInputValue","event","target","value","onMethodChange","onPathChange","GET","args","render","POST","PUT","PATCH","DELETE"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SACCC,iBAAiB,QAEX,2BAAwB;AAE/B,MAAMC,OAAuC;IAC5CC,OAAO;IACPC,WAAWH;IACXI,YAAY;QACXC,QAAQ;IACT;IACAC,MAAM;QAAC;KAAW;AACnB;AAEA,eAAeL,KAAK;AAGpB,SAASM,yBAAyB,EAAEC,MAAM,EAAEC,IAAI,EAA0B;IACzE,MAAM,CAACC,uBAAuBC,UAAU,GAAGb,MAAMc,QAAQ,CAACJ;IAC1D,MAAM,CAACK,mBAAmBC,cAAc,GAAGhB,MAAMc,QAAQ,CAACH;IAC1D,MAAMM,kBAAkB,CAACP;QACxBT,OAAO,aAAaS;QACpBG,UAAUH;IACX;IACA,MAAMQ,sBAAsB,CAACC;QAC5BlB,OAAO,aAAakB;QACpBH,cAAcG,MAAMC,MAAM,CAACC,KAAK;IACjC;IACA,qBACC,KAACnB;QACAQ,QAAQE;QACRU,gBAAgBL;QAChBN,MAAMI;QACNQ,cAAcL;;AAGjB;AAEA,OAAO,MAAMM,MAAa;IACzBC,MAAM;QACLf,QAAQ;QACRC,MAAM;IACP;IACAe,QAAQ,CAACD,qBAAS,KAAChB;YAA0B,GAAGgB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAME,OAAc;IAC1BF,MAAM;QACLf,QAAQ;QACRC,MAAM;IACP;IACAe,QAAQ,CAACD,qBAAS,KAAChB;YAA0B,GAAGgB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAMG,MAAa;IACzBH,MAAM;QACLf,QAAQ;QACRC,MAAM;IACP;IACAe,QAAQ,CAACD,qBAAS,KAAChB;YAA0B,GAAGgB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAMI,QAAe;IAC3BJ,MAAM;QACLf,QAAQ;QACRC,MAAM;IACP;IACAe,QAAQ,CAACD,qBAAS,KAAChB;YAA0B,GAAGgB,IAAI;;AACrD,EAAE;AAEF,OAAO,MAAMK,SAAgB;IAC5BL,MAAM;QACLf,QAAQ;QACRC,MAAM;IACP;IACAe,QAAQ,CAACD,qBAAS,KAAChB;YAA0B,GAAGgB,IAAI;;AACrD,EAAE"}

package/dist/src/components/tree-view.d.ts

@@ -0,0 +1,16 @@
+import type { ItemInstance } from "@headless-tree/core";
+import type React from "react";
+export interface Item<T> {
+    name: string;
+    children?: string[];
+    meta?: T;
+}
+export default function TreeView<T>({ rootItemId, items, selectedItemId, expandedItemIds, onSelectItem, customItemView, }: {
+    rootItemId: string;
+    selectedItemId?: string;
+    expandedItemIds?: string[];
+    onSelectItem?: (item: ItemInstance<Item<T>>) => void;
+    items: Record<string, Item<T>>;
+    customItemView?: (item: ItemInstance<Item<T>>) => React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tree-view.d.ts.map

package/dist/src/components/tree-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.d.ts","sourceRoot":"","sources":["../../../src/components/tree-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEX,YAAY,EAEZ,MAAM,qBAAqB,CAAC;AAO7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,IAAI,CAAC,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,CAAC,CAAC;CACT;AAuBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,EACnC,UAAU,EACV,KAAK,EACL,cAAc,EACd,eAAe,EACf,YAAY,EACZ,cAAc,GACd,EAAE;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAClE,2CA6CA"}

package/dist/src/components/tree-view.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { hotkeysCoreFeature, selectionFeature, syncDataLoaderFeature } from "@headless-tree/core";
+import { useTree } from "@headless-tree/react";
+import { Tree, TreeItem, TreeItemLabel } from "../shadcn/components/ui/tree.js";
+const customClickBehavior = {
+    itemInstance: {
+        getProps: ({ tree, item, prev })=>({
+                ...prev?.(),
+                onClick: ()=>{
+                    item.primaryAction();
+                    if (item.isExpanded()) {
+                        item.collapse();
+                    } else {
+                        item.expand();
+                    }
+                    if (!item.isFolder()) {
+                        tree.setSelectedItems([
+                            item.getItemMeta().itemId
+                        ]);
+                    }
+                }
+            })
+    }
+};
+const indent = 20;
+export default function TreeView({ rootItemId, items, selectedItemId, expandedItemIds, onSelectItem, customItemView }) {
+    const treeConfig = {
+        initialState: {
+            selectedItems: selectedItemId ? [
+                selectedItemId
+            ] : [],
+            expandedItems: expandedItemIds ?? []
+        },
+        indent,
+        rootItemId: rootItemId,
+        isItemFolder: (item)=>item.getItemData()?.children !== undefined,
+        getItemName: (item)=>item.getItemData()?.name,
+        dataLoader: {
+            getItem: (itemId)=>items[itemId],
+            getChildren: (itemId)=>items[itemId]?.children ?? []
+        },
+        features: [
+            syncDataLoaderFeature,
+            hotkeysCoreFeature,
+            selectionFeature,
+            customClickBehavior
+        ]
+    };
+    const tree = useTree(treeConfig);
+    return /*#__PURE__*/ _jsx(Tree, {
+        tree: tree,
+        indent: indent,
+        children: tree.getItems().map((item)=>{
+            return /*#__PURE__*/ _jsx(TreeItem, {
+                item: item,
+                className: "relative before:absolute before:inset-0 before:-ms-1 before:bg-[repeating-linear-gradient(to_right,transparent_0,transparent_calc(var(--tree-indent)-1px),var(--border)_calc(var(--tree-indent)-1px),var(--border)_calc(var(--tree-indent)))]",
+                children: /*#__PURE__*/ _jsx(TreeItemLabel, {
+                    className: "before:bg-background relative before:absolute before:inset-x-0 before:-inset-y-0 before:-z-10",
+                    onClick: ()=>onSelectItem?.(item),
+                    children: customItemView ? customItemView(item) : item.getItemData()?.name
+                })
+            }, item.getId());
+        })
+    });
+}
+
+//# sourceMappingURL=tree-view.js.map

package/dist/src/components/tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tree-view.tsx"],"sourcesContent":["import type {\n\tFeatureImplementation,\n\tItemInstance,\n\tTreeConfig,\n} from \"@headless-tree/core\";\nimport {\n\thotkeysCoreFeature,\n\tselectionFeature,\n\tsyncDataLoaderFeature,\n} from \"@headless-tree/core\";\nimport { useTree } from \"@headless-tree/react\";\nimport type React from \"react\";\nimport { Tree, TreeItem, TreeItemLabel } from \"#shadcn/components/ui/tree\";\n\nexport interface Item<T> {\n\tname: string;\n\tchildren?: string[];\n\tmeta?: T;\n}\n\nconst customClickBehavior: FeatureImplementation = {\n\titemInstance: {\n\t\tgetProps: ({ tree, item, prev }) => ({\n\t\t\t...prev?.(),\n\t\t\tonClick: () => {\n\t\t\t\titem.primaryAction();\n\t\t\t\tif (item.isExpanded()) {\n\t\t\t\t\titem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\titem.expand();\n\t\t\t\t}\n\t\t\t\tif (!item.isFolder()) {\n\t\t\t\t\ttree.setSelectedItems([item.getItemMeta().itemId]);\n\t\t\t\t}\n\t\t\t},\n\t\t}),\n\t},\n};\n\nconst indent = 20;\n\nexport default function TreeView<T>({\n\trootItemId,\n\titems,\n\tselectedItemId,\n\texpandedItemIds,\n\tonSelectItem,\n\tcustomItemView,\n}: {\n\trootItemId: string;\n\tselectedItemId?: string;\n\texpandedItemIds?: string[];\n\tonSelectItem?: (item: ItemInstance<Item<T>>) => void;\n\titems: Record<string, Item<T>>;\n\tcustomItemView?: (item: ItemInstance<Item<T>>) => React.ReactNode;\n}) {\n\tconst treeConfig: TreeConfig<Item<T>> = {\n\t\tinitialState: {\n\t\t\tselectedItems: selectedItemId ? [selectedItemId] : [],\n\t\t\texpandedItems: expandedItemIds ?? [],\n\t\t},\n\t\tindent,\n\t\trootItemId: rootItemId,\n\t\tisItemFolder: (item: ItemInstance<Item<T>>) =>\n\t\t\titem.getItemData()?.children !== undefined,\n\t\tgetItemName: (item: ItemInstance<Item<T>>) => item.getItemData()?.name,\n\t\tdataLoader: {\n\t\t\tgetItem: (itemId) => items[itemId] as Item<T>,\n\t\t\tgetChildren: (itemId) => items[itemId]?.children ?? [],\n\t\t},\n\t\tfeatures: [\n\t\t\tsyncDataLoaderFeature,\n\t\t\thotkeysCoreFeature,\n\t\t\tselectionFeature,\n\t\t\tcustomClickBehavior,\n\t\t],\n\t};\n\n\tconst tree = useTree<Item<T>>(treeConfig);\n\n\treturn (\n\t\t<Tree tree={tree} indent={indent}>\n\t\t\t{tree.getItems().map((item) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TreeItem\n\t\t\t\t\t\tkey={item.getId()}\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tclassName=\"relative before:absolute before:inset-0 before:-ms-1 before:bg-[repeating-linear-gradient(to_right,transparent_0,transparent_calc(var(--tree-indent)-1px),var(--border)_calc(var(--tree-indent)-1px),var(--border)_calc(var(--tree-indent)))]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<TreeItemLabel\n\t\t\t\t\t\t\tclassName=\"before:bg-background relative before:absolute before:inset-x-0 before:-inset-y-0 before:-z-10\"\n\t\t\t\t\t\t\tonClick={() => onSelectItem?.(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{customItemView ? customItemView(item) : item.getItemData()?.name}\n\t\t\t\t\t\t</TreeItemLabel>\n\t\t\t\t\t</TreeItem>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Tree>\n\t);\n}\n"],"names":["hotkeysCoreFeature","selectionFeature","syncDataLoaderFeature","useTree","Tree","TreeItem","TreeItemLabel","customClickBehavior","itemInstance","getProps","tree","item","prev","onClick","primaryAction","isExpanded","collapse","expand","isFolder","setSelectedItems","getItemMeta","itemId","indent","TreeView","rootItemId","items","selectedItemId","expandedItemIds","onSelectItem","customItemView","treeConfig","initialState","selectedItems","expandedItems","isItemFolder","getItemData","children","undefined","getItemName","name","dataLoader","getItem","getChildren","features","getItems","map","className","getId"],"mappings":";AAKA,SACCA,kBAAkB,EAClBC,gBAAgB,EAChBC,qBAAqB,QACf,sBAAsB;AAC7B,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,kCAA6B;AAQ3E,MAAMC,sBAA6C;IAClDC,cAAc;QACbC,UAAU,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAM,CAAA;gBACpC,GAAGA,QAAQ;gBACXC,SAAS;oBACRF,KAAKG,aAAa;oBAClB,IAAIH,KAAKI,UAAU,IAAI;wBACtBJ,KAAKK,QAAQ;oBACd,OAAO;wBACNL,KAAKM,MAAM;oBACZ;oBACA,IAAI,CAACN,KAAKO,QAAQ,IAAI;wBACrBR,KAAKS,gBAAgB,CAAC;4BAACR,KAAKS,WAAW,GAAGC,MAAM;yBAAC;oBAClD;gBACD;YACD,CAAA;IACD;AACD;AAEA,MAAMC,SAAS;AAEf,eAAe,SAASC,SAAY,EACnCC,UAAU,EACVC,KAAK,EACLC,cAAc,EACdC,eAAe,EACfC,YAAY,EACZC,cAAc,EAQd;IACA,MAAMC,aAAkC;QACvCC,cAAc;YACbC,eAAeN,iBAAiB;gBAACA;aAAe,GAAG,EAAE;YACrDO,eAAeN,mBAAmB,EAAE;QACrC;QACAL;QACAE,YAAYA;QACZU,cAAc,CAACvB,OACdA,KAAKwB,WAAW,IAAIC,aAAaC;QAClCC,aAAa,CAAC3B,OAAgCA,KAAKwB,WAAW,IAAII;QAClEC,YAAY;YACXC,SAAS,CAACpB,SAAWI,KAAK,CAACJ,OAAO;YAClCqB,aAAa,CAACrB,SAAWI,KAAK,CAACJ,OAAO,EAAEe,YAAY,EAAE;QACvD;QACAO,UAAU;YACTzC;YACAF;YACAC;YACAM;SACA;IACF;IAEA,MAAMG,OAAOP,QAAiB2B;IAE9B,qBACC,KAAC1B;QAAKM,MAAMA;QAAMY,QAAQA;kBACxBZ,KAAKkC,QAAQ,GAAGC,GAAG,CAAC,CAAClC;YACrB,qBACC,KAACN;gBAEAM,MAAMA;gBACNmC,WAAU;0BAEV,cAAA,KAACxC;oBACAwC,WAAU;oBACVjC,SAAS,IAAMe,eAAejB;8BAE7BkB,iBAAiBA,eAAelB,QAAQA,KAAKwB,WAAW,IAAII;;eARzD5B,KAAKoC,KAAK;QAYlB;;AAGH"}

package/dist/src/components/tree-view.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import TreeView from "./tree-view";
+declare const meta: Meta<typeof TreeView>;
+export default meta;
+type Story = StoryObj<typeof TreeView<ItemMeta>>;
+type ItemMeta = {
+    pinned?: boolean;
+    method?: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
+    path?: string;
+};
+export declare const Default: Story;
+export declare const CustomItemView: Story;
+//# sourceMappingURL=tree-view.stories.d.ts.map

package/dist/src/components/tree-view.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tree-view.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEjD,KAAK,QAAQ,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAqIF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAiFF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC"}