@verbb/plugin-kit-react 1.0.10 → 2.0.0

package/dist/components/tiptap/InlineVariablePickerPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineVariablePickerPopover.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/InlineVariablePickerPopover.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,gCAAgC,GAAG;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,YAAY,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,MAAM,GACT,EAAE,gCAAgC,2CA8DlC"}

package/dist/components/tiptap/InlineVariablePickerPopover.js

@@ -1,63 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import "../../utils/index.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { VariableCommandList } from "./VariableCommandList.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../Popover.js";
-import "../index.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/tiptap/InlineVariablePickerPopover.tsx
-function InlineVariablePickerPopover({ open, onOpenChange, position, isChildMode, query, onQueryChange, filteredVariables, onSelect, onBack }) {
-	const t = useTranslation();
-	const groups = filteredVariables.isChildMode || !filteredVariables.groups?.length ? null : filteredVariables.groups;
-	const { options } = filteredVariables;
-	return /* @__PURE__ */ jsxs(Popover, {
-		modal: false,
-		open: open && options.length > 0,
-		onOpenChange: (nextOpen) => {
-			if (!nextOpen) onOpenChange(false);
-		},
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			nativeButton: false,
-			render: /* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				className: "absolute size-px opacity-0 pointer-events-none",
-				style: {
-					top: position.top,
-					left: position.left
-				}
-			})
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			align: "start",
-			side: "bottom",
-			sideOffset: 4,
-			positionMethod: "fixed",
-			collisionAvoidance: {
-				side: "flip",
-				align: "shift",
-				fallbackAxisSide: "none"
-			},
-			portalClassName: "z-250",
-			className: cn("p-0 overflow-hidden flex flex-col", isChildMode ? "w-[260px] max-h-[280px]" : "min-w-[260px] max-w-[360px] max-h-[300px]"),
-			children: /* @__PURE__ */ jsx(VariableCommandList, {
-				search: query,
-				onSearchChange: onQueryChange,
-				groups,
-				options,
-				onSelect,
-				showSearch: true,
-				placeholder: t("Search variables"),
-				shouldFilter: false,
-				onBack: isChildMode ? onBack : void 0,
-				isChildMode,
-				selectFirstItem: true,
-				autoFocusSearchInput: false
-			})
-		})]
-	});
-}
-//#endregion
-export { InlineVariablePickerPopover };
-
-//# sourceMappingURL=InlineVariablePickerPopover.js.map

