@verbb/plugin-kit-react 1.0.10 → 2.0.1

package/dist/components/TiptapInput.d.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from 'react';
-import { VariableCategories } from './tiptap/VariableDropdown';
-import { VariableConfigureSectionProps, VariableTransformerRegistry, VariableTagLabelResolver } from './tiptap/VariablePickerContext';
-export declare const TiptapInput: ({ value, onChange, className, isInvalid, disabled, readOnly, variableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, variablePickerTriggerCharacters, renderVariableConfigureSection, resolveVariableTagLabel, ...props }: {
-    value?: string;
-    onChange?: (value: string) => void;
-    className?: string;
-    isInvalid?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    variableCategories?: VariableCategories;
-    variableCategoryLabels?: Record<string, string>;
-    variableCategoryOrder?: string[];
-    variableTransformerRegistry?: VariableTransformerRegistry;
-    variablePickerTriggerCharacters?: string[];
-    renderVariableConfigureSection?: (props: VariableConfigureSectionProps) => ReactNode;
-    resolveVariableTagLabel?: VariableTagLabelResolver;
-    [key: string]: unknown;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TiptapInput.d.ts.map

package/dist/components/TiptapInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TiptapInput.d.ts","sourceRoot":"","sources":["../../src/components/TiptapInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AACrG,OAAO,KAAK,EAAE,6BAA6B,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,iEAAiE,CAAC;AAiB5K,eAAO,MAAM,WAAW,GAAI,mQAezB;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,+BAA+B,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3C,8BAA8B,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,SAAS,CAAC;IACrF,uBAAuB,CAAC,EAAE,wBAAwB,CAAC;IACnD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,4CAkJA,CAAC"}

package/dist/components/TiptapInput.js

@@ -1,140 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { contentToValue, dedupeVariableOptions, flattenVariableOptions, valueToContent } from "./tiptap/variableSerialization.js";
-import { VariableDropdown } from "./tiptap/VariableDropdown.js";
-import { VariablePickerProvider } from "./tiptap/VariablePickerContext.js";
-import { InlineVariablePickerPopover } from "./tiptap/InlineVariablePickerPopover.js";
-import { useInlineVariablePicker } from "./tiptap/useInlineVariablePicker.js";
-import VariableTag_default from "./tiptap/VariableTag.js";
-import { useEffect, useMemo, useRef, useState } from "react";
-import Document from "@tiptap/extension-document";
-import Text from "@tiptap/extension-text";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { EditorContent, useEditor } from "@tiptap/react";
-//#region src/components/TiptapInput.tsx
-var OneLinerDocument = Document.extend({ content: "inline*" });
-var TiptapInput = ({ value = "", onChange, className, isInvalid, disabled = false, readOnly = false, variableCategories = {}, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, variablePickerTriggerCharacters = ["@"], renderVariableConfigureSection, resolveVariableTagLabel, ...props }) => {
-	const wrapperRef = useRef(null);
-	const [isVariablePickerOpen, setIsVariablePickerOpen] = useState(false);
-	const handleKeyDownRef = useRef(null);
-	const topLevelVariables = useMemo(() => {
-		return dedupeVariableOptions(Object.values(variableCategories ?? {}).flatMap((items) => {
-			return Array.isArray(items) ? items : [];
-		}));
-	}, [variableCategories]);
-	const variables = useMemo(() => {
-		return flattenVariableOptions(topLevelVariables);
-	}, [topLevelVariables]);
-	const editor = useEditor({
-		extensions: useMemo(() => {
-			return [
-				OneLinerDocument,
-				Text,
-				VariableTag_default.configure({})
-			];
-		}, []),
-		content: valueToContent(value, topLevelVariables, variables),
-		editable: !disabled && !readOnly,
-		editorProps: { handleKeyDown: (view, event) => {
-			return handleKeyDownRef.current?.(view, event) ?? false;
-		} },
-		onUpdate: ({ editor: ed }) => {
-			if (onChange) onChange(contentToValue(ed.getJSON().content));
-		}
-	});
-	const inlinePicker = useInlineVariablePicker(editor, {
-		variableCategories,
-		variableCategoryLabels,
-		variableCategoryOrder,
-		variablePickerTriggerCharacters,
-		disabled,
-		readOnly,
-		wrapperRef,
-		onOpenDropdown: () => {
-			return setIsVariablePickerOpen(true);
-		}
-	});
-	useEffect(() => {
-		handleKeyDownRef.current = inlinePicker.handleKeyDown;
-	}, [inlinePicker.handleKeyDown]);
-	useEffect(() => {
-		if (!editor) return;
-		if (!readOnly && editor.isFocused) return;
-		const newContent = valueToContent(value, topLevelVariables, variables);
-		const currentContent = editor.getJSON();
-		if (JSON.stringify(newContent) !== JSON.stringify(currentContent)) queueMicrotask(() => {
-			const content = newContent ?? {
-				type: "doc",
-				content: []
-			};
-			editor.commands.setContent(content);
-		});
-	}, [
-		editor,
-		value,
-		readOnly,
-		topLevelVariables,
-		variables
-	]);
-	const hasVariables = variables.length > 0;
-	return /* @__PURE__ */ jsx(VariablePickerProvider, {
-		variableCategories,
-		variableCategoryLabels,
-		variableCategoryOrder,
-		variableTransformerRegistry,
-		renderVariableConfigureSection,
-		resolveVariableTagLabel,
-		children: /* @__PURE__ */ jsxs("div", {
-			ref: wrapperRef,
-			className: cn("relative", className),
-			children: [
-				/* @__PURE__ */ jsx(EditorContent, {
-					editor,
-					className: cn(!readOnly && [
-						"[&_.ProseMirror]:outline-none [&_.ProseMirror]:bg-clip-padding",
-						"[&_.ProseMirror]:rounded-sm",
-						"[&_.ProseMirror]:border [&_.ProseMirror]:border-[rgba(96,125,159,0.4)]",
-						"[&_.ProseMirror]:bg-[rgb(251,252,254)]",
-						"[&_.ProseMirror]:whitespace-pre-wrap",
-						"[&_.ProseMirror]:w-full [&_.ProseMirror]:h-[34px] [&_.ProseMirror]:px-2 [&_.ProseMirror]:pr-10 [&_.ProseMirror]:pt-[6px] [&_.ProseMirror]:text-sm",
-						"[&_.ProseMirror]:whitespace-nowrap [&_.ProseMirror]:overflow-x-auto [&_.ProseMirror]:overflow-y-hidden",
-						"[&_.ProseMirror]:[scrollbar-width:none] [&_.ProseMirror::-webkit-scrollbar]:hidden",
-						"[&_.ProseMirror]:placeholder:text-[#7c8793]",
-						"[&_.ProseMirror]:focus-visible:border-sky-600 [&_.ProseMirror]:focus-visible:shadow-[0_0_0_1px_var(--color-sky-600),0_0_4px_0_hsl(from_var(--color-sky-600)_h_s_l/0.7)]",
-						"[&_.ProseMirror]:disabled:cursor-not-allowed [&_.ProseMirror]:disabled:opacity-50"
-					], isInvalid && ["[&_.ProseMirror]:border-rose-600", "[&_.ProseMirror]:focus-visible:shadow-[0_0_0_1px_var(--color-rose-600),0_0_4px_0_hsl(from_var(--color-rose-600)_h_s_l/0.7)]"], "[&_.ProseMirror_p]:m-0 [&_.ProseMirror_p]:inline", "[&_.ProseMirror_p]:leading-tight", "[&_.ProseMirror-trailingBreak]:inline [&_.ProseMirror-trailingBreak]:leading-none [&_.ProseMirror-trailingBreak]:w-0 [&_.ProseMirror-trailingBreak]:h-0"),
-					...props
-				}),
-				hasVariables && !readOnly && /* @__PURE__ */ jsx(VariableDropdown, {
-					editor,
-					variableCategories,
-					variableCategoryLabels,
-					variableCategoryOrder,
-					triggerMode: "input",
-					open: isVariablePickerOpen,
-					onOpenChange: setIsVariablePickerOpen
-				}),
-				hasVariables && !readOnly && /* @__PURE__ */ jsx(InlineVariablePickerPopover, {
-					open: inlinePicker.state.open,
-					onOpenChange: (open) => {
-						if (!open) inlinePicker.closePicker();
-					},
-					position: {
-						top: inlinePicker.state.top,
-						left: inlinePicker.state.left
-					},
-					isChildMode: inlinePicker.filteredVariables.isChildMode,
-					query: inlinePicker.state.query,
-					onQueryChange: inlinePicker.setQuery,
-					filteredVariables: inlinePicker.filteredVariables,
-					onSelect: inlinePicker.handleSelect,
-					onBack: inlinePicker.goBack
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { TiptapInput };
-
-//# sourceMappingURL=TiptapInput.js.map

package/dist/components/TiptapInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TiptapInput.js","names":[],"sources":["../../src/components/TiptapInput.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { useEditor, EditorContent } from '@tiptap/react';\n\nimport Document from '@tiptap/extension-document';\nimport Text from '@tiptap/extension-text';\n\nimport VariableTag from '@verbb/plugin-kit-react/components/tiptap/VariableTag';\nimport { VariableDropdown } from '@verbb/plugin-kit-react/components/tiptap/VariableDropdown';\nimport type { VariableCategories } from '@verbb/plugin-kit-react/components/tiptap/VariableDropdown';\nimport type { VariableConfigureSectionProps, VariableTransformerRegistry, VariableTagLabelResolver } from '@verbb/plugin-kit-react/components/tiptap/VariablePickerContext';\nimport { VariablePickerProvider } from '@verbb/plugin-kit-react/components/tiptap/VariablePickerContext';\nimport { InlineVariablePickerPopover } from '@verbb/plugin-kit-react/components/tiptap/InlineVariablePickerPopover';\nimport { useInlineVariablePicker } from '@verbb/plugin-kit-react/components/tiptap/useInlineVariablePicker';\nimport {\n    contentToValue,\n    dedupeVariableOptions,\n    flattenVariableOptions,\n    valueToContent,\n} from '@verbb/plugin-kit-react/components/tiptap/variableSerialization';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nconst OneLinerDocument = Document.extend({\n    content: 'inline*',\n});\n\nexport const TiptapInput = ({\n    value = '',\n    onChange,\n    className,\n    isInvalid,\n    disabled = false,\n    readOnly = false,\n    variableCategories = {},\n    variableCategoryLabels,\n    variableCategoryOrder,\n    variableTransformerRegistry,\n    variablePickerTriggerCharacters = ['@'],\n    renderVariableConfigureSection,\n    resolveVariableTagLabel,\n    ...props\n}: {\n    value?: string;\n    onChange?: (value: string) => void;\n    className?: string;\n    isInvalid?: boolean;\n    disabled?: boolean;\n    readOnly?: boolean;\n    variableCategories?: VariableCategories;\n    variableCategoryLabels?: Record<string, string>;\n    variableCategoryOrder?: string[];\n    variableTransformerRegistry?: VariableTransformerRegistry;\n    variablePickerTriggerCharacters?: string[];\n    renderVariableConfigureSection?: (props: VariableConfigureSectionProps) => ReactNode;\n    resolveVariableTagLabel?: VariableTagLabelResolver;\n    [key: string]: unknown;\n}) => {\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n    const [isVariablePickerOpen, setIsVariablePickerOpen] = useState(false);\n    const handleKeyDownRef = useRef<import('./tiptap/useInlineVariablePicker').InlineVariablePickerHandleKeyDown | null>(null);\n\n    const topLevelVariables = useMemo(() => {\n        const values = Object.values(variableCategories ?? {}).flatMap(items => {\n            return Array.isArray(items) ? items : [];\n        },\n        );\n        return dedupeVariableOptions(values);\n    }, [variableCategories]);\n\n    const variables = useMemo(() => {\n        return flattenVariableOptions(topLevelVariables);\n    }, [topLevelVariables]);\n\n    const extensions = useMemo(\n        () => {\n            return [OneLinerDocument, Text, VariableTag.configure({})];\n        },\n        [],\n    );\n\n    const editor = useEditor({\n        extensions,\n        content: valueToContent(value, topLevelVariables, variables) as Parameters<typeof useEditor>[0]['content'],\n        editable: !disabled && !readOnly,\n        editorProps: {\n            handleKeyDown: (view, event) => {\n                return handleKeyDownRef.current?.(view, event) ?? false;\n            },\n        } as Parameters<typeof useEditor>[0]['editorProps'],\n        onUpdate: ({ editor: ed }) => {\n            if (onChange) {\n                onChange(contentToValue(ed.getJSON().content));\n            }\n        },\n    });\n\n    const inlinePicker = useInlineVariablePicker(editor, {\n        variableCategories,\n        variableCategoryLabels,\n        variableCategoryOrder,\n        variablePickerTriggerCharacters,\n        disabled,\n        readOnly,\n        wrapperRef,\n        onOpenDropdown: () => {\n            return setIsVariablePickerOpen(true);\n        },\n    });\n\n    useEffect(() => {\n        handleKeyDownRef.current = inlinePicker.handleKeyDown;\n    }, [inlinePicker.handleKeyDown]);\n\n    useEffect(() => {\n        if (!editor) {\n            return;\n        }\n        if (!readOnly && editor.isFocused) {\n            return;\n        }\n\n        const newContent = valueToContent(value, topLevelVariables, variables);\n        const currentContent = editor.getJSON();\n        if (JSON.stringify(newContent) !== JSON.stringify(currentContent)) {\n            queueMicrotask(() => {\n                const content = newContent ?? { type: 'doc' as const, content: [] as const };\n                editor.commands.setContent(content);\n            });\n        }\n    }, [editor, value, readOnly, topLevelVariables, variables]);\n\n    const hasVariables = variables.length > 0;\n\n    return (\n        <VariablePickerProvider\n            variableCategories={variableCategories}\n            variableCategoryLabels={variableCategoryLabels}\n            variableCategoryOrder={variableCategoryOrder}\n            variableTransformerRegistry={variableTransformerRegistry as VariableTransformerRegistry | undefined}\n            renderVariableConfigureSection={renderVariableConfigureSection}\n            resolveVariableTagLabel={resolveVariableTagLabel}\n        >\n            <div ref={wrapperRef} className={cn('relative', className)}>\n                <EditorContent\n                    editor={editor}\n                    className={cn(\n                        !readOnly && [\n                            '[&_.ProseMirror]:outline-none [&_.ProseMirror]:bg-clip-padding',\n                            '[&_.ProseMirror]:rounded-sm',\n                            '[&_.ProseMirror]:border [&_.ProseMirror]:border-[rgba(96,125,159,0.4)]',\n                            '[&_.ProseMirror]:bg-[rgb(251,252,254)]',\n                            '[&_.ProseMirror]:whitespace-pre-wrap',\n                            '[&_.ProseMirror]:w-full [&_.ProseMirror]:h-[34px] [&_.ProseMirror]:px-2 [&_.ProseMirror]:pr-10 [&_.ProseMirror]:pt-[6px] [&_.ProseMirror]:text-sm',\n                            '[&_.ProseMirror]:whitespace-nowrap [&_.ProseMirror]:overflow-x-auto [&_.ProseMirror]:overflow-y-hidden',\n                            '[&_.ProseMirror]:[scrollbar-width:none] [&_.ProseMirror::-webkit-scrollbar]:hidden',\n                            '[&_.ProseMirror]:placeholder:text-[#7c8793]',\n                            '[&_.ProseMirror]:focus-visible:border-sky-600 [&_.ProseMirror]:focus-visible:shadow-[0_0_0_1px_var(--color-sky-600),0_0_4px_0_hsl(from_var(--color-sky-600)_h_s_l/0.7)]',\n                            '[&_.ProseMirror]:disabled:cursor-not-allowed [&_.ProseMirror]:disabled:opacity-50',\n                        ],\n                        isInvalid && [\n                            '[&_.ProseMirror]:border-rose-600',\n                            '[&_.ProseMirror]:focus-visible:shadow-[0_0_0_1px_var(--color-rose-600),0_0_4px_0_hsl(from_var(--color-rose-600)_h_s_l/0.7)]',\n                        ],\n                        '[&_.ProseMirror_p]:m-0 [&_.ProseMirror_p]:inline',\n                        '[&_.ProseMirror_p]:leading-tight',\n                        '[&_.ProseMirror-trailingBreak]:inline [&_.ProseMirror-trailingBreak]:leading-none [&_.ProseMirror-trailingBreak]:w-0 [&_.ProseMirror-trailingBreak]:h-0',\n                    )}\n                    {...props}\n                />\n\n                {hasVariables && !readOnly && (\n                    <VariableDropdown\n                        editor={editor}\n                        variableCategories={variableCategories}\n                        variableCategoryLabels={variableCategoryLabels}\n                        variableCategoryOrder={variableCategoryOrder}\n                        triggerMode=\"input\"\n                        open={isVariablePickerOpen}\n                        onOpenChange={setIsVariablePickerOpen}\n                    />\n                )}\n\n                {hasVariables && !readOnly && (\n                    <InlineVariablePickerPopover\n                        open={inlinePicker.state.open}\n                        onOpenChange={(open) => {\n                            if (!open) {\n                                inlinePicker.closePicker();\n                            }\n                        }}\n                        position={{ top: inlinePicker.state.top, left: inlinePicker.state.left }}\n                        isChildMode={inlinePicker.filteredVariables.isChildMode}\n                        query={inlinePicker.state.query}\n                        onQueryChange={inlinePicker.setQuery}\n                        filteredVariables={inlinePicker.filteredVariables}\n                        onSelect={inlinePicker.handleSelect}\n                        onBack={inlinePicker.goBack}\n                    />\n                )}\n            </div>\n        </VariablePickerProvider>\n    );\n};\n"],"mappings":"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"}

package/dist/components/VirtualizedScrollArea.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-interface VirtualizedScrollAreaProps<T> {
-    items: T[];
-    renderItem: (item: T, index: number) => React.ReactNode;
-    overscan?: number;
-    estimateSize: (index: number) => number;
-    getItemKey?: (index: number) => string | number;
-    listHeight: number;
-    enableDynamicHeights?: boolean;
-    nativeScroll?: boolean;
-    className?: string;
-    initialScroll?: {
-        index: number;
-        clickAfterScroll: boolean;
-    };
-}
-export interface VirtualizedScrollAreaRef {
-    scrollToIndex: (index: number, options?: {
-        align?: 'start' | 'center' | 'end';
-        behavior?: 'auto' | 'smooth';
-    }) => void;
-}
-declare function VirtualizedScrollArea<T>({ items, renderItem, overscan, estimateSize, getItemKey, listHeight, enableDynamicHeights, nativeScroll, initialScroll, className, ...props }: VirtualizedScrollAreaProps<T>): import("react/jsx-runtime").JSX.Element;
-export { VirtualizedScrollArea };
-//# sourceMappingURL=VirtualizedScrollArea.d.ts.map

package/dist/components/VirtualizedScrollArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedScrollArea.d.ts","sourceRoot":"","sources":["../../src/components/VirtualizedScrollArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,0BAA0B,CAAC,CAAC;IAClC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,gBAAgB,EAAE,OAAO,CAAC;KAC7B,CAAC;CACL;AAED,MAAM,WAAW,wBAAwB;IACrC,aAAa,EAAE,CACX,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;QACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAChC,KACA,IAAI,CAAC;CACb;AAED,iBAAS,qBAAqB,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,QAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,oBAA4B,EAC5B,YAAoB,EACpB,aAAa,EACb,SAAS,EACT,GAAG,KAAK,EACX,EAAE,0BAA0B,CAAC,CAAC,CAAC,2CA2F/B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/VirtualizedScrollArea.js

@@ -1,80 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { ScrollArea } from "./ScrollArea.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/VirtualizedScrollArea.tsx
-function VirtualizedScrollArea({ items, renderItem, overscan = 5, estimateSize, getItemKey, listHeight, enableDynamicHeights = false, nativeScroll = false, initialScroll, className, ...props }) {
-	const parentRef = React$1.useRef(null);
-	const initialScrollIndex = initialScroll?.index ?? -1;
-	const clickAfterInitialScroll = initialScroll?.clickAfterScroll ?? false;
-	const rowVirtualizer = useVirtualizer({
-		count: items.length,
-		getScrollElement: () => {
-			return parentRef.current;
-		},
-		estimateSize,
-		overscan,
-		getItemKey: getItemKey || ((index) => {
-			return index;
-		})
-	});
-	const virtualItems = rowVirtualizer.getVirtualItems();
-	React$1.useEffect(() => {
-		if (initialScrollIndex < 0) return;
-		rowVirtualizer.scrollToIndex(initialScrollIndex, {
-			align: "start",
-			behavior: "auto"
-		});
-		if (clickAfterInitialScroll) setTimeout(() => {
-			const renderedElement = (parentRef.current?.querySelector(`[data-virtual-index="${initialScrollIndex}"]`))?.children[0];
-			if (renderedElement instanceof HTMLElement) renderedElement.click();
-		}, 100);
-	}, [
-		clickAfterInitialScroll,
-		initialScrollIndex,
-		rowVirtualizer
-	]);
-	const innerContent = /* @__PURE__ */ jsx("div", {
-		style: {
-			height: `${rowVirtualizer.getTotalSize()}px`,
-			width: "100%",
-			position: "relative"
-		},
-		children: virtualItems.map((virtualItem) => {
-			return /* @__PURE__ */ jsx("div", {
-				"data-index": virtualItem.index,
-				"data-virtual-index": virtualItem.index,
-				ref: enableDynamicHeights ? rowVirtualizer.measureElement : void 0,
-				style: {
-					position: "absolute",
-					top: 0,
-					left: 0,
-					width: "100%",
-					height: enableDynamicHeights ? void 0 : `${virtualItem.size}px`,
-					transform: `translateY(${virtualItem.start}px)`
-				},
-				children: renderItem(items[virtualItem.index], virtualItem.index)
-			}, virtualItem.key);
-		})
-	});
-	if (nativeScroll) return /* @__PURE__ */ jsx("div", {
-		ref: parentRef,
-		className: cn("overflow-y-auto overflow-x-hidden", className),
-		style: { height: `${listHeight}px` },
-		children: innerContent
-	});
-	return /* @__PURE__ */ jsx(ScrollArea, {
-		size: "default",
-		style: { height: `${listHeight}px` },
-		viewPortRef: parentRef,
-		className,
-		...props,
-		children: innerContent
-	});
-}
-//#endregion
-export { VirtualizedScrollArea };
-
-//# sourceMappingURL=VirtualizedScrollArea.js.map

package/dist/components/VirtualizedScrollArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VirtualizedScrollArea.js","names":[],"sources":["../../src/components/VirtualizedScrollArea.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport * as React from 'react';\n\nimport { ScrollArea } from '@verbb/plugin-kit-react/components/ScrollArea';\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\ninterface VirtualizedScrollAreaProps<T> {\n    items: T[];\n    renderItem: (item: T, index: number) => React.ReactNode;\n    overscan?: number;\n    estimateSize: (index: number) => number;\n    getItemKey?: (index: number) => string | number;\n    listHeight: number;\n    enableDynamicHeights?: boolean;\n    nativeScroll?: boolean;\n    className?: string;\n    initialScroll?: {\n        index: number;\n        clickAfterScroll: boolean;\n    };\n}\n\nexport interface VirtualizedScrollAreaRef {\n    scrollToIndex: (\n        index: number,\n        options?: {\n            align?: 'start' | 'center' | 'end';\n            behavior?: 'auto' | 'smooth';\n        },\n    ) => void;\n}\n\nfunction VirtualizedScrollArea<T>({\n    items,\n    renderItem,\n    overscan = 5,\n    estimateSize,\n    getItemKey,\n    listHeight,\n    enableDynamicHeights = false,\n    nativeScroll = false,\n    initialScroll,\n    className,\n    ...props\n}: VirtualizedScrollAreaProps<T>) {\n    const parentRef = React.useRef<HTMLDivElement>(null);\n    const initialScrollIndex = initialScroll?.index ?? -1;\n    const clickAfterInitialScroll = initialScroll?.clickAfterScroll ?? false;\n\n    const rowVirtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => { return parentRef.current; },\n        estimateSize,\n        overscan,\n        getItemKey: getItemKey || ((index) => { return index; }),\n    });\n\n    const virtualItems = rowVirtualizer.getVirtualItems();\n    React.useEffect(() => {\n        if (initialScrollIndex < 0) {\n            return;\n        }\n        rowVirtualizer.scrollToIndex(initialScrollIndex, {\n            align: 'start',\n            behavior: 'auto',\n        });\n\n        if (clickAfterInitialScroll) {\n            // need to wait for the scroll to be completed\n            setTimeout(() => {\n                const targetElement = parentRef.current?.querySelector(\n                    `[data-virtual-index=\"${initialScrollIndex}\"]`,\n                );\n                const renderedElement = targetElement?.children[0];\n                if (renderedElement instanceof HTMLElement) {\n                    renderedElement.click();\n                }\n            }, 100);\n        }\n    }, [clickAfterInitialScroll, initialScrollIndex, rowVirtualizer]);\n\n    const innerContent = (\n        <div\n            style={{\n                height: `${rowVirtualizer.getTotalSize()}px`,\n                width: '100%',\n                position: 'relative',\n            }}\n        >\n            {virtualItems.map((virtualItem) => {\n                return (\n                    <div\n                        key={virtualItem.key}\n                        data-index={virtualItem.index}\n                        data-virtual-index={virtualItem.index}\n                        ref={enableDynamicHeights ? rowVirtualizer.measureElement : undefined}\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            width: '100%',\n                            height: enableDynamicHeights ? undefined : `${virtualItem.size}px`,\n                            transform: `translateY(${virtualItem.start}px)`,\n                        }}\n                    >\n                        {renderItem(items[virtualItem.index], virtualItem.index)}\n                    </div>\n                );\n            })}\n        </div>\n    );\n\n    if (nativeScroll) {\n        return (\n            <div\n                ref={parentRef}\n                className={cn('overflow-y-auto overflow-x-hidden', className)}\n                style={{ height: `${listHeight}px` }}\n            >\n                {innerContent}\n            </div>\n        );\n    }\n\n    return (\n        <ScrollArea\n            size=\"default\"\n            style={{ height: `${listHeight}px` }}\n            viewPortRef={parentRef as React.RefObject<HTMLDivElement>}\n            className={className}\n            {...props}\n        >\n            {innerContent}\n        </ScrollArea>\n    );\n};\n\nexport { VirtualizedScrollArea };\n"],"mappings":";;;;;;;AAgCA,SAAS,sBAAyB,EAC9B,OACA,YACA,WAAW,GACX,cACA,YACA,YACA,uBAAuB,OACvB,eAAe,OACf,eACA,WACA,GAAG,SAC2B;CAC9B,MAAM,YAAY,QAAM,OAAuB,KAAK;CACpD,MAAM,qBAAqB,eAAe,SAAS;CACnD,MAAM,0BAA0B,eAAe,oBAAoB;CAEnE,MAAM,iBAAiB,eAAe;EAClC,OAAO,MAAM;EACb,wBAAwB;AAAE,UAAO,UAAU;;EAC3C;EACA;EACA,YAAY,gBAAgB,UAAU;AAAE,UAAO;;EAClD,CAAC;CAEF,MAAM,eAAe,eAAe,iBAAiB;AACrD,SAAM,gBAAgB;AAClB,MAAI,qBAAqB,EACrB;AAEJ,iBAAe,cAAc,oBAAoB;GAC7C,OAAO;GACP,UAAU;GACb,CAAC;AAEF,MAAI,wBAEA,kBAAiB;GAIb,MAAM,mBAHgB,UAAU,SAAS,cACrC,wBAAwB,mBAAmB,IAC9C,GACsC,SAAS;AAChD,OAAI,2BAA2B,YAC3B,iBAAgB,OAAO;KAE5B,IAAI;IAEZ;EAAC;EAAyB;EAAoB;EAAe,CAAC;CAEjE,MAAM,eACF,oBAAC,OAAD;EACI,OAAO;GACH,QAAQ,GAAG,eAAe,cAAc,CAAC;GACzC,OAAO;GACP,UAAU;GACb;YAEA,aAAa,KAAK,gBAAgB;AAC/B,UACI,oBAAC,OAAD;IAEI,cAAY,YAAY;IACxB,sBAAoB,YAAY;IAChC,KAAK,uBAAuB,eAAe,iBAAiB,KAAA;IAC5D,OAAO;KACH,UAAU;KACV,KAAK;KACL,MAAM;KACN,OAAO;KACP,QAAQ,uBAAuB,KAAA,IAAY,GAAG,YAAY,KAAK;KAC/D,WAAW,cAAc,YAAY,MAAM;KAC9C;cAEA,WAAW,MAAM,YAAY,QAAQ,YAAY,MAAM;IACtD,EAdG,YAAY,IAcf;IAEZ;EACA,CAAA;AAGV,KAAI,aACA,QACI,oBAAC,OAAD;EACI,KAAK;EACL,WAAW,GAAG,qCAAqC,UAAU;EAC7D,OAAO,EAAE,QAAQ,GAAG,WAAW,KAAK;YAEnC;EACC,CAAA;AAId,QACI,oBAAC,YAAD;EACI,MAAK;EACL,OAAO,EAAE,QAAQ,GAAG,WAAW,KAAK;EACpC,aAAa;EACF;EACX,GAAI;YAEH;EACQ,CAAA"}

package/dist/components/editable-table/RowDataCells.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export const RowDataCells: React.NamedExoticComponent<object>;
-//# sourceMappingURL=RowDataCells.d.ts.map

package/dist/components/editable-table/RowDataCells.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowDataCells.d.ts","sourceRoot":"","sources":["../../../src/components/editable-table/RowDataCells.jsx"],"names":[],"mappings":"AASA,8DA6CG;kBAtDe,OAAO"}

package/dist/components/editable-table/RowDataCells.js

@@ -1,33 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import "../../utils/index.js";
-import { TableCell } from "./TableCell.js";
-import { TableCell as TableCell$1 } from "../Table.js";
-import "../index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/editable-table/RowDataCells.jsx
-var RowDataCells = React.memo(({ row, rowIndex, columns, columnsSignature, modifyColumn, modifyRow, getCellErrors, onUpdateCell }) => {
-	const rowModifications = modifyRow ? modifyRow(row, rowIndex) : null;
-	return columns.map((column) => {
-		const columnModifications = modifyColumn ? modifyColumn(row, column.name) : null;
-		return /* @__PURE__ */ jsx(TableCell$1, {
-			className: cn(column.className, rowModifications?.cellClassName, columnModifications?.cellClassName),
-			title: rowModifications?.title ?? columnModifications?.title,
-			children: /* @__PURE__ */ jsx(TableCell, {
-				row,
-				rowIndex,
-				column,
-				value: row[column.name],
-				modifyColumn,
-				getCellErrors,
-				onUpdateCell
-			})
-		}, column.name);
-	});
-}, (prevProps, nextProps) => {
-	return prevProps.row === nextProps.row && prevProps.rowIndex === nextProps.rowIndex && prevProps.columnsSignature === nextProps.columnsSignature && prevProps.getCellErrors === nextProps.getCellErrors && prevProps.modifyRow === nextProps.modifyRow;
-});
-//#endregion
-export { RowDataCells };
-
-//# sourceMappingURL=RowDataCells.js.map

package/dist/components/editable-table/RowDataCells.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowDataCells.js","names":[],"sources":["../../../src/components/editable-table/RowDataCells.jsx"],"sourcesContent":["import React from 'react';\nimport { TableCell as UITableCell } from '@verbb/plugin-kit-react/components';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { TableCell } from './TableCell';\n\nconst isThinColumn = (column) => {\n    return Boolean(column?.thin || column?.type === 'checkbox' || column?.type === 'lightswitch' || column?.type === 'radio');\n};\n\nexport const RowDataCells = React.memo(({\n    row,\n    rowIndex,\n    columns,\n    columnsSignature,\n    modifyColumn,\n    modifyRow,\n    getCellErrors,\n    onUpdateCell,\n}) => {\n    const rowModifications = modifyRow ? modifyRow(row, rowIndex) : null;\n\n    return columns.map((column) => {\n        const columnModifications = modifyColumn ? modifyColumn(row, column.name) : null;\n\n        return (\n            <UITableCell\n                key={column.name}\n                className={cn(\n                    column.className,\n                    rowModifications?.cellClassName,\n                    columnModifications?.cellClassName,\n                )}\n                title={rowModifications?.title ?? columnModifications?.title}\n            >\n                <TableCell\n                    row={row}\n                    rowIndex={rowIndex}\n                    column={column}\n                    value={row[column.name]}\n                    modifyColumn={modifyColumn}\n                    getCellErrors={getCellErrors}\n                    onUpdateCell={onUpdateCell}\n                />\n            </UITableCell>\n        );\n    });\n}, (prevProps, nextProps) => {\n    return (\n        prevProps.row === nextProps.row\n        && prevProps.rowIndex === nextProps.rowIndex\n        && prevProps.columnsSignature === nextProps.columnsSignature\n        && prevProps.getCellErrors === nextProps.getCellErrors\n        && prevProps.modifyRow === nextProps.modifyRow\n    );\n});\n"],"mappings":";;;;;;;;AASA,IAAa,eAAe,MAAM,MAAM,EACpC,KACA,UACA,SACA,kBACA,cACA,WACA,eACA,mBACE;CACF,MAAM,mBAAmB,YAAY,UAAU,KAAK,SAAS,GAAG;AAEhE,QAAO,QAAQ,KAAK,WAAW;EAC3B,MAAM,sBAAsB,eAAe,aAAa,KAAK,OAAO,KAAK,GAAG;AAE5E,SACI,oBAAC,aAAD;GAEI,WAAW,GACP,OAAO,WACP,kBAAkB,eAClB,qBAAqB,cACxB;GACD,OAAO,kBAAkB,SAAS,qBAAqB;aAEvD,oBAAC,WAAD;IACS;IACK;IACF;IACR,OAAO,IAAI,OAAO;IACJ;IACC;IACD;IAChB,CAAA;GACQ,EAjBL,OAAO,KAiBF;GAEpB;IACF,WAAW,cAAc;AACzB,QACI,UAAU,QAAQ,UAAU,OACzB,UAAU,aAAa,UAAU,YACjC,UAAU,qBAAqB,UAAU,oBACzC,UAAU,kBAAkB,UAAU,iBACtC,UAAU,cAAc,UAAU;EAE3C"}

package/dist/components/editable-table/TableCell.d.ts

@@ -1,13 +0,0 @@
-import { EditableTableColumn, EditableTableModifyColumn, EditableTableRow } from './types';
-type Props = {
-    column: EditableTableColumn;
-    value: unknown;
-    row: EditableTableRow;
-    rowIndex: number;
-    modifyColumn?: EditableTableModifyColumn | null;
-    getCellErrors: (rowIndex: number, columnName: string) => unknown[];
-    onUpdateCell: (rowIndex: number, row: EditableTableRow, column: EditableTableColumn, newValue: unknown) => void;
-};
-export declare function TableCell({ column, value, row, rowIndex, modifyColumn, getCellErrors, onUpdateCell, }: Props): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
-export {};
-//# sourceMappingURL=TableCell.d.ts.map

package/dist/components/editable-table/TableCell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/editable-table/TableCell.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EACR,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EACnB,MAAM,SAAS,CAAC;AAEjB,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IACnE,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACnH,CAAC;AAwLF,wBAAgB,SAAS,CAAC,EACtB,MAAM,EACN,KAAK,EACL,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,YAAY,GACf,EAAE,KAAK,2WAsQP"}