@verbb/plugin-kit-react 1.0.10 → 2.0.0

package/dist/forms/fields/ElementSelectField.js

@@ -1,215 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import { hostOpenElementSelector, hostRequest } from "../../utils/hostBridge.js";
-import "../../utils/index.js";
-import { useTranslation } from "../../hooks/useTranslation.js";
-import "../../hooks/index.js";
-import { Spinner } from "../../components/Spinner.js";
-import { Status } from "../../components/Status.js";
-import "../../components/index.js";
-import { Button } from "../../components/Button.js";
-import { FieldLayout } from "../Field.js";
-import useElementStoreV2 from "../store/element-store.js";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPlus, faXmark } from "@fortawesome/pro-solid-svg-icons";
-//#region src/forms/fields/ElementSelectField.tsx
-var isRecord = (value) => {
-	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
-};
-var isElementReference = (value) => {
-	return isRecord(value) && typeof value.id === "number" && typeof value.siteId === "number";
-};
-var normalizeSelectedElement = (element, elementType) => {
-	const url = typeof element.$element?.data === "function" ? element.$element.data("cp-url") : null;
-	return {
-		id: element.id,
-		siteId: element.siteId,
-		label: element.label,
-		url: typeof url === "string" ? url : null,
-		status: element.status ?? null,
-		elementType
-	};
-};
-var normalizeStoredElement = (value, elementType) => {
-	if (!isRecord(value) || typeof value.id !== "number" || typeof value.siteId !== "number") return null;
-	return {
-		id: value.id,
-		siteId: value.siteId,
-		label: typeof value.label === "string" ? value.label : `Element ${value.id}`,
-		url: typeof value.url === "string" ? value.url : null,
-		status: typeof value.status === "string" ? value.status : null,
-		elementType: typeof value.elementType === "string" ? value.elementType : elementType
-	};
-};
-var ElementSelectField = ({ form, field }) => {
-	const [isLoading, setIsLoading] = useState(false);
-	const { getElementData, setElementData, hasElementData } = useElementStoreV2();
-	const t = useTranslation();
-	const selectedElements = getElementData(field.name) || [];
-	const errors = form?.getErrorMapFields?.()[field.name] || [];
-	const { elementSelectOptionsAction } = field;
-	const { elementSelectStorageKeyPrefix } = field;
-	const handleButtonClick = () => {
-		const elementType = field.elementType || "craft\\elements\\Entry";
-		if (!elementSelectStorageKeyPrefix) throw new Error(`ElementSelectField requires "elementSelectStorageKeyPrefix" for "${field.name}".`);
-		hostOpenElementSelector(elementType, {
-			storageKey: `${elementSelectStorageKeyPrefix}.${field.name}.${elementType}`,
-			sources: field.sources || ["*"],
-			criteria: field.criteria || {},
-			multiSelect: field.limit ? false : true,
-			limit: field.limit || null,
-			autoFocusSearchBox: false,
-			onShow: () => {
-				document.body.style.pointerEvents = "";
-			},
-			onSelect: (elements) => {
-				const newElements = elements.map((element) => {
-					return normalizeSelectedElement(element, elementType);
-				});
-				const updatedElements = [...selectedElements, ...newElements];
-				setElementData(field.name, updatedElements);
-				const formValue = updatedElements.map((element) => {
-					return {
-						id: element.id,
-						siteId: element.siteId
-					};
-				});
-				form.setFieldValue(field.name, formValue);
-			},
-			closeOtherModals: false
-		});
-	};
-	const removeElement = (elementId) => {
-		const updatedElements = selectedElements.filter((el) => {
-			return el.id !== elementId;
-		});
-		setElementData(field.name, updatedElements);
-		const formValue = updatedElements.map((element) => {
-			return {
-				id: element.id,
-				siteId: element.siteId
-			};
-		});
-		form.setFieldValue(field.name, formValue);
-	};
-	useEffect(() => {
-		const loadElements = async () => {
-			if (field.name && !hasElementData(field.name)) {
-				const currentValue = form.getFieldValue(field.name);
-				if (currentValue && Array.isArray(currentValue) && currentValue.length > 0) {
-					const currentReferences = currentValue.filter(isElementReference);
-					if (!currentReferences.length) return;
-					setIsLoading(true);
-					try {
-						if (!elementSelectOptionsAction) throw new Error(`ElementSelectField requires "elementSelectOptionsAction" for "${field.name}".`);
-						const response = await hostRequest("POST", elementSelectOptionsAction, { data: { elements: currentReferences } });
-						if (response.data && Array.isArray(response.data)) {
-							const normalizedElements = response.data.map((item) => {
-								return normalizeStoredElement(item, field.elementType || "craft\\elements\\Entry");
-							}).filter((item) => {
-								return item !== null;
-							});
-							setElementData(field.name, normalizedElements);
-						}
-					} catch {
-						const fallbackElements = currentReferences.map((item) => {
-							return {
-								id: item.id,
-								siteId: item.siteId,
-								label: `Element ${item.id}`,
-								url: null,
-								status: null,
-								elementType: field.elementType || "craft\\elements\\Entry"
-							};
-						});
-						setElementData(field.name, fallbackElements);
-					} finally {
-						setIsLoading(false);
-					}
-				}
-			}
-		};
-		loadElements();
-	}, [
-		form,
-		field.name,
-		field.elementType,
-		elementSelectOptionsAction,
-		getElementData,
-		setElementData,
-		hasElementData
-	]);
-	return /* @__PURE__ */ jsx(FieldLayout, {
-		name: field.name,
-		label: field.label,
-		instructions: field.instructions,
-		warning: field.warning,
-		required: field.required,
-		errors,
-		withControl: false,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3",
-			children: [
-				isLoading && /* @__PURE__ */ jsxs("div", {
-					className: "relative flex items-center text-sm text-gray-500 min-h-[34px]",
-					children: [/* @__PURE__ */ jsx(Spinner, {
-						size: "xs",
-						variant: "default",
-						className: "absolute left-0"
-					}), /* @__PURE__ */ jsx("span", {
-						className: "ml-6",
-						children: t("Loading elements...")
-					})]
-				}),
-				selectedElements.length > 0 && /* @__PURE__ */ jsx("div", {
-					className: "flex flex-wrap gap-2",
-					children: selectedElements.map((element) => {
-						return /* @__PURE__ */ jsxs("div", {
-							className: cn("flex items-center gap-1.5", "border border-gray-200 rounded-lg text-sm", "px-2 py-1.5", "bg-[rgb(243,247,252)]", "shadow-sm"),
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [element.status && /* @__PURE__ */ jsx(Status, { status: element.status }), /* @__PURE__ */ jsx("a", {
-									href: element.url,
-									children: /* @__PURE__ */ jsx("span", { children: element.label })
-								})]
-							}), /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								variant: "transparent",
-								size: "xs",
-								onClick: () => {
-									return removeElement(element.id);
-								},
-								className: cn("-mr-1"),
-								"aria-label": t("Remove element"),
-								children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
-									icon: faXmark,
-									className: "size-[15px]"
-								})
-							})]
-						}, `${element.id}-${element.siteId}`);
-					})
-				}),
-				(!field.limit || selectedElements.length < field.limit) && !isLoading && /* @__PURE__ */ jsxs(Button, {
-					type: "button",
-					variant: "dashed",
-					"aria-label": t("Choose"),
-					className: cn("pl-1.5", errors.length > 0 && ["border-rose-600!", "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)]!"]),
-					onClick: handleButtonClick,
-					children: [
-						/* @__PURE__ */ jsx(FontAwesomeIcon, {
-							icon: faPlus,
-							className: "size-[16px]"
-						}),
-						" ",
-						t("Choose")
-					]
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { ElementSelectField };
-
-//# sourceMappingURL=ElementSelectField.js.map

package/dist/forms/fields/ElementSelectField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElementSelectField.js","names":[],"sources":["../../../src/forms/fields/ElementSelectField.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Button, Spinner, Status } from '@verbb/plugin-kit-react/components';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport useElementStore from '../store/element-store';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\nimport {\n    cn,\n    hostOpenElementSelector,\n    hostRequest,\n} from '@verbb/plugin-kit-react/utils';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faPlus, faXmark } from '@fortawesome/pro-solid-svg-icons';\n\ntype ElementSelectFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        required?: boolean;\n        elementType?: string;\n        sources?: string[];\n        criteria?: Record<string, unknown>;\n        limit?: number;\n        elementSelectOptionsAction?: string;\n        elementSelectStorageKeyPrefix?: string;\n    };\n};\n\ntype Element = {\n    id: number;\n    siteId: number;\n    label: string;\n    url: string | null;\n    status: string | null;\n    elementType: string;\n};\n\ntype ElementReference = {\n    id: number;\n    siteId: number;\n};\n\ntype HostElementDataAccessor = {\n    data: (key: string) => unknown;\n};\n\ntype HostSelectedElement = {\n    id: number;\n    siteId: number;\n    label: string;\n    status?: string | null;\n    $element?: HostElementDataAccessor;\n};\n\nconst isRecord = (value: unknown): value is Record<string, unknown> => {\n    return Boolean(value) && typeof value === 'object' && !Array.isArray(value);\n};\n\nconst isElementReference = (value: unknown): value is ElementReference => {\n    return isRecord(value) && typeof value.id === 'number' && typeof value.siteId === 'number';\n};\n\nconst normalizeSelectedElement = (element: HostSelectedElement, elementType: string): Element => {\n    const url = typeof element.$element?.data === 'function'\n        ? element.$element.data('cp-url')\n        : null;\n\n    return {\n        id: element.id,\n        siteId: element.siteId,\n        label: element.label,\n        url: typeof url === 'string' ? url : null,\n        status: element.status ?? null,\n        elementType,\n    };\n};\n\nconst normalizeStoredElement = (value: unknown, elementType: string): Element | null => {\n    if (!isRecord(value) || typeof value.id !== 'number' || typeof value.siteId !== 'number') {\n        return null;\n    }\n\n    return {\n        id: value.id,\n        siteId: value.siteId,\n        label: typeof value.label === 'string' ? value.label : `Element ${value.id}`,\n        url: typeof value.url === 'string' ? value.url : null,\n        status: typeof value.status === 'string' ? value.status : null,\n        elementType: typeof value.elementType === 'string' ? value.elementType : elementType,\n    };\n};\n\nexport const ElementSelectField = ({ form, field }: ElementSelectFieldProps) => {\n    const [isLoading, setIsLoading] = useState(false);\n    const { getElementData, setElementData, hasElementData } = useElementStore();\n    const t = useTranslation();\n    const selectedElements = getElementData<Element[]>(field.name) || [];\n    const errors = form?.getErrorMapFields?.()[field.name] || [];\n    const { elementSelectOptionsAction } = field;\n    const { elementSelectStorageKeyPrefix } = field;\n\n    const handleButtonClick = () => {\n        const elementType = field.elementType || 'craft\\\\elements\\\\Entry';\n\n        if (!elementSelectStorageKeyPrefix) {\n            throw new Error(`ElementSelectField requires \"elementSelectStorageKeyPrefix\" for \"${field.name}\".`);\n        }\n\n        hostOpenElementSelector(elementType, {\n            storageKey: `${elementSelectStorageKeyPrefix}.${field.name}.${elementType}`,\n            sources: field.sources || ['*'],\n            criteria: field.criteria || {},\n            multiSelect: field.limit ? false : true,\n            limit: field.limit || null,\n            autoFocusSearchBox: false,\n            onShow: () => {\n                document.body.style.pointerEvents = '';\n            },\n            onSelect: (elements: HostSelectedElement[]) => {\n                const newElements = elements.map((element) => {\n                    return normalizeSelectedElement(element, elementType);\n                });\n\n                const updatedElements = [...selectedElements, ...newElements];\n                setElementData(field.name, updatedElements);\n\n                const formValue = updatedElements.map((element) => {\n                    return { id: element.id, siteId: element.siteId };\n                });\n\n                form.setFieldValue(field.name, formValue);\n            },\n            closeOtherModals: false,\n        });\n    };\n\n    const removeElement = (elementId: number) => {\n        const updatedElements = selectedElements.filter((el) => { return el.id !== elementId; });\n        setElementData(field.name, updatedElements);\n\n        const formValue = updatedElements.map((element) => {\n            return { id: element.id, siteId: element.siteId };\n        });\n\n        form.setFieldValue(field.name, formValue);\n    };\n\n    useEffect(() => {\n        const loadElements = async() => {\n            if (field.name && !hasElementData(field.name)) {\n                const currentValue = form.getFieldValue(field.name);\n\n                if (currentValue && Array.isArray(currentValue) && currentValue.length > 0) {\n                    const currentReferences = currentValue.filter(isElementReference);\n                    if (!currentReferences.length) {\n                        return;\n                    }\n\n                    setIsLoading(true);\n\n                    try {\n                        if (!elementSelectOptionsAction) {\n                            throw new Error(`ElementSelectField requires \"elementSelectOptionsAction\" for \"${field.name}\".`);\n                        }\n\n                        const response = await hostRequest('POST', elementSelectOptionsAction, {\n                            data: { elements: currentReferences },\n                        });\n\n                        if (response.data && Array.isArray(response.data)) {\n                            const normalizedElements = response.data\n                                .map((item) => { return normalizeStoredElement(item, field.elementType || 'craft\\\\elements\\\\Entry'); })\n                                .filter((item): item is Element => {\n                                return item !== null;\n                            });\n                            setElementData(field.name, normalizedElements);\n                        }\n                    } catch {\n                        const fallbackElements: Element[] = currentReferences.map((item) => {\n                            return {\n                                id: item.id,\n                                siteId: item.siteId,\n                                label: `Element ${item.id}`,\n                                url: null,\n                                status: null,\n                                elementType: field.elementType || 'craft\\\\elements\\\\Entry',\n                            };\n                        });\n                        setElementData(field.name, fallbackElements);\n                    } finally {\n                        setIsLoading(false);\n                    }\n                }\n            }\n        };\n\n        loadElements();\n    }, [form, field.name, field.elementType, elementSelectOptionsAction, getElementData, setElementData, hasElementData]);\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n            withControl={false}\n        >\n            <div className=\"space-y-3\">\n                {isLoading && (\n                    <div className=\"relative flex items-center text-sm text-gray-500 min-h-[34px]\">\n                        <Spinner size=\"xs\" variant=\"default\" className=\"absolute left-0\" />\n                        <span className=\"ml-6\">{t('Loading elements...')}</span>\n                    </div>\n                )}\n\n                {selectedElements.length > 0 && (\n                    <div className=\"flex flex-wrap gap-2\">\n                        {selectedElements.map((element) => {\n                            return (\n                                <div\n                                    key={`${element.id}-${element.siteId}`}\n                                    className={cn(\n                                        'flex items-center gap-1.5',\n                                        'border border-gray-200 rounded-lg text-sm',\n                                        'px-2 py-1.5',\n                                        'bg-[rgb(243,247,252)]',\n                                        'shadow-sm',\n                                    )}\n                                >\n                                    <div className=\"flex items-center gap-2\">\n                                        {element.status && <Status status={element.status} />}\n                                        <a href={element.url}>\n                                            <span>{element.label}</span>\n                                        </a>\n                                    </div>\n\n                                    <Button\n                                        type=\"button\"\n                                        variant=\"transparent\"\n                                        size=\"xs\"\n                                        onClick={() => { return removeElement(element.id); }}\n                                        className={cn('-mr-1')}\n                                        aria-label={t('Remove element')}\n                                    >\n                                        <FontAwesomeIcon icon={faXmark} className=\"size-[15px]\" />\n                                    </Button>\n                                </div>\n                            );\n                        })}\n                    </div>\n                )}\n\n                {(!field.limit || selectedElements.length < field.limit) && !isLoading && (\n                    <Button\n                        type=\"button\"\n                        variant=\"dashed\"\n                        aria-label={t('Choose')}\n                        className={cn(\n                            'pl-1.5',\n                            errors.length > 0 && [\n                                'border-rose-600!',\n                                '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                        )}\n                        onClick={handleButtonClick}\n                    >\n                        <FontAwesomeIcon icon={faPlus} className=\"size-[16px]\" /> {t('Choose')}\n                    </Button>\n                )}\n            </div>\n        </FieldLayout>\n    );\n};\n"],"mappings":"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"}