package/dist/components/tiptap/InlineVariablePickerPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineVariablePickerPopover.js","names":[],"sources":["../../../src/components/tiptap/InlineVariablePickerPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from '@verbb/plugin-kit-react/components';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport type { VariableOption } from './VariableDropdown';\nimport { VariableCommandList } from './VariableCommandList';\nimport type { VariableGroup } from './VariableCommandList';\n\nexport type FilteredVariables = {\n    groups: VariableGroup[];\n    options: VariableOption[];\n    isChildMode: boolean;\n};\n\ntype InlineVariablePickerPopoverProps = {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    position: { top: number; left: number };\n    isChildMode: boolean;\n    query: string;\n    onQueryChange: (query: string) => void;\n    filteredVariables: FilteredVariables;\n    onSelect: (item: VariableOption, baseVariable?: VariableOption) => void;\n    onBack: () => void;\n};\n\nexport function InlineVariablePickerPopover({\n    open,\n    onOpenChange,\n    position,\n    isChildMode,\n    query,\n    onQueryChange,\n    filteredVariables,\n    onSelect,\n    onBack,\n}: InlineVariablePickerPopoverProps) {\n    const t = useTranslation();\n    const groups = filteredVariables.isChildMode || !filteredVariables.groups?.length\n        ? null\n        : filteredVariables.groups;\n    const { options } = filteredVariables;\n\n    return (\n        <Popover\n            modal={false}\n            open={open && options.length > 0}\n            onOpenChange={(nextOpen) => {\n                if (!nextOpen) {\n                    onOpenChange(false);\n                }\n            }}\n        >\n            <PopoverTrigger\n                nativeButton={false}\n                render={\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"absolute size-px opacity-0 pointer-events-none\"\n                        style={{ top: position.top, left: position.left }}\n                    />\n                }\n            />\n            <PopoverContent\n                align=\"start\"\n                side=\"bottom\"\n                sideOffset={4}\n                positionMethod=\"fixed\"\n                collisionAvoidance={{\n                    side: 'flip',\n                    align: 'shift',\n                    fallbackAxisSide: 'none',\n                }}\n                portalClassName=\"z-250\"\n                className={cn(\n                    'p-0 overflow-hidden flex flex-col',\n                    isChildMode\n                        ? 'w-[260px] max-h-[280px]'\n                        : 'min-w-[260px] max-w-[360px] max-h-[300px]',\n                )}\n            >\n                <VariableCommandList\n                    search={query}\n                    onSearchChange={onQueryChange}\n                    groups={groups}\n                    options={options}\n                    onSelect={onSelect}\n                    showSearch\n                    placeholder={t('Search variables')}\n                    shouldFilter={false}\n                    onBack={isChildMode ? onBack : undefined}\n                    isChildMode={isChildMode}\n                    selectFirstItem\n                    autoFocusSearchInput={false}\n                />\n            </PopoverContent>\n        </Popover>\n    );\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,4BAA4B,EACxC,MACA,cACA,UACA,aACA,OACA,eACA,mBACA,UACA,UACiC;CACjC,MAAM,IAAI,gBAAgB;CAC1B,MAAM,SAAS,kBAAkB,eAAe,CAAC,kBAAkB,QAAQ,SACrE,OACA,kBAAkB;CACxB,MAAM,EAAE,YAAY;AAEpB,QACI,qBAAC,SAAD;EACI,OAAO;EACP,MAAM,QAAQ,QAAQ,SAAS;EAC/B,eAAe,aAAa;AACxB,OAAI,CAAC,SACD,cAAa,MAAM;;YAL/B,CASI,oBAAC,gBAAD;GACI,cAAc;GACd,QACI,oBAAC,QAAD;IACI,eAAY;IACZ,WAAU;IACV,OAAO;KAAE,KAAK,SAAS;KAAK,MAAM,SAAS;KAAM;IACnD,CAAA;GAER,CAAA,EACF,oBAAC,gBAAD;GACI,OAAM;GACN,MAAK;GACL,YAAY;GACZ,gBAAe;GACf,oBAAoB;IAChB,MAAM;IACN,OAAO;IACP,kBAAkB;IACrB;GACD,iBAAgB;GAChB,WAAW,GACP,qCACA,cACM,4BACA,4CACT;aAED,oBAAC,qBAAD;IACI,QAAQ;IACR,gBAAgB;IACR;IACC;IACC;IACV,YAAA;IACA,aAAa,EAAE,mBAAmB;IAClC,cAAc;IACd,QAAQ,cAAc,SAAS,KAAA;IAClB;IACb,iBAAA;IACA,sBAAsB;IACxB,CAAA;GACW,CAAA,CACX"}

package/dist/components/tiptap/InsertLinkDialog.d.ts

@@ -1,14 +0,0 @@
-export type InsertLinkDialogState = {
-    url: string;
-    text: string;
-    openInNewTab: boolean;
-};
-type InsertLinkDialogProps = {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    initialValues?: Partial<InsertLinkDialogState>;
-    onInsert: (values: InsertLinkDialogState) => void;
-};
-export declare function InsertLinkDialog({ open, onOpenChange, initialValues, onInsert, }: InsertLinkDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=InsertLinkDialog.d.ts.map

package/dist/components/tiptap/InsertLinkDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsertLinkDialog.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/InsertLinkDialog.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,qBAAqB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC/C,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,aAAkB,EAClB,QAAQ,GACX,EAAE,qBAAqB,2CA6GvB"}

package/dist/components/tiptap/InsertLinkDialog.js

@@ -1,145 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import "../../utils/index.js";
-import { Checkbox } from "../Checkbox.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../Dialog.js";
-import { Input } from "../Input.js";
-import { Label } from "../Label.js";
-import { Button } from "../Button.js";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/tiptap/InsertLinkDialog.tsx
-function InsertLinkDialog({ open, onOpenChange, initialValues = {}, onInsert }) {
-	const t = useTranslation();
-	const [url, setUrl] = useState(initialValues.url ?? "");
-	const [text, setText] = useState(initialValues.text ?? "");
-	const [openInNewTab, setOpenInNewTab] = useState(initialValues.openInNewTab ?? false);
-	useEffect(() => {
-		if (open) {
-			setUrl(initialValues.url ?? "");
-			setText(initialValues.text ?? "");
-			setOpenInNewTab(initialValues.openInNewTab ?? false);
-		}
-	}, [
-		open,
-		initialValues.url,
-		initialValues.text,
-		initialValues.openInNewTab
-	]);
-	const handleInsert = () => {
-		const trimmedUrl = url.trim();
-		if (!trimmedUrl) return;
-		onInsert({
-			url: trimmedUrl,
-			text: text.trim(),
-			openInNewTab
-		});
-		onOpenChange(false);
-	};
-	const handleCancel = () => {
-		onOpenChange(false);
-	};
-	const handleDialogKeyDownCapture = (event) => {
-		if (event.key !== "Enter") return;
-		const target = event.target;
-		if (!(target instanceof HTMLInputElement)) return;
-		if ([
-			"checkbox",
-			"radio",
-			"button",
-			"submit"
-		].includes(target.type)) return;
-		event.preventDefault();
-		event.stopPropagation();
-		handleInsert();
-	};
-	const isEditing = !!initialValues?.url?.trim();
-	return /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			showCloseButton: true,
-			onKeyDownCapture: handleDialogKeyDownCapture,
-			className: cn("w-[90vw] h-[90vh]", "max-w-[650px]", "max-h-[450px]"),
-			portalClassName: "plugin-kit-react-tiptap-dialog",
-			children: [
-				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEditing ? t("Update Link") : t("Insert Link") }) }),
-				/* @__PURE__ */ jsx("div", {
-					className: "h-full overflow-y-auto",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col gap-4 p-4",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1.5",
-								children: [/* @__PURE__ */ jsxs(Label, {
-									htmlFor: "link-url",
-									children: [
-										t("URL"),
-										" ",
-										/* @__PURE__ */ jsx("span", {
-											className: "text-red-600",
-											children: "*"
-										})
-									]
-								}), /* @__PURE__ */ jsx(Input, {
-									id: "link-url",
-									value: url,
-									onChange: (e) => {
-										return setUrl(e.target.value);
-									},
-									placeholder: "https://",
-									"aria-required": true
-								})]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1.5",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "link-text",
-									children: t("Text")
-								}), /* @__PURE__ */ jsx(Input, {
-									id: "link-text",
-									value: text,
-									onChange: (e) => {
-										return setText(e.target.value);
-									},
-									placeholder: t("Link text")
-								})]
-							}),
-							/* @__PURE__ */ jsxs("label", {
-								className: "flex items-center gap-2 cursor-pointer",
-								children: [/* @__PURE__ */ jsx(Checkbox, {
-									checked: openInNewTab,
-									onCheckedChange: (checked) => {
-										return setOpenInNewTab(!!checked);
-									}
-								}), /* @__PURE__ */ jsx("span", {
-									className: "text-sm",
-									children: t("Open link in new tab")
-								})]
-							})
-						]
-					})
-				}),
-				/* @__PURE__ */ jsxs(DialogFooter, {
-					className: "flex flex-row gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						type: "button",
-						onClick: handleCancel,
-						children: t("Cancel")
-					}), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "primary",
-						onClick: handleInsert,
-						disabled: !url.trim(),
-						children: isEditing ? t("Update") : t("Insert")
-					})]
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { InsertLinkDialog };
-
-//# sourceMappingURL=InsertLinkDialog.js.map

