@verbb/plugin-kit-react 1.0.0

package/dist/components/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nconst textareaVariants = cva('', {\n    variants: {\n        size: {\n            xs: 'px-1.5 py-1 text-[11px]',\n            sm: 'px-2 py-1 text-[12px]',\n            default: 'px-2 py-1.5 text-sm',\n            lg: 'px-3 py-2 text-sm',\n            xl: 'px-4 py-2.5 text-base',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n    },\n});\n\nfunction Textarea({ className, size, ...props }: ComponentProps<'textarea'> & VariantProps<typeof textareaVariants>) {\n    return (\n        <textarea\n            data-slot=\"textarea\"\n            className={cn(\n                // Reset\n                'flex outline-none bg-clip-padding resize-y',\n\n                'min-h-[80px] w-full',\n                'rounded-sm',\n                'border border-[rgba(96,125,159,0.4)]',\n                'bg-[rgb(251,252,254)]',\n\n                // Themes\n                textareaVariants({ size }),\n\n                // Hover & Focus\n                'placeholder:text-[#7c8793]',\n                'focus-visible:border-sky-600 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                'aria-invalid:border-rose-600 aria-invalid: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                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nexport { Textarea };\n"],"mappings":";;;;;AAKA,IAAM,mBAAmB,IAAI,IAAI;CAC7B,UAAU,EACN,MAAM;EACF,IAAI;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACP,EACJ;CACD,iBAAiB,EACb,MAAM,WACT;CACJ,CAAC;AAEF,SAAS,SAAS,EAAE,WAAW,MAAM,GAAG,SAA6E;AACjH,QACI,oBAAC,YAAD;EACI,aAAU;EACV,WAAW,GAEP,8CAEA,uBACA,cACA,wCACA,yBAGA,iBAAiB,EAAE,MAAM,CAAC,EAG1B,8BACA,yIACA,yJAEA,UACH;EACD,GAAI;EACN,CAAA"}

package/dist/components/TimePicker.d.ts

@@ -0,0 +1,9 @@
+export declare function TimePicker({ value, onValueChange, placeholder, className, disabled, isInvalid, ...props }: {
+    value: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    isInvalid?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../src/components/TimePicker.tsx"],"names":[],"mappings":"AAaA,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,aAAa,EACb,WAAgB,EAChB,SAAS,EACT,QAAgB,EAChB,SAAiB,EACjB,GAAG,KAAK,EACX,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,2CAgDA"}

package/dist/components/TimePicker.js

@@ -0,0 +1,40 @@
+import { cn } from "../utils/classes.js";
+import { generateTimeOptions } from "../utils/timeOptions.js";
+import "../utils/index.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./Select.js";
+import "./index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faClock } from "@fortawesome/pro-solid-svg-icons";
+//#region src/components/TimePicker.tsx
+function TimePicker({ value, onValueChange, placeholder = "", className, disabled = false, isInvalid = false, ...props }) {
+	const timeOptions = generateTimeOptions();
+	return /* @__PURE__ */ jsxs(Select, {
+		value,
+		onValueChange: (nextValue) => {
+			onValueChange?.(String(nextValue ?? ""));
+		},
+		disabled,
+		...props,
+		children: [/* @__PURE__ */ jsxs(SelectTrigger, {
+			"aria-invalid": isInvalid,
+			className: cn("min-w-[7rem] min-h-[2.125rem]! h-[2.125rem]!", "w-[130px] justify-start text-left font-normal", "bg-transparent border border-slate-400!", "hover:bg-slate-50!", "active:bg-slate-150!", "data-[popup-open]:bg-slate-150!", className),
+			children: [/* @__PURE__ */ jsx(FontAwesomeIcon, {
+				icon: faClock,
+				className: cn("mr-1 text-gray-400")
+			}), /* @__PURE__ */ jsx(SelectValue, { placeholder })]
+		}), /* @__PURE__ */ jsx(SelectContent, {
+			className: cn("max-h-[15rem] min-w-[8rem]"),
+			children: timeOptions.map((option) => {
+				return /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value,
+					children: option.label
+				}, option.value);
+			})
+		})]
+	});
+}
+//#endregion
+export { TimePicker };
+
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","names":[],"sources":["../../src/components/TimePicker.tsx"],"sourcesContent":["import {\n    Select,\n    SelectContent,\n    SelectItem,\n    SelectTrigger,\n    SelectValue,\n} from '@verbb/plugin-kit-react/components';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faClock } from '@fortawesome/pro-solid-svg-icons';\n\nimport { cn, generateTimeOptions } from '@verbb/plugin-kit-react/utils';\n\nexport function TimePicker({\n    value,\n    onValueChange,\n    placeholder = '',\n    className,\n    disabled = false,\n    isInvalid = false,\n    ...props\n}: {\n    value: string;\n    onValueChange?: (value: string) => void;\n    placeholder?: string;\n    className?: string;\n    disabled?: boolean;\n    isInvalid?: boolean;\n}) {\n    // Use cached time options instead of generating on every render\n    const timeOptions = generateTimeOptions();\n\n    return (\n        <Select\n            value={value}\n            onValueChange={(nextValue) => { onValueChange?.(String(nextValue ?? '')); }}\n            disabled={disabled}\n            {...props}\n        >\n            <SelectTrigger\n                aria-invalid={isInvalid}\n                className={cn(\n                    'min-w-[7rem] min-h-[2.125rem]! h-[2.125rem]!',\n                    'w-[130px] justify-start text-left font-normal',\n                    'bg-transparent border border-slate-400!',\n                    'hover:bg-slate-50!',\n                    'active:bg-slate-150!',\n                    'data-[popup-open]:bg-slate-150!',\n                    className,\n                )}>\n                <FontAwesomeIcon\n                    icon={faClock}\n                    className={cn(\n                        'mr-1 text-gray-400',\n                    )}\n                />\n                <SelectValue placeholder={placeholder} />\n            </SelectTrigger>\n            <SelectContent\n                className={cn(\n                    'max-h-[15rem] min-w-[8rem]',\n                )}\n            >\n                {timeOptions.map((option) => {\n                    return (\n                        <SelectItem\n                            key={option.value}\n                            value={option.value}\n                        >\n                            {option.label}\n                        </SelectItem>\n                    );\n                })}\n            </SelectContent>\n        </Select>\n    );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,WAAW,EACvB,OACA,eACA,cAAc,IACd,WACA,WAAW,OACX,YAAY,OACZ,GAAG,SAQJ;CAEC,MAAM,cAAc,qBAAqB;AAEzC,QACI,qBAAC,QAAD;EACW;EACP,gBAAgB,cAAc;AAAE,mBAAgB,OAAO,aAAa,GAAG,CAAC;;EAC9D;EACV,GAAI;YAJR,CAMI,qBAAC,eAAD;GACI,gBAAc;GACd,WAAW,GACP,gDACA,iDACA,2CACA,sBACA,wBACA,mCACA,UACH;aAVL,CAWI,oBAAC,iBAAD;IACI,MAAM;IACN,WAAW,GACP,qBACH;IACH,CAAA,EACF,oBAAC,aAAD,EAA0B,aAAe,CAAA,CAC7B;MAChB,oBAAC,eAAD;GACI,WAAW,GACP,6BACH;aAEA,YAAY,KAAK,WAAW;AACzB,WACI,oBAAC,YAAD;KAEI,OAAO,OAAO;eAEb,OAAO;KACC,EAJJ,OAAO,MAIH;KAEnB;GACU,CAAA,CACX"}

package/dist/components/TiptapContent.d.ts

@@ -0,0 +1,9 @@
+import { EditorContent } from '@tiptap/react';
+import { ComponentProps } from 'react';
+type TiptapContentProps = Omit<ComponentProps<typeof EditorContent>, 'editor'> & {
+    value?: unknown;
+    className?: string;
+};
+export declare const TiptapContent: ({ value, className, ...props }: TiptapContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TiptapContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapContent.d.ts","sourceRoot":"","sources":["../../src/components/TiptapContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAa,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gCAAqC,kBAAkB,4CAwBpF,CAAC"}

package/dist/components/TiptapContent.js

@@ -0,0 +1,24 @@
+import { cn } from "../utils/classes.js";
+import "../utils/index.js";
+import { createTiptapExtensions, valueToContent } from "./tiptap/editorConfig.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { EditorContent, useEditor } from "@tiptap/react";
+//#region src/components/TiptapContent.tsx
+var TiptapContent = ({ value = "", className, ...props }) => {
+	return /* @__PURE__ */ jsx(EditorContent, {
+		editor: useEditor({
+			extensions: useMemo(() => {
+				return createTiptapExtensions();
+			}, []),
+			content: valueToContent(value),
+			editable: false
+		}),
+		className: cn("[&_.ProseMirror]:outline-none", "[&_.ProseMirror_p]:m-0", "[&_.ProseMirror_p]:leading-[1.4]", "[&_.ProseMirror]:text-sm", className),
+		...props
+	});
+};
+//#endregion
+export { TiptapContent };
+
+//# sourceMappingURL=TiptapContent.js.map

package/dist/components/TiptapContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapContent.js","names":[],"sources":["../../src/components/TiptapContent.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { createTiptapExtensions, valueToContent } from './tiptap/editorConfig';\n\ntype TiptapContentProps = Omit<ComponentProps<typeof EditorContent>, 'editor'> & {\n    value?: unknown;\n    className?: string;\n};\n\nexport const TiptapContent = ({ value = '', className, ...props }: TiptapContentProps) => {\n    const extensions = useMemo(() => {\n        return createTiptapExtensions();\n    }, []);\n\n    const editor = useEditor({\n        extensions,\n        content: valueToContent(value),\n        editable: false,\n    });\n\n    return (\n        <EditorContent\n            editor={editor}\n            className={cn(\n                '[&_.ProseMirror]:outline-none',\n                '[&_.ProseMirror_p]:m-0',\n                '[&_.ProseMirror_p]:leading-[1.4]',\n                '[&_.ProseMirror]:text-sm',\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAWA,IAAa,iBAAiB,EAAE,QAAQ,IAAI,WAAW,GAAG,YAAgC;AAWtF,QACI,oBAAC,eAAD;EACY,QARD,UAAU;GACrB,YALe,cAAc;AAC7B,WAAO,wBAAwB;MAChC,EAAE,CAGD;GACA,SAAS,eAAe,MAAM;GAC9B,UAAU;GACb,CAIe;EACR,WAAW,GACP,iCACA,0BACA,oCACA,4BACA,UACH;EACD,GAAI;EACN,CAAA"}

package/dist/components/TiptapEditor.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { Editor as TiptapEditorInstance } from '@tiptap/core';
+import { LinkOptions, LinkOptionsInput } from './tiptap/LinkDropdown';
+import { VariableOption, VariableCategories } from './tiptap/VariableDropdown';
+import { VariableTransformerRegistry } from './tiptap/VariablePickerContext';
+export type { LinkOptions, LinkOptionsInput, VariableOption, VariableCategories, };
+type TiptapEditorProps = {
+    value?: unknown;
+    onChange?: (value: unknown) => void;
+    placeholder?: string;
+    buttons?: string[];
+    tableOptions?: Array<{
+        rows?: number;
+        cols?: number;
+        withHeaderRow?: boolean;
+    }>;
+    linkOptions?: LinkOptionsInput;
+    linkSelectorStorageKeyPrefix?: string;
+    variableCategories?: VariableCategories;
+    variableCategoryLabels?: Record<string, string>;
+    variableCategoryOrder?: string[];
+    variableTransformerRegistry?: VariableTransformerRegistry;
+    variablePickerTriggerCharacters?: string[];
+    toolbarContent?: (params: {
+        editor: TiptapEditorInstance | null;
+        variableCategories: VariableCategories;
+        variableCategoryLabels?: Record<string, string>;
+        variableCategoryOrder?: string[];
+        variablePickerOpen: boolean;
+        onVariablePickerOpenChange: (open: boolean) => void;
+    }) => ReactNode;
+    rows?: number;
+    className?: string;
+    isInvalid?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalidContentMessage?: string;
+    [key: string]: unknown;
+};
+export declare const TiptapEditor: ({ value, onChange, buttons, tableOptions, linkOptions, linkSelectorStorageKeyPrefix, variableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, variablePickerTriggerCharacters, toolbarContent, rows, className, isInvalid, disabled, readOnly, invalidContentMessage, ...props }: TiptapEditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TiptapEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapEditor.d.ts","sourceRoot":"","sources":["../../src/components/TiptapEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAgB,KAAK,MAAM,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIjF,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAKlF,YAAY,EACR,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,GACpE,CAAC;AAqWF,KAAK,iBAAiB,GAAG;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChF,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,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,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE;QACtB,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;QACpC,kBAAkB,EAAE,kBAAkB,CAAC;QACvC,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;QACjC,kBAAkB,EAAE,OAAO,CAAC;QAC5B,0BAA0B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KACvD,KAAK,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,yTAoB1B,iBAAiB,4CA+QnB,CAAC"}