package/dist/forms/fields/HandleField.d.ts

@@ -1,20 +0,0 @@
-import { SchemaFormEngineApi } from '../engine/context';
-type HandleFieldProps = {
-    form: SchemaFormEngineApi;
-    field: {
-        name: string;
-        label?: string;
-        instructions?: string;
-        warning?: string;
-        placeholder?: string;
-        source?: string;
-        reservedHandles?: string[];
-        reservedFieldValues?: string[];
-        maxLength?: number;
-        required?: boolean;
-        disabled?: boolean;
-    };
-};
-export declare const HandleField: ({ form, field }: HandleFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HandleField.d.ts.map

package/dist/forms/fields/HandleField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HandleField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/HandleField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,KAAK,gBAAgB,GAAG;IACpB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;QAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,iBAAiB,gBAAgB,4CAqE5D,CAAC"}

package/dist/forms/fields/HandleField.js

@@ -1,70 +0,0 @@
-import { cn } from "../../utils/classes.js";
-import { buildUniqueHandleFromSource } from "../../utils/handle.js";
-import "../../utils/index.js";
-import { Input } from "../../components/Input.js";
-import "../../components/index.js";
-import { FieldLayout } from "../Field.js";
-import { useEngineField } from "../useEngineField.js";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/forms/fields/HandleField.tsx
-var HandleField = ({ form, field }) => {
-	const { value, setValue, setTouched, errors, isInvalid } = useEngineField(form, field.name);
-	const [rotate, setRotate] = useState(0);
-	const refreshHandle = (e) => {
-		e.preventDefault();
-		if (field.disabled) return;
-		setRotate((current) => {
-			return current + 180;
-		});
-		if (!field.source) return;
-		setValue(buildUniqueHandleFromSource({
-			sourceValue: form.getFieldValue(field.source),
-			values: form.store.state.values ?? {},
-			reservedHandles: field.reservedHandles || [],
-			reservedFieldValues: field.reservedFieldValues || [],
-			maxLength: field.maxLength
-		}));
-	};
-	return /* @__PURE__ */ jsx(FieldLayout, {
-		name: field.name,
-		label: field.label,
-		instructions: field.instructions,
-		warning: field.warning,
-		required: field.required,
-		errors,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ jsx(Input, {
-				value: String(value ?? ""),
-				onChange: (event) => {
-					return setValue(event.target.value);
-				},
-				onBlur: setTouched,
-				placeholder: field.placeholder,
-				disabled: field.disabled,
-				"aria-invalid": isInvalid,
-				className: "font-mono text-[13px]"
-			}), /* @__PURE__ */ jsx("div", {
-				className: cn("absolute top-1/2 right-0 p-[7px_10px]", field.disabled ? "opacity-30 cursor-not-allowed" : "opacity-50 hover:opacity-100", "text-[#606d7b]", "transition-all duration-200 ease-in-out", "select-none", "transform", "transition-transform duration-500 ease-in-out", "[&>svg]:w-3.5 [&>svg]:h-3.5 [&>svg]:block"),
-				style: { transform: `translateY(-50%) rotate(${rotate}deg)` },
-				onClick: refreshHandle,
-				children: /* @__PURE__ */ jsx("svg", {
-					"aria-hidden": "true",
-					focusable: "false",
-					role: "img",
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 512 512",
-					children: /* @__PURE__ */ jsx("path", {
-						fill: "currentColor",
-						d: "M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z"
-					})
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { HandleField };
-
-//# sourceMappingURL=HandleField.js.map

package/dist/forms/fields/HandleField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HandleField.js","names":[],"sources":["../../../src/forms/fields/HandleField.tsx"],"sourcesContent":["import { Input } from '@verbb/plugin-kit-react/components';\nimport { buildUniqueHandleFromSource, cn } from '@verbb/plugin-kit-react/utils';\nimport { MouseEvent, useState } from 'react';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport { useEngineField } from '../useEngineField';\n\ntype HandleFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        placeholder?: string;\n        source?: string;\n        reservedHandles?: string[];\n        reservedFieldValues?: string[];\n        maxLength?: number;\n        required?: boolean;\n        disabled?: boolean;\n    };\n};\n\nexport const HandleField = ({ form, field }: HandleFieldProps) => {\n    const {\n        value, setValue, setTouched, errors, isInvalid,\n    } = useEngineField(form, field.name);\n    const [rotate, setRotate] = useState(0);\n\n    const refreshHandle = (e: MouseEvent) => {\n        e.preventDefault();\n\n        if (field.disabled) {\n            return;\n        }\n\n        setRotate((current) => { return current + 180; });\n\n        if (!field.source) {\n            return;\n        }\n\n        const uniqueHandle = buildUniqueHandleFromSource({\n            sourceValue: form.getFieldValue(field.source),\n            values: form.store.state.values ?? {},\n            reservedHandles: field.reservedHandles || [],\n            reservedFieldValues: field.reservedFieldValues || [],\n            maxLength: field.maxLength,\n        });\n        setValue(uniqueHandle);\n    };\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n        >\n            <div className=\"relative\">\n                <Input\n                    value={String(value ?? '')}\n                    onChange={(event) => { return setValue(event.target.value); }}\n                    onBlur={setTouched}\n                    placeholder={field.placeholder}\n                    disabled={field.disabled}\n                    aria-invalid={isInvalid}\n                    className=\"font-mono text-[13px]\"\n                />\n                <div\n                    className={cn(\n                        'absolute top-1/2 right-0 p-[7px_10px]',\n                        field.disabled ? 'opacity-30 cursor-not-allowed' : 'opacity-50 hover:opacity-100',\n                        'text-[#606d7b]',\n                        'transition-all duration-200 ease-in-out',\n                        'select-none',\n                        'transform',\n                        'transition-transform duration-500 ease-in-out',\n                        '[&>svg]:w-3.5 [&>svg]:h-3.5 [&>svg]:block',\n                    )}\n                    style={{ transform: `translateY(-50%) rotate(${rotate}deg)` }}\n                    onClick={refreshHandle}\n                >\n                    <svg aria-hidden=\"true\" focusable=\"false\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n                        <path fill=\"currentColor\" d=\"M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z\" />\n                    </svg>\n                </div>\n            </div>\n        </FieldLayout>\n    );\n};\n"],"mappings":";;;;;;;;;;AAwBA,IAAa,eAAe,EAAE,MAAM,YAA8B;CAC9D,MAAM,EACF,OAAO,UAAU,YAAY,QAAQ,cACrC,eAAe,MAAM,MAAM,KAAK;CACpC,MAAM,CAAC,QAAQ,aAAa,SAAS,EAAE;CAEvC,MAAM,iBAAiB,MAAkB;AACrC,IAAE,gBAAgB;AAElB,MAAI,MAAM,SACN;AAGJ,aAAW,YAAY;AAAE,UAAO,UAAU;IAAO;AAEjD,MAAI,CAAC,MAAM,OACP;AAUJ,WAPqB,4BAA4B;GAC7C,aAAa,KAAK,cAAc,MAAM,OAAO;GAC7C,QAAQ,KAAK,MAAM,MAAM,UAAU,EAAE;GACrC,iBAAiB,MAAM,mBAAmB,EAAE;GAC5C,qBAAqB,MAAM,uBAAuB,EAAE;GACpD,WAAW,MAAM;GACpB,CACQ,CAAa;;AAG1B,QACI,oBAAC,aAAD;EACI,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,SAAS,MAAM;EACf,UAAU,MAAM;EACR;YAER,qBAAC,OAAD;GAAK,WAAU;aAAf,CACI,oBAAC,OAAD;IACI,OAAO,OAAO,SAAS,GAAG;IAC1B,WAAW,UAAU;AAAE,YAAO,SAAS,MAAM,OAAO,MAAM;;IAC1D,QAAQ;IACR,aAAa,MAAM;IACnB,UAAU,MAAM;IAChB,gBAAc;IACd,WAAU;IACZ,CAAA,EACF,oBAAC,OAAD;IACI,WAAW,GACP,yCACA,MAAM,WAAW,kCAAkC,gCACnD,kBACA,2CACA,eACA,aACA,iDACA,4CACH;IACD,OAAO,EAAE,WAAW,2BAA2B,OAAO,OAAO;IAC7D,SAAS;cAET,oBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;KAAQ,MAAK;KAAM,OAAM;KAA6B,SAAQ;eAC5F,oBAAC,QAAD;MAAM,MAAK;MAAe,GAAE;MAAwnB,CAAA;KAClpB,CAAA;IACJ,CAAA,CACJ;;EACI,CAAA"}

package/dist/forms/fields/ListField.d.ts

@@ -1,18 +0,0 @@
-import { SchemaFormEngineApi } from '../engine/context';
-import { SchemaRenderable } from '../engine/SchemaIndex';
-type ListFieldProps = {
-    form: SchemaFormEngineApi;
-    field: {
-        name: string;
-        label?: string;
-        instructions?: string;
-        warning?: string;
-        required?: boolean;
-        schema?: SchemaRenderable;
-        showGroupedErrors?: boolean;
-        className?: string;
-    };
-};
-export declare const ListField: ({ form, field }: ListFieldProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ListField.d.ts.map

package/dist/forms/fields/ListField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/ListField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAc,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE1E,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;QAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,mDA6ExD,CAAC"}

package/dist/forms/fields/ListField.js

@@ -1,52 +0,0 @@
-import { FieldLayout } from "../Field.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/forms/fields/ListField.tsx
-var ListField = ({ form, field }) => {
-	const Renderer = form?.SchemaRenderer;
-	const errors = field.showGroupedErrors !== false ? form?.getGroupedErrorsForPath?.(field.name) ?? form?.getErrorMapFields?.()[field.name] ?? [] : [];
-	if (!Renderer) return null;
-	const items = Array.isArray(form.getFieldValue(field.name)) ? form.getFieldValue(field.name) : [];
-	const itemSchema = field.schema;
-	return /* @__PURE__ */ jsx(FieldLayout, {
-		name: field.name,
-		label: field.label,
-		instructions: field.instructions,
-		warning: field.warning,
-		required: field.required,
-		errors,
-		withControl: false,
-		className: field.className,
-		children: items.map((item, index) => {
-			const modifyChildren = (children) => {
-				let normalizedChildren = [];
-				if (Array.isArray(children)) normalizedChildren = children;
-				else if (children) normalizedChildren = [children];
-				return normalizedChildren.map((child) => {
-					if (!child || typeof child !== "object" || Array.isArray(child)) return child;
-					const childNode = child;
-					const resolvedChildren = Boolean(childNode.children) && typeof childNode.children === "object" ? modifyChildren(childNode.children) : childNode.children;
-					const childWithContext = {
-						...childNode,
-						_data: {
-							$item: item,
-							$key: index
-						},
-						children: resolvedChildren
-					};
-					if (childNode.$field && typeof childNode.name === "string") return {
-						...childWithContext,
-						name: `${field.name}.${index}.${childNode.name}`
-					};
-					return childWithContext;
-				});
-			};
-			const modifiedChildren = modifyChildren(itemSchema);
-			const key = item?._uid || item?.id || `${field.name}-${index}`;
-			return /* @__PURE__ */ jsx(Renderer, { schema: modifiedChildren }, key);
-		})
-	});
-};
-//#endregion
-export { ListField };
-
-//# sourceMappingURL=ListField.js.map

package/dist/forms/fields/ListField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListField.js","names":[],"sources":["../../../src/forms/fields/ListField.tsx"],"sourcesContent":["import { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport type { SchemaNode, SchemaRenderable } from '../engine/SchemaIndex';\n\ntype ListFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        required?: boolean;\n        schema?: SchemaRenderable;\n        showGroupedErrors?: boolean;\n        className?: string;\n    };\n};\n\nexport const ListField = ({ form, field }: ListFieldProps) => {\n    const Renderer = form?.SchemaRenderer;\n    const shouldShowGroupedErrors = field.showGroupedErrors !== false;\n    const errors = shouldShowGroupedErrors\n        ? (form?.getGroupedErrorsForPath?.(field.name)\n            ?? form?.getErrorMapFields?.()[field.name]\n            ?? [])\n        : [];\n\n    if (!Renderer) {\n        return null;\n    }\n\n    const items = Array.isArray(form.getFieldValue(field.name)) ? form.getFieldValue(field.name) : [];\n    const itemSchema = field.schema;\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n            withControl={false}\n            className={field.className}\n        >\n            {items.map((item, index) => {\n                const modifyChildren = (children: SchemaRenderable | undefined): SchemaRenderable[] => {\n                    let normalizedChildren: SchemaRenderable[] = [];\n                    if (Array.isArray(children)) {\n                        normalizedChildren = children;\n                    } else if (children) {\n                        normalizedChildren = [children];\n                    }\n\n                    return normalizedChildren.map((child) => {\n                        if (!child || typeof child !== 'object' || Array.isArray(child)) {\n                            return child;\n                        }\n\n                        const childNode = child as SchemaNode;\n                        const shouldMapChildren = Boolean(childNode.children) && typeof childNode.children === 'object';\n                        const resolvedChildren = shouldMapChildren ? modifyChildren(childNode.children) : childNode.children;\n\n                        const childWithContext = {\n                            ...childNode,\n                            _data: {\n                                $item: item,\n                                $key: index,\n                            },\n                            children: resolvedChildren,\n                        };\n\n                        if (childNode.$field && typeof childNode.name === 'string') {\n                            return {\n                                ...childWithContext,\n                                name: `${field.name}.${index}.${childNode.name}`,\n                            };\n                        }\n\n                        return childWithContext;\n                    });\n                };\n\n                const modifiedChildren = modifyChildren(itemSchema);\n                const key = item?._uid || item?.id || `${field.name}-${index}`;\n\n                return (\n                    <Renderer\n                        key={key}\n                        schema={modifiedChildren}\n                    />\n                );\n            })}\n        </FieldLayout>\n    );\n};\n"],"mappings":";;;AAkBA,IAAa,aAAa,EAAE,MAAM,YAA4B;CAC1D,MAAM,WAAW,MAAM;CAEvB,MAAM,SAD0B,MAAM,sBAAsB,QAErD,MAAM,0BAA0B,MAAM,KAAK,IACvC,MAAM,qBAAqB,CAAC,MAAM,SAClC,EAAE,GACP,EAAE;AAER,KAAI,CAAC,SACD,QAAO;CAGX,MAAM,QAAQ,MAAM,QAAQ,KAAK,cAAc,MAAM,KAAK,CAAC,GAAG,KAAK,cAAc,MAAM,KAAK,GAAG,EAAE;CACjG,MAAM,aAAa,MAAM;AAEzB,QACI,oBAAC,aAAD;EACI,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,SAAS,MAAM;EACf,UAAU,MAAM;EACR;EACR,aAAa;EACb,WAAW,MAAM;YAEhB,MAAM,KAAK,MAAM,UAAU;GACxB,MAAM,kBAAkB,aAA+D;IACnF,IAAI,qBAAyC,EAAE;AAC/C,QAAI,MAAM,QAAQ,SAAS,CACvB,sBAAqB;aACd,SACP,sBAAqB,CAAC,SAAS;AAGnC,WAAO,mBAAmB,KAAK,UAAU;AACrC,SAAI,CAAC,SAAS,OAAO,UAAU,YAAY,MAAM,QAAQ,MAAM,CAC3D,QAAO;KAGX,MAAM,YAAY;KAElB,MAAM,mBADoB,QAAQ,UAAU,SAAS,IAAI,OAAO,UAAU,aAAa,WAC1C,eAAe,UAAU,SAAS,GAAG,UAAU;KAE5F,MAAM,mBAAmB;MACrB,GAAG;MACH,OAAO;OACH,OAAO;OACP,MAAM;OACT;MACD,UAAU;MACb;AAED,SAAI,UAAU,UAAU,OAAO,UAAU,SAAS,SAC9C,QAAO;MACH,GAAG;MACH,MAAM,GAAG,MAAM,KAAK,GAAG,MAAM,GAAG,UAAU;MAC7C;AAGL,YAAO;MACT;;GAGN,MAAM,mBAAmB,eAAe,WAAW;GACnD,MAAM,MAAM,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,KAAK,GAAG;AAEvD,UACI,oBAAC,UAAD,EAEI,QAAQ,kBACV,EAFO,IAEP;IAER;EACQ,CAAA"}

package/dist/forms/fields/RichTextField.d.ts

@@ -1,24 +0,0 @@
-import { LinkOptionsInput } from '../../components';
-import { SchemaFormEngineApi } from '../engine/context';
-import { VariableConfig } from '../contexts/VariableCategoriesContext';
-type RichTextFieldProps = {
-    form: SchemaFormEngineApi;
-    field: {
-        name: string;
-        label?: string;
-        instructions?: string;
-        warning?: string;
-        placeholder?: string;
-        buttons?: string[];
-        variableConfig?: VariableConfig;
-        required?: boolean;
-        disabled?: boolean;
-        rows?: number;
-        linkOptions?: LinkOptionsInput;
-        linkSelectorStorageKeyPrefix?: string;
-        translatable?: boolean;
-    };
-};
-export declare const RichTextField: ({ form, field }: RichTextFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=RichTextField.d.ts.map

package/dist/forms/fields/RichTextField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/RichTextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAgB,MAAM,oCAAoC,CAAC;AAEpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAI5E,KAAK,kBAAkB,GAAG;IACtB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,gBAAgB,CAAC;QAC/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;QACtC,YAAY,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,iBAAiB,kBAAkB,4CAkDhE,CAAC"}

package/dist/forms/fields/RichTextField.js

@@ -1,53 +0,0 @@
-import { TiptapEditor } from "../../components/TiptapEditor.js";
-import "../../components/index.js";
-import { FieldLayout } from "../Field.js";
-import { useEngineField } from "../useEngineField.js";
-import { useVariableCategoriesContext } from "../contexts/VariableCategoriesContext.js";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/forms/fields/RichTextField.tsx
-var RichTextField = ({ form, field }) => {
-	const { value, setValue, errors } = useEngineField(form, field.name);
-	const buttons = field.buttons ?? ["bold", "italic"];
-	const { getVariableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry, renderVariableConfigureSection, resolveVariableTagLabel } = useVariableCategoriesContext();
-	const { variableConfig } = field;
-	const variableCategories = useMemo(() => {
-		if (!variableConfig || !getVariableCategories) return;
-		return getVariableCategories(variableConfig, { form });
-	}, [
-		variableConfig,
-		form,
-		getVariableCategories
-	]);
-	return /* @__PURE__ */ jsx(FieldLayout, {
-		name: field.name,
-		label: field.label,
-		instructions: field.instructions,
-		warning: field.warning,
-		required: field.required,
-		translatable: field.translatable,
-		errors,
-		withControl: false,
-		children: /* @__PURE__ */ jsx(TiptapEditor, {
-			value: value ?? "",
-			onChange: setValue,
-			placeholder: field.placeholder,
-			rows: field.rows,
-			buttons,
-			...variableCategories && { variableCategories },
-			...variableCategoryLabels && { variableCategoryLabels },
-			...variableCategoryOrder && { variableCategoryOrder },
-			...variableTransformerRegistry && { variableTransformerRegistry },
-			...renderVariableConfigureSection && { renderVariableConfigureSection },
-			...resolveVariableTagLabel && { resolveVariableTagLabel },
-			...field.linkOptions && { linkOptions: field.linkOptions },
-			...field.linkSelectorStorageKeyPrefix && { linkSelectorStorageKeyPrefix: field.linkSelectorStorageKeyPrefix },
-			disabled: field.disabled,
-			isInvalid: errors.length > 0
-		})
-	});
-};
-//#endregion
-export { RichTextField };
-
-//# sourceMappingURL=RichTextField.js.map

package/dist/forms/fields/RichTextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextField.js","names":[],"sources":["../../../src/forms/fields/RichTextField.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { LinkOptionsInput, TiptapEditor } from '@verbb/plugin-kit-react/components';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport type { VariableConfig } from '../contexts/VariableCategoriesContext';\nimport { useEngineField } from '../useEngineField';\nimport { useVariableCategoriesContext } from '../contexts/VariableCategoriesContext';\n\ntype RichTextFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        placeholder?: string;\n        buttons?: string[];\n        variableConfig?: VariableConfig;\n        required?: boolean;\n        disabled?: boolean;\n        rows?: number;\n        linkOptions?: LinkOptionsInput;\n        linkSelectorStorageKeyPrefix?: string;\n        translatable?: boolean;\n    };\n};\n\nexport const RichTextField = ({ form, field }: RichTextFieldProps) => {\n    const { value, setValue, errors } = useEngineField(form, field.name);\n    const buttons = field.buttons ?? ['bold', 'italic'];\n    const {\n        getVariableCategories,\n        variableCategoryLabels,\n        variableCategoryOrder,\n        variableTransformerRegistry,\n        renderVariableConfigureSection,\n        resolveVariableTagLabel,\n    } = useVariableCategoriesContext();\n    const { variableConfig } = field;\n\n    const variableCategories = useMemo(() => {\n        if (!variableConfig || !getVariableCategories) {\n            return undefined;\n        }\n        return getVariableCategories(variableConfig, { form });\n    }, [variableConfig, form, getVariableCategories]);\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            translatable={field.translatable}\n            errors={errors}\n            withControl={false}\n        >\n            <TiptapEditor\n                value={value ?? ''}\n                onChange={setValue}\n                placeholder={field.placeholder}\n                rows={field.rows}\n                buttons={buttons}\n                {...(variableCategories && { variableCategories })}\n                {...(variableCategoryLabels && { variableCategoryLabels })}\n                {...(variableCategoryOrder && { variableCategoryOrder })}\n                {...(variableTransformerRegistry && { variableTransformerRegistry })}\n                {...(renderVariableConfigureSection && { renderVariableConfigureSection })}\n                {...(resolveVariableTagLabel && { resolveVariableTagLabel })}\n                {...(field.linkOptions && { linkOptions: field.linkOptions })}\n                {...(field.linkSelectorStorageKeyPrefix && { linkSelectorStorageKeyPrefix: field.linkSelectorStorageKeyPrefix })}\n                disabled={field.disabled}\n                isInvalid={errors.length > 0}\n            />\n        </FieldLayout>\n    );\n};\n"],"mappings":";;;;;;;;AA2BA,IAAa,iBAAiB,EAAE,MAAM,YAAgC;CAClE,MAAM,EAAE,OAAO,UAAU,WAAW,eAAe,MAAM,MAAM,KAAK;CACpE,MAAM,UAAU,MAAM,WAAW,CAAC,QAAQ,SAAS;CACnD,MAAM,EACF,uBACA,wBACA,uBACA,6BACA,gCACA,4BACA,8BAA8B;CAClC,MAAM,EAAE,mBAAmB;CAE3B,MAAM,qBAAqB,cAAc;AACrC,MAAI,CAAC,kBAAkB,CAAC,sBACpB;AAEJ,SAAO,sBAAsB,gBAAgB,EAAE,MAAM,CAAC;IACvD;EAAC;EAAgB;EAAM;EAAsB,CAAC;AAEjD,QACI,oBAAC,aAAD;EACI,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,SAAS,MAAM;EACf,UAAU,MAAM;EAChB,cAAc,MAAM;EACZ;EACR,aAAa;YAEb,oBAAC,cAAD;GACI,OAAO,SAAS;GAChB,UAAU;GACV,aAAa,MAAM;GACnB,MAAM,MAAM;GACH;GACT,GAAK,sBAAsB,EAAE,oBAAoB;GACjD,GAAK,0BAA0B,EAAE,wBAAwB;GACzD,GAAK,yBAAyB,EAAE,uBAAuB;GACvD,GAAK,+BAA+B,EAAE,6BAA6B;GACnE,GAAK,kCAAkC,EAAE,gCAAgC;GACzE,GAAK,2BAA2B,EAAE,yBAAyB;GAC3D,GAAK,MAAM,eAAe,EAAE,aAAa,MAAM,aAAa;GAC5D,GAAK,MAAM,gCAAgC,EAAE,8BAA8B,MAAM,8BAA8B;GAC/G,UAAU,MAAM;GAChB,WAAW,OAAO,SAAS;GAC7B,CAAA;EACQ,CAAA"}

package/dist/forms/fields/StaticTableField.d.ts

@@ -1,34 +0,0 @@
-import { SchemaFormEngineApi } from '../engine/context';
-type StaticTableOption = {
-    label?: string;
-    value?: unknown;
-    [key: string]: unknown;
-};
-type StaticTableColumn = {
-    name?: string;
-    type?: string;
-    label?: string;
-    heading?: string;
-    class?: string;
-    required?: boolean;
-    options?: StaticTableOption[];
-    placeholder?: string;
-    thin?: boolean;
-    [key: string]: unknown;
-};
-type StaticTableRowValue = Record<string, unknown>;
-type StaticTableFieldProps = {
-    form: SchemaFormEngineApi;
-    field: {
-        name: string;
-        label?: string;
-        instructions?: string;
-        warning?: string;
-        required?: boolean;
-        columns?: StaticTableColumn[] | Record<string, StaticTableColumn>;
-        rows?: StaticTableRowValue[] | Record<string, StaticTableRowValue>;
-    };
-};
-export declare const StaticTableField: ({ form, field }: StaticTableFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=StaticTableField.d.ts.map

package/dist/forms/fields/StaticTableField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticTableField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/StaticTableField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,KAAK,iBAAiB,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,KAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA0CnD,KAAK,qBAAqB,GAAG;IACzB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;QAClE,IAAI,CAAC,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;KACtE,CAAC;CACL,CAAC;AA0DF,eAAO,MAAM,gBAAgB,GAAI,iBAAiB,qBAAqB,4CAkEtE,CAAC"}