package/dist/components/tiptap/InsertLinkDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsertLinkDialog.js","names":[],"sources":["../../../src/components/tiptap/InsertLinkDialog.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport {\n    Dialog,\n    DialogContent,\n    DialogHeader,\n    DialogTitle,\n    DialogFooter,\n} from '@verbb/plugin-kit-react/components/Dialog';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { Input } from '@verbb/plugin-kit-react/components/Input';\nimport { Label } from '@verbb/plugin-kit-react/components/Label';\nimport { Checkbox } from '@verbb/plugin-kit-react/components/Checkbox';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nexport type InsertLinkDialogState = {\n    url: string;\n    text: string;\n    openInNewTab: boolean;\n};\n\ntype InsertLinkDialogProps = {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n    initialValues?: Partial<InsertLinkDialogState>;\n    onInsert: (values: InsertLinkDialogState) => void;\n};\n\nexport function InsertLinkDialog({\n    open,\n    onOpenChange,\n    initialValues = {},\n    onInsert,\n}: InsertLinkDialogProps) {\n    const t = useTranslation();\n    const [url, setUrl] = useState(initialValues.url ?? '');\n    const [text, setText] = useState(initialValues.text ?? '');\n    const [openInNewTab, setOpenInNewTab] = useState(initialValues.openInNewTab ?? false);\n\n    useEffect(() => {\n        if (open) {\n            setUrl(initialValues.url ?? '');\n            setText(initialValues.text ?? '');\n            setOpenInNewTab(initialValues.openInNewTab ?? false);\n        }\n    }, [open, initialValues.url, initialValues.text, initialValues.openInNewTab]);\n\n    const handleInsert = () => {\n        const trimmedUrl = url.trim();\n        if (!trimmedUrl) {\n            return;\n        }\n        onInsert({ url: trimmedUrl, text: text.trim(), openInNewTab });\n        onOpenChange(false);\n    };\n\n    const handleCancel = () => {\n        onOpenChange(false);\n    };\n\n    const handleDialogKeyDownCapture = (event: KeyboardEvent<HTMLElement>) => {\n        if (event.key !== 'Enter') {\n            return;\n        }\n\n        const target = event.target as HTMLElement | null;\n        if (!(target instanceof HTMLInputElement)) {\n            return;\n        }\n\n        // Only hijack Enter for text-like inputs in this dialog.\n        if (['checkbox', 'radio', 'button', 'submit'].includes(target.type)) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInsert();\n    };\n\n    const isEditing = !!(initialValues?.url?.trim());\n\n    return (\n        <Dialog open={open} onOpenChange={onOpenChange}>\n            <DialogContent\n                showCloseButton\n                onKeyDownCapture={handleDialogKeyDownCapture}\n                className={cn(\n                    'w-[90vw] h-[90vh]',\n                    'max-w-[650px]',\n                    'max-h-[450px]',\n                )}\n                portalClassName=\"plugin-kit-react-tiptap-dialog\"\n            >\n                <DialogHeader>\n                    <DialogTitle>{isEditing ? t('Update Link') : t('Insert Link')}</DialogTitle>\n                </DialogHeader>\n\n                <div className=\"h-full overflow-y-auto\">\n                    <div className=\"flex flex-col gap-4 p-4\">\n                        <div className=\"flex flex-col gap-1.5\">\n                            <Label htmlFor=\"link-url\">\n                                {t('URL')} <span className=\"text-red-600\">*</span>\n                            </Label>\n                            <Input\n                                id=\"link-url\"\n                                value={url}\n                                onChange={(e) => { return setUrl(e.target.value); }}\n                                placeholder=\"https://\"\n                                aria-required\n                            />\n                        </div>\n                        <div className=\"flex flex-col gap-1.5\">\n                            <Label htmlFor=\"link-text\">{t('Text')}</Label>\n                            <Input\n                                id=\"link-text\"\n                                value={text}\n                                onChange={(e) => { return setText(e.target.value); }}\n                                placeholder={t('Link text')}\n                            />\n                        </div>\n                        <label className=\"flex items-center gap-2 cursor-pointer\">\n                            <Checkbox\n                                checked={openInNewTab}\n                                onCheckedChange={(checked) => { return setOpenInNewTab(!!checked); }}\n                            />\n                            <span className=\"text-sm\">{t('Open link in new tab')}</span>\n                        </label>\n                    </div>\n                </div>\n\n                <DialogFooter className=\"flex flex-row gap-2\">\n                    <Button type=\"button\" onClick={handleCancel}>\n                        {t('Cancel')}\n                    </Button>\n                    <Button type=\"button\" variant=\"primary\" onClick={handleInsert} disabled={!url.trim()}>\n                        {isEditing ? t('Update') : t('Insert')}\n                    </Button>\n                </DialogFooter>\n            </DialogContent>\n        </Dialog>\n    );\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,iBAAiB,EAC7B,MACA,cACA,gBAAgB,EAAE,EAClB,YACsB;CACtB,MAAM,IAAI,gBAAgB;CAC1B,MAAM,CAAC,KAAK,UAAU,SAAS,cAAc,OAAO,GAAG;CACvD,MAAM,CAAC,MAAM,WAAW,SAAS,cAAc,QAAQ,GAAG;CAC1D,MAAM,CAAC,cAAc,mBAAmB,SAAS,cAAc,gBAAgB,MAAM;AAErF,iBAAgB;AACZ,MAAI,MAAM;AACN,UAAO,cAAc,OAAO,GAAG;AAC/B,WAAQ,cAAc,QAAQ,GAAG;AACjC,mBAAgB,cAAc,gBAAgB,MAAM;;IAEzD;EAAC;EAAM,cAAc;EAAK,cAAc;EAAM,cAAc;EAAa,CAAC;CAE7E,MAAM,qBAAqB;EACvB,MAAM,aAAa,IAAI,MAAM;AAC7B,MAAI,CAAC,WACD;AAEJ,WAAS;GAAE,KAAK;GAAY,MAAM,KAAK,MAAM;GAAE;GAAc,CAAC;AAC9D,eAAa,MAAM;;CAGvB,MAAM,qBAAqB;AACvB,eAAa,MAAM;;CAGvB,MAAM,8BAA8B,UAAsC;AACtE,MAAI,MAAM,QAAQ,QACd;EAGJ,MAAM,SAAS,MAAM;AACrB,MAAI,EAAE,kBAAkB,kBACpB;AAIJ,MAAI;GAAC;GAAY;GAAS;GAAU;GAAS,CAAC,SAAS,OAAO,KAAK,CAC/D;AAGJ,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;AACvB,gBAAc;;CAGlB,MAAM,YAAY,CAAC,CAAE,eAAe,KAAK,MAAM;AAE/C,QACI,oBAAC,QAAD;EAAc;EAAoB;YAC9B,qBAAC,eAAD;GACI,iBAAA;GACA,kBAAkB;GAClB,WAAW,GACP,qBACA,iBACA,gBACH;GACD,iBAAgB;aARpB;IAUI,oBAAC,cAAD,EAAA,UACI,oBAAC,aAAD,EAAA,UAAc,YAAY,EAAE,cAAc,GAAG,EAAE,cAAc,EAAe,CAAA,EACjE,CAAA;IAEf,oBAAC,OAAD;KAAK,WAAU;eACX,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACI,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,qBAAC,OAAD;SAAO,SAAQ;mBAAf;UACK,EAAE,MAAM;UAAC;UAAC,oBAAC,QAAD;WAAM,WAAU;qBAAe;WAAQ,CAAA;UAC9C;YACR,oBAAC,OAAD;SACI,IAAG;SACH,OAAO;SACP,WAAW,MAAM;AAAE,iBAAO,OAAO,EAAE,OAAO,MAAM;;SAChD,aAAY;SACZ,iBAAA;SACF,CAAA,CACA;;OACN,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACI,oBAAC,OAAD;SAAO,SAAQ;mBAAa,EAAE,OAAO;SAAS,CAAA,EAC9C,oBAAC,OAAD;SACI,IAAG;SACH,OAAO;SACP,WAAW,MAAM;AAAE,iBAAO,QAAQ,EAAE,OAAO,MAAM;;SACjD,aAAa,EAAE,YAAY;SAC7B,CAAA,CACA;;OACN,qBAAC,SAAD;QAAO,WAAU;kBAAjB,CACI,oBAAC,UAAD;SACI,SAAS;SACT,kBAAkB,YAAY;AAAE,iBAAO,gBAAgB,CAAC,CAAC,QAAQ;;SACnE,CAAA,EACF,oBAAC,QAAD;SAAM,WAAU;mBAAW,EAAE,uBAAuB;SAAQ,CAAA,CACxD;;OACN;;KACJ,CAAA;IAEN,qBAAC,cAAD;KAAc,WAAU;eAAxB,CACI,oBAAC,QAAD;MAAQ,MAAK;MAAS,SAAS;gBAC1B,EAAE,SAAS;MACP,CAAA,EACT,oBAAC,QAAD;MAAQ,MAAK;MAAS,SAAQ;MAAU,SAAS;MAAc,UAAU,CAAC,IAAI,MAAM;gBAC/E,YAAY,EAAE,SAAS,GAAG,EAAE,SAAS;MACjC,CAAA,CACE;;IACH;;EACX,CAAA"}

package/dist/components/tiptap/LinkBubbleMenu.d.ts

@@ -1,10 +0,0 @@
-import { Editor } from '@tiptap/core';
-type LinkBubbleMenuProps = {
-    editor: Editor | null | undefined;
-    onEdit: () => void;
-    /** When true, hide the bubble (e.g. when Insert Link dialog is open) so it doesn't stack above the dialog */
-    dialogOpen?: boolean;
-};
-export declare function LinkBubbleMenu({ editor, onEdit, dialogOpen }: LinkBubbleMenuProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=LinkBubbleMenu.d.ts.map

package/dist/components/tiptap/LinkBubbleMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/LinkBubbleMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8B,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAMvE,KAAK,mBAAmB,GAAG;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6GAA6G;IAC7G,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAkB,EAAE,EAAE,mBAAmB,kDAmHzF"}

package/dist/components/tiptap/LinkBubbleMenu.js

@@ -1,106 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import { getPortalTargetForAppend } from "../../utils/portal.js";
-import "../../utils/index.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { Button } from "../Button.js";
-import { useCallback, useEffect, useState } from "react";
-import { getMarkRange, posToDOMRect } from "@tiptap/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEditorState } from "@tiptap/react";
-import { BubbleMenu } from "@tiptap/react/menus";
-//#region src/components/tiptap/LinkBubbleMenu.tsx
-function LinkBubbleMenu({ editor, onEdit, dialogOpen = false }) {
-	const t = useTranslation();
-	const pluginKey = "linkBubbleMenu";
-	const [dismissed, setDismissed] = useState(false);
-	const href = useEditorState({
-		editor,
-		selector: ({ editor: ed }) => {
-			return ed?.isActive("link") ? ed.getAttributes("link").href : void 0;
-		}
-	});
-	const getReferencedVirtualElement = useCallback(() => {
-		if (!editor?.isActive("link")) return null;
-		const { state, view } = editor;
-		const linkType = state.schema.marks.link;
-		const getRect = () => {
-			const range = getMarkRange(editor.state.selection.$from, linkType);
-			if (range) return posToDOMRect(view, range.from, range.to);
-			const { from } = editor.state.selection;
-			return posToDOMRect(view, from, from);
-		};
-		return {
-			getBoundingClientRect: getRect,
-			getClientRects: () => {
-				return [getRect()];
-			}
-		};
-	}, [editor]);
-	const handleShow = useCallback(() => {
-		if (!editor) return;
-		requestAnimationFrame(() => {
-			editor.view.dispatch(editor.state.tr.setMeta(pluginKey, "updatePosition"));
-		});
-	}, [editor, pluginKey]);
-	useEffect(() => {
-		if (!dialogOpen) setDismissed(false);
-	}, [dialogOpen]);
-	if (!editor) return null;
-	const appendTarget = getPortalTargetForAppend();
-	return /* @__PURE__ */ jsxs(BubbleMenu, {
-		editor,
-		pluginKey,
-		shouldShow: ({ editor: ed }) => {
-			return !dismissed && !dialogOpen && ed.isFocused && ed.isActive("link");
-		},
-		appendTo: appendTarget ? () => {
-			return appendTarget;
-		} : void 0,
-		getReferencedVirtualElement,
-		updateDelay: 0,
-		options: {
-			placement: "top",
-			onShow: handleShow
-		},
-		className: cn("relative z-[250] flex items-center gap-0 rounded-md overflow-visible", "bg-[#1c2e36] text-white text-[12px]", dismissed && "hidden"),
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "absolute left-1/2 -translate-x-1/2 -bottom-1 size-2 rotate-45 bg-[#1c2e36]",
-				"aria-hidden": true
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "px-2 py-1.5 max-w-[200px] truncate",
-				children: href
-			}),
-			/* @__PURE__ */ jsx("span", { className: "w-px h-3 bg-[#616d73]" }),
-			/* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "none",
-				size: "xs",
-				className: "text-white hover:text-white/70 px-2 py-1.5",
-				onClick: () => {
-					setDismissed(true);
-					editor?.commands?.blur?.();
-					onEdit();
-				},
-				children: t("Edit")
-			}),
-			/* @__PURE__ */ jsx("span", { className: "w-px h-3 bg-[#616d73]" }),
-			/* @__PURE__ */ jsx(Button, {
-				type: "button",
-				variant: "none",
-				size: "xs",
-				className: "text-white hover:text-white/70 px-2 py-1.5",
-				onClick: () => {
-					return editor.chain().focus().unsetLink().run();
-				},
-				children: t("Unlink")
-			})
-		]
-	});
-}
-//#endregion
-export { LinkBubbleMenu };
-
-//# sourceMappingURL=LinkBubbleMenu.js.map

package/dist/components/tiptap/LinkBubbleMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkBubbleMenu.js","names":[],"sources":["../../../src/components/tiptap/LinkBubbleMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useEditorState } from '@tiptap/react';\nimport { BubbleMenu } from '@tiptap/react/menus';\nimport { getMarkRange, posToDOMRect, type Editor } from '@tiptap/core';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { getPortalTargetForAppend } from '@verbb/plugin-kit-react/utils/portal';\n\ntype LinkBubbleMenuProps = {\n    editor: Editor | null | undefined;\n    onEdit: () => void;\n    /** When true, hide the bubble (e.g. when Insert Link dialog is open) so it doesn't stack above the dialog */\n    dialogOpen?: boolean;\n};\n\nexport function LinkBubbleMenu({ editor, onEdit, dialogOpen = false }: LinkBubbleMenuProps) {\n    const t = useTranslation();\n    const pluginKey = 'linkBubbleMenu';\n    const [dismissed, setDismissed] = useState(false);\n\n    const href = useEditorState({\n        editor,\n        selector: ({ editor: ed }) => {\n            return ed?.isActive('link') ? ed.getAttributes('link').href : undefined;\n        },\n    });\n\n    const getReferencedVirtualElement = useCallback(() => {\n        if (!editor?.isActive('link')) {\n            return null;\n        }\n        const { state, view } = editor;\n        const linkType = state.schema.marks.link;\n\n        const getRect = () => {\n            const range = getMarkRange(editor.state.selection.$from, linkType);\n\n            if (range) {\n                return posToDOMRect(view, range.from, range.to);\n            }\n\n            const { from } = editor.state.selection;\n            return posToDOMRect(view, from, from);\n        };\n\n        return {\n            getBoundingClientRect: getRect,\n            getClientRects: () => {\n                return [getRect()];\n            },\n        };\n    }, [editor]);\n\n    const handleShow = useCallback(() => {\n        if (!editor) {\n            return;\n        }\n        requestAnimationFrame(() => {\n            editor.view.dispatch(editor.state.tr.setMeta(pluginKey, 'updatePosition'));\n        });\n    }, [editor, pluginKey]);\n\n    useEffect(() => {\n        // Re-enable bubble after modal closes.\n        if (!dialogOpen) {\n            setDismissed(false);\n        }\n    }, [dialogOpen]);\n\n    if (!editor) {\n        return null;\n    }\n    const appendTarget = getPortalTargetForAppend();\n\n    return (\n        <BubbleMenu\n            editor={editor}\n            pluginKey={pluginKey}\n            shouldShow={({ editor: ed }) => {\n                return !dismissed && !dialogOpen && ed.isFocused && ed.isActive('link');\n            }}\n            appendTo={appendTarget ? () => {\n                return appendTarget;\n            } : undefined}\n            getReferencedVirtualElement={getReferencedVirtualElement}\n            updateDelay={0}\n            options={{\n                placement: 'top',\n                onShow: handleShow,\n            }}\n            className={cn(\n                'relative z-[250] flex items-center gap-0 rounded-md overflow-visible',\n                'bg-[#1c2e36] text-white text-[12px]',\n                dismissed && 'hidden',\n                // 'shadow-lg border border-slate-600',\n            )}\n        >\n            <span\n                className=\"absolute left-1/2 -translate-x-1/2 -bottom-1 size-2 rotate-45 bg-[#1c2e36]\"\n                aria-hidden\n            />\n            <span className=\"px-2 py-1.5 max-w-[200px] truncate\">\n                {href}\n            </span>\n            <span className=\"w-px h-3 bg-[#616d73]\" />\n            <Button\n                type=\"button\"\n                variant=\"none\"\n                size=\"xs\"\n                className=\"text-white hover:text-white/70 px-2 py-1.5\"\n                onClick={() => {\n                    setDismissed(true);\n                    editor?.commands?.blur?.();\n                    onEdit();\n                }}\n            >\n                {t('Edit')}\n            </Button>\n            <span className=\"w-px h-3 bg-[#616d73]\" />\n            <Button\n                type=\"button\"\n                variant=\"none\"\n                size=\"xs\"\n                className=\"text-white hover:text-white/70 px-2 py-1.5\"\n                onClick={() => { return editor.chain().focus().unsetLink().run(); }}\n            >\n                {t('Unlink')}\n            </Button>\n        </BubbleMenu>\n    );\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,eAAe,EAAE,QAAQ,QAAQ,aAAa,SAA8B;CACxF,MAAM,IAAI,gBAAgB;CAC1B,MAAM,YAAY;CAClB,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,OAAO,eAAe;EACxB;EACA,WAAW,EAAE,QAAQ,SAAS;AAC1B,UAAO,IAAI,SAAS,OAAO,GAAG,GAAG,cAAc,OAAO,CAAC,OAAO,KAAA;;EAErE,CAAC;CAEF,MAAM,8BAA8B,kBAAkB;AAClD,MAAI,CAAC,QAAQ,SAAS,OAAO,CACzB,QAAO;EAEX,MAAM,EAAE,OAAO,SAAS;EACxB,MAAM,WAAW,MAAM,OAAO,MAAM;EAEpC,MAAM,gBAAgB;GAClB,MAAM,QAAQ,aAAa,OAAO,MAAM,UAAU,OAAO,SAAS;AAElE,OAAI,MACA,QAAO,aAAa,MAAM,MAAM,MAAM,MAAM,GAAG;GAGnD,MAAM,EAAE,SAAS,OAAO,MAAM;AAC9B,UAAO,aAAa,MAAM,MAAM,KAAK;;AAGzC,SAAO;GACH,uBAAuB;GACvB,sBAAsB;AAClB,WAAO,CAAC,SAAS,CAAC;;GAEzB;IACF,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,kBAAkB;AACjC,MAAI,CAAC,OACD;AAEJ,8BAA4B;AACxB,UAAO,KAAK,SAAS,OAAO,MAAM,GAAG,QAAQ,WAAW,iBAAiB,CAAC;IAC5E;IACH,CAAC,QAAQ,UAAU,CAAC;AAEvB,iBAAgB;AAEZ,MAAI,CAAC,WACD,cAAa,MAAM;IAExB,CAAC,WAAW,CAAC;AAEhB,KAAI,CAAC,OACD,QAAO;CAEX,MAAM,eAAe,0BAA0B;AAE/C,QACI,qBAAC,YAAD;EACY;EACG;EACX,aAAa,EAAE,QAAQ,SAAS;AAC5B,UAAO,CAAC,aAAa,CAAC,cAAc,GAAG,aAAa,GAAG,SAAS,OAAO;;EAE3E,UAAU,qBAAqB;AAC3B,UAAO;MACP,KAAA;EACyB;EAC7B,aAAa;EACb,SAAS;GACL,WAAW;GACX,QAAQ;GACX;EACD,WAAW,GACP,wEACA,uCACA,aAAa,SAEhB;YApBL;GAsBI,oBAAC,QAAD;IACI,WAAU;IACV,eAAA;IACF,CAAA;GACF,oBAAC,QAAD;IAAM,WAAU;cACX;IACE,CAAA;GACP,oBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;GAC1C,oBAAC,QAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe;AACX,kBAAa,KAAK;AAClB,aAAQ,UAAU,QAAQ;AAC1B,aAAQ;;cAGX,EAAE,OAAO;IACL,CAAA;GACT,oBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;GAC1C,oBAAC,QAAD;IACI,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,eAAe;AAAE,YAAO,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK;;cAE/D,EAAE,SAAS;IACP,CAAA;GACA"}

package/dist/components/tiptap/LinkDropdown.d.ts

@@ -1,53 +0,0 @@
-import { Editor } from '@tiptap/core';
-export type LinkElementConfig = {
-    elementType: string;
-    refHandle: string;
-    sources?: string[];
-    criteria?: Record<string, unknown>;
-};
-export type LinkOptionSchemaItem = LinkElementConfig & {
-    optionTitle: string;
-};
-export type LinkOptions = {
-    elementSiteId?: number;
-    linkToEntry?: LinkElementConfig;
-    linkToAsset?: LinkElementConfig;
-    linkToCategory?: LinkElementConfig;
-};
-/** linkOptions can be the object format above, or an array from schema: { optionTitle, elementType, refHandle, sources?, criteria? }[] */
-export type LinkOptionsInput = LinkOptions | LinkOptionSchemaItem[];
-type LinkDropdownProps = {
-    editor: Editor | null | undefined;
-    linkOptions?: LinkOptionsInput;
-    linkSelectorStorageKeyPrefix?: string;
-    openInsertLinkDialog: (initial?: {
-        url?: string;
-        text?: string;
-        from?: number;
-        to?: number;
-    }) => void;
-    title?: string;
-};
-declare global {
-    interface Window {
-        Craft?: {
-            createElementSelectorModal?: (elementType: string, options: {
-                storageKey: string;
-                sources?: string[];
-                criteria?: Record<string, unknown>;
-                defaultSiteId?: number;
-                autoFocusSearchBox?: boolean;
-                onSelect: (elements: Array<{
-                    url?: string;
-                    label?: string;
-                    id?: number;
-                    siteId?: number;
-                }>) => void;
-                closeOtherModals?: boolean;
-            }) => void;
-        };
-    }
-}
-export declare function LinkDropdown({ editor, linkOptions, linkSelectorStorageKeyPrefix, openInsertLinkDialog, title, }: LinkDropdownProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=LinkDropdown.d.ts.map

package/dist/components/tiptap/LinkDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/LinkDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAe3C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG;IACnD,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACtC,CAAC;AAEF,0IAA0I;AAC1I,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,oBAAoB,EAAE,CAAC;AAEpE,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,KAAK,CAAC,EAAE;YACJ,0BAA0B,CAAC,EAAE,CACzB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;gBACL,UAAU,EAAE,MAAM,CAAC;gBACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;gBACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBACnC,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;gBAC7B,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;oBAAE,GAAG,CAAC,EAAE,MAAM,CAAC;oBAAC,KAAK,CAAC,EAAE,MAAM,CAAC;oBAAC,EAAE,CAAC,EAAE,MAAM,CAAC;oBAAC,MAAM,CAAC,EAAE,MAAM,CAAA;iBAAE,CAAC,KAAK,IAAI,CAAC;gBACpG,gBAAgB,CAAC,EAAE,OAAO,CAAC;aAC9B,KACA,IAAI,CAAC;SACb,CAAC;KACL;CACJ;AAuDD,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,WAAgB,EAChB,4BAA4B,EAC5B,oBAAoB,EACpB,KAAK,GACR,EAAE,iBAAiB,2CAkJnB"}

package/dist/components/tiptap/LinkDropdown.js

@@ -1,155 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import { hostOpenElementSelector } from "../../utils/hostBridge.js";
-import "../../utils/index.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../DropdownMenu.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip.js";
-import { Button } from "../Button.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faLink } from "@fortawesome/pro-solid-svg-icons";
-import { useEditorState } from "@tiptap/react";
-//#region src/components/tiptap/LinkDropdown.tsx
-function openCraftElementModal(config, elementSiteId, linkSelectorStorageKeyPrefix, onSelect, getSelectedText) {
-	if (!linkSelectorStorageKeyPrefix) throw new Error("LinkDropdown requires \"linkSelectorStorageKeyPrefix\" when using element selector links.");
-	hostOpenElementSelector(config.elementType, {
-		storageKey: `${linkSelectorStorageKeyPrefix}.${config.elementType}`,
-		sources: config.sources,
-		criteria: config.criteria,
-		defaultSiteId: elementSiteId,
-		autoFocusSearchBox: false,
-		onSelect: (elements) => {
-			if (elements?.length) {
-				const [element] = elements;
-				onSelect(`${element.url || ""}#${config.refHandle}:${element.id}@${element.siteId}`, getSelectedText() || element.label || "");
-			}
-		},
-		closeOtherModals: false
-	});
-}
-function isLinkOptionsArray(value) {
-	return Array.isArray(value) && value.length > 0;
-}
-function getCraftOptionsFromLinkOptions(linkOptions) {
-	if (!linkOptions) return [];
-	if (isLinkOptionsArray(linkOptions)) return linkOptions;
-	const items = [];
-	if (linkOptions.linkToEntry) items.push({
-		...linkOptions.linkToEntry,
-		optionTitle: "Link to an entry"
-	});
-	if (linkOptions.linkToAsset) items.push({
-		...linkOptions.linkToAsset,
-		optionTitle: "Link to an asset"
-	});
-	if (linkOptions.linkToCategory) items.push({
-		...linkOptions.linkToCategory,
-		optionTitle: "Link to a category"
-	});
-	return items;
-}
-function LinkDropdown({ editor, linkOptions = {}, linkSelectorStorageKeyPrefix, openInsertLinkDialog, title }) {
-	const t = useTranslation();
-	const craftOptions = getCraftOptionsFromLinkOptions(linkOptions);
-	const elementSiteId = !isLinkOptionsArray(linkOptions) ? linkOptions?.elementSiteId : void 0;
-	const getSelectedText = () => {
-		if (!editor) return "";
-		const { from, to } = editor.state.selection;
-		return editor.state.doc.textBetween(from, to, " ");
-	};
-	const handleCraftElementSelect = (url, text) => {
-		openInsertLinkDialog({
-			url,
-			text
-		});
-	};
-	const handleCraftOption = (config) => {
-		openCraftElementModal(config, elementSiteId, linkSelectorStorageKeyPrefix, handleCraftElementSelect, getSelectedText);
-	};
-	const handleLinkToEntry = () => {
-		const config = !isLinkOptionsArray(linkOptions) ? linkOptions?.linkToEntry : void 0;
-		if (config) handleCraftOption(config);
-		else openInsertLinkDialog();
-	};
-	const handleLinkToAsset = () => {
-		const config = !isLinkOptionsArray(linkOptions) ? linkOptions?.linkToAsset : void 0;
-		if (config) handleCraftOption(config);
-		else openInsertLinkDialog();
-	};
-	const handleLinkToCategory = () => {
-		const config = !isLinkOptionsArray(linkOptions) ? linkOptions?.linkToCategory : void 0;
-		if (config) handleCraftOption(config);
-		else openInsertLinkDialog();
-	};
-	const handleUnlink = () => {
-		editor?.chain().focus().extendMarkRange("link").unsetLink().run();
-	};
-	const isLinkActive = useEditorState({
-		editor,
-		selector: ({ editor: ed }) => {
-			return (ed?.isFocused && ed?.isActive("link")) ?? false;
-		}
-	});
-	const showCraftOptions = !isLinkOptionsArray(linkOptions) && (linkOptions?.linkToEntry || linkOptions?.linkToAsset || linkOptions?.linkToCategory) || craftOptions.length > 0;
-	const triggerButton = /* @__PURE__ */ jsx(Button, {
-		variant: "transparent",
-		className: cn("w-[32px] h-[32px]", "text-[#1c2e36]", "hover:bg-slate-100!", isLinkActive && "bg-slate-250! hover:bg-slate-250!"),
-		children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
-			icon: faLink,
-			className: "size-4"
-		})
-	});
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [title ? /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx(DropdownMenuTrigger, { render: triggerButton }) }), /* @__PURE__ */ jsx(TooltipContent, {
-		sideOffset: 4,
-		children: title
-	})] }) : /* @__PURE__ */ jsx(DropdownMenuTrigger, { render: triggerButton }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-		align: "start",
-		side: "bottom",
-		children: [
-			showCraftOptions && /* @__PURE__ */ jsxs(Fragment, { children: [craftOptions.length > 0 ? craftOptions.map((option, index) => {
-				return /* @__PURE__ */ jsx(DropdownMenuItem, {
-					onClick: () => {
-						return handleCraftOption(option);
-					},
-					children: option.optionTitle
-				}, index);
-			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
-				!isLinkOptionsArray(linkOptions) && linkOptions?.linkToEntry && /* @__PURE__ */ jsx(DropdownMenuItem, {
-					onClick: handleLinkToEntry,
-					children: t("Link to an entry")
-				}),
-				!isLinkOptionsArray(linkOptions) && linkOptions?.linkToAsset && /* @__PURE__ */ jsx(DropdownMenuItem, {
-					onClick: handleLinkToAsset,
-					children: t("Link to an asset")
-				}),
-				!isLinkOptionsArray(linkOptions) && linkOptions?.linkToCategory && /* @__PURE__ */ jsx(DropdownMenuItem, {
-					onClick: handleLinkToCategory,
-					children: t("Link to a category")
-				})
-			] }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }),
-			/* @__PURE__ */ jsx(DropdownMenuItem, {
-				onClick: () => {
-					const selected = getSelectedText();
-					const { from, to } = editor?.state.selection ?? {};
-					openInsertLinkDialog(typeof from === "number" && typeof to === "number" && from !== to ? {
-						text: selected,
-						from,
-						to
-					} : void 0);
-				},
-				children: t("Insert Link")
-			}),
-			/* @__PURE__ */ jsx(DropdownMenuItem, {
-				onClick: handleUnlink,
-				disabled: !isLinkActive,
-				className: !isLinkActive ? "opacity-50" : "",
-				children: t("Unlink")
-			})
-		]
-	})] });
-}
-//#endregion
-export { LinkDropdown };
-
-//# sourceMappingURL=LinkDropdown.js.map

package/dist/components/tiptap/LinkDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkDropdown.js","names":[],"sources":["../../../src/components/tiptap/LinkDropdown.tsx"],"sourcesContent":["import { useEditorState } from '@tiptap/react';\nimport type { Editor } from '@tiptap/core';\nimport {\n    DropdownMenu,\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuSeparator,\n} from '@verbb/plugin-kit-react/components/DropdownMenu';\nimport { Button } from '@verbb/plugin-kit-react/components/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@verbb/plugin-kit-react/components/Tooltip';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faLink } from '@fortawesome/pro-solid-svg-icons';\nimport { cn, hostOpenElementSelector } from '@verbb/plugin-kit-react/utils';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\n\nexport type LinkElementConfig = {\n    elementType: string;\n    refHandle: string;\n    sources?: string[];\n    criteria?: Record<string, unknown>;\n};\n\nexport type LinkOptionSchemaItem = LinkElementConfig & {\n    optionTitle: string;\n};\n\nexport type LinkOptions = {\n    elementSiteId?: number;\n    linkToEntry?: LinkElementConfig;\n    linkToAsset?: LinkElementConfig;\n    linkToCategory?: LinkElementConfig;\n};\n\n/** linkOptions can be the object format above, or an array from schema: { optionTitle, elementType, refHandle, sources?, criteria? }[] */\nexport type LinkOptionsInput = LinkOptions | LinkOptionSchemaItem[];\n\ntype LinkDropdownProps = {\n    editor: Editor | null | undefined;\n    linkOptions?: LinkOptionsInput;\n    linkSelectorStorageKeyPrefix?: string;\n    openInsertLinkDialog: (initial?: { url?: string; text?: string; from?: number; to?: number }) => void;\n    title?: string;\n};\n\ndeclare global {\n    interface Window {\n        Craft?: {\n            createElementSelectorModal?: (\n                elementType: string,\n                options: {\n                    storageKey: string;\n                    sources?: string[];\n                    criteria?: Record<string, unknown>;\n                    defaultSiteId?: number;\n                    autoFocusSearchBox?: boolean;\n                    onSelect: (elements: Array<{ url?: string; label?: string; id?: number; siteId?: number }>) => void;\n                    closeOtherModals?: boolean;\n                },\n            ) => void;\n        };\n    }\n}\n\nfunction openCraftElementModal(\n    config: LinkElementConfig,\n    elementSiteId: number | undefined,\n    linkSelectorStorageKeyPrefix: string | undefined,\n    onSelect: (url: string, text: string) => void,\n    getSelectedText: () => string,\n) {\n    if (!linkSelectorStorageKeyPrefix) {\n        throw new Error('LinkDropdown requires \"linkSelectorStorageKeyPrefix\" when using element selector links.');\n    }\n\n    hostOpenElementSelector(config.elementType, {\n        storageKey: `${linkSelectorStorageKeyPrefix}.${config.elementType}`,\n        sources: config.sources,\n        criteria: config.criteria,\n        defaultSiteId: elementSiteId,\n        autoFocusSearchBox: false,\n        onSelect: (elements) => {\n            if (elements?.length) {\n                const [element] = elements;\n                const url = `${element.url || ''}#${config.refHandle}:${element.id}@${element.siteId}`;\n                const text = getSelectedText() || element.label || '';\n                onSelect(url, text);\n            }\n        },\n        closeOtherModals: false,\n    });\n}\n\nfunction isLinkOptionsArray(value: LinkOptionsInput | undefined): value is LinkOptionSchemaItem[] {\n    return Array.isArray(value) && value.length > 0;\n}\n\nfunction getCraftOptionsFromLinkOptions(linkOptions: LinkOptionsInput | undefined): LinkOptionSchemaItem[] {\n    if (!linkOptions) {\n        return [];\n    }\n    if (isLinkOptionsArray(linkOptions)) {\n        return linkOptions;\n    }\n    const items: LinkOptionSchemaItem[] = [];\n    if (linkOptions.linkToEntry) {\n        items.push({ ...linkOptions.linkToEntry, optionTitle: 'Link to an entry' });\n    }\n    if (linkOptions.linkToAsset) {\n        items.push({ ...linkOptions.linkToAsset, optionTitle: 'Link to an asset' });\n    }\n    if (linkOptions.linkToCategory) {\n        items.push({ ...linkOptions.linkToCategory, optionTitle: 'Link to a category' });\n    }\n    return items;\n}\n\nexport function LinkDropdown({\n    editor,\n    linkOptions = {},\n    linkSelectorStorageKeyPrefix,\n    openInsertLinkDialog,\n    title,\n}: LinkDropdownProps) {\n    const t = useTranslation();\n    const craftOptions = getCraftOptionsFromLinkOptions(linkOptions);\n    const elementSiteId = !isLinkOptionsArray(linkOptions) ? linkOptions?.elementSiteId : undefined;\n\n    const getSelectedText = () => {\n        if (!editor) {\n            return '';\n        }\n        const { from, to } = editor.state.selection;\n        return editor.state.doc.textBetween(from, to, ' ');\n    };\n\n    const handleCraftElementSelect = (url: string, text: string) => {\n        openInsertLinkDialog({ url, text });\n    };\n\n    const handleCraftOption = (config: LinkElementConfig) => {\n        openCraftElementModal(\n            config,\n            elementSiteId,\n            linkSelectorStorageKeyPrefix,\n            handleCraftElementSelect,\n            getSelectedText,\n        );\n    };\n\n    const handleLinkToEntry = () => {\n        const config = !isLinkOptionsArray(linkOptions) ? linkOptions?.linkToEntry : undefined;\n        if (config) {\n            handleCraftOption(config);\n        } else {\n            openInsertLinkDialog();\n        }\n    };\n\n    const handleLinkToAsset = () => {\n        const config = !isLinkOptionsArray(linkOptions) ? linkOptions?.linkToAsset : undefined;\n        if (config) {\n            handleCraftOption(config);\n        } else {\n            openInsertLinkDialog();\n        }\n    };\n\n    const handleLinkToCategory = () => {\n        const config = !isLinkOptionsArray(linkOptions) ? linkOptions?.linkToCategory : undefined;\n        if (config) {\n            handleCraftOption(config);\n        } else {\n            openInsertLinkDialog();\n        }\n    };\n\n    const handleUnlink = () => {\n        editor?.chain().focus().extendMarkRange('link').unsetLink().run();\n    };\n\n    const isLinkActive = useEditorState({\n        editor,\n        selector: ({ editor: ed }) => {\n            return (ed?.isFocused && ed?.isActive('link')) ?? false;\n        },\n    });\n\n    const showCraftOptionsFromObject = !isLinkOptionsArray(linkOptions) && (linkOptions?.linkToEntry || linkOptions?.linkToAsset || linkOptions?.linkToCategory);\n    const showCraftOptions = showCraftOptionsFromObject || craftOptions.length > 0;\n\n    const triggerButton = (\n        <Button\n            variant=\"transparent\"\n            className={cn(\n                'w-[32px] h-[32px]',\n                'text-[#1c2e36]',\n                'hover:bg-slate-100!',\n                isLinkActive && 'bg-slate-250! hover:bg-slate-250!',\n            )}\n        >\n            <FontAwesomeIcon icon={faLink} className=\"size-4\" />\n        </Button>\n    );\n\n    return (\n        <DropdownMenu>\n            {title ? (\n                <Tooltip>\n                    <TooltipTrigger render={<DropdownMenuTrigger render={triggerButton} />} />\n                    <TooltipContent sideOffset={4}>{title}</TooltipContent>\n                </Tooltip>\n            ) : (\n                <DropdownMenuTrigger render={triggerButton} />\n            )}\n                <DropdownMenuContent align=\"start\" side=\"bottom\">\n                    {showCraftOptions && (\n                        <>\n                            {craftOptions.length > 0 ? (\n                                craftOptions.map((option, index) => {\n                                    return (\n                                        <DropdownMenuItem\n                                            key={index}\n                                            onClick={() => { return handleCraftOption(option); }}\n                                        >\n                                            {option.optionTitle}\n                                        </DropdownMenuItem>\n                                    );\n                                })\n                            ) : (\n                                <>\n                                    {!isLinkOptionsArray(linkOptions) && linkOptions?.linkToEntry && (\n                                        <DropdownMenuItem onClick={handleLinkToEntry}>\n                                            {t('Link to an entry')}\n                                        </DropdownMenuItem>\n                                    )}\n                                    {!isLinkOptionsArray(linkOptions) && linkOptions?.linkToAsset && (\n                                        <DropdownMenuItem onClick={handleLinkToAsset}>\n                                            {t('Link to an asset')}\n                                        </DropdownMenuItem>\n                                    )}\n                                    {!isLinkOptionsArray(linkOptions) && linkOptions?.linkToCategory && (\n                                        <DropdownMenuItem onClick={handleLinkToCategory}>\n                                            {t('Link to a category')}\n                                        </DropdownMenuItem>\n                                    )}\n                                </>\n                            )}\n                            <DropdownMenuSeparator />\n                        </>\n                    )}\n                    <DropdownMenuItem onClick={() => {\n                        const selected = getSelectedText();\n                        const { from, to } = editor?.state.selection ?? {};\n                        const hasSelection = typeof from === 'number' && typeof to === 'number' && from !== to;\n                        openInsertLinkDialog(hasSelection ? { text: selected, from, to } : undefined);\n                    }}>\n                        {t('Insert Link')}\n                    </DropdownMenuItem>\n                    <DropdownMenuItem\n                        onClick={handleUnlink}\n                        disabled={!isLinkActive}\n                        className={!isLinkActive ? 'opacity-50' : ''}\n                    >\n                        {t('Unlink')}\n                    </DropdownMenuItem>\n                </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n"],"mappings":"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"}