@nadicodeai/ui 12.1.96 → 12.1.98

package/dist/components/settings-form.js

@@ -1,83 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, use, useEffect, useRef, useState } from "react";
-import { useFormStatus } from "react-dom";
-import { Button } from "./button.js";
-import { FieldSet } from "./field.js";
-const SettingsFormContext = createContext(null);
-function editableControls(form) {
-    return Array.from(form.elements).filter((control) => {
-        if (control instanceof HTMLInputElement) {
-            return (Boolean(control.name) &&
-                !control.disabled &&
-                !control.readOnly &&
-                !["hidden", "submit", "reset", "button"].includes(control.type));
-        }
-        if (control instanceof HTMLTextAreaElement) {
-            return Boolean(control.name) && !control.disabled && !control.readOnly;
-        }
-        return control instanceof HTMLSelectElement && Boolean(control.name) && !control.disabled;
-    });
-}
-function hasChangedFields(form) {
-    return editableControls(form).some((control) => {
-        if (control instanceof HTMLInputElement) {
-            if (control.type === "checkbox" || control.type === "radio") {
-                return control.checked !== control.defaultChecked;
-            }
-            return control.value !== control.defaultValue;
-        }
-        if (control instanceof HTMLTextAreaElement) {
-            return control.value !== control.defaultValue;
-        }
-        const options = Array.from(control.options);
-        const hasDefault = options.some((option) => option.defaultSelected);
-        const fallback = options.findIndex((option) => !option.disabled);
-        return options.some((option, index) => option.selected !==
-            (option.defaultSelected || (!control.multiple && !hasDefault && index === fallback)));
-    });
-}
-function editableValues(form) {
-    const names = new Set(editableControls(form).map((control) => control.name));
-    return JSON.stringify(Array.from(new FormData(form))
-        .filter(([name]) => names.has(name))
-        .map(([name, value]) => [
-        name,
-        value instanceof File ? [value.name, value.size, value.type, value.lastModified] : value,
-    ]));
-}
-function SettingsForm({ action, onChange, onReset, onSubmit, children, ...props }) {
-    const [changed, setChanged] = useState(false);
-    const [hydrated, setHydrated] = useState(false);
-    const submittedValues = useRef(null);
-    useEffect(() => setHydrated(true), []);
-    return (_jsx(SettingsFormContext, { value: changed, children: _jsx("form", { ...props, action: action, onChange: (event) => {
-                onChange?.(event);
-                setChanged(hasChangedFields(event.currentTarget));
-            }, onSubmit: (event) => {
-                onSubmit?.(event);
-                if (!event.defaultPrevented)
-                    submittedValues.current = editableValues(event.currentTarget);
-            }, onReset: (event) => {
-                onReset?.(event);
-                if (submittedValues.current !== null &&
-                    editableValues(event.currentTarget) !== submittedValues.current) {
-                    event.preventDefault();
-                }
-                submittedValues.current = null;
-                setChanged(event.defaultPrevented ? hasChangedFields(event.currentTarget) : false);
-            }, children: _jsx(FieldSet, { disabled: !hydrated, className: "min-w-0", children: _jsx("div", { className: "min-w-0", children: children }) }) }) }));
-}
-function useSettingsFormChanged() {
-    const changed = use(SettingsFormContext);
-    if (changed === null) {
-        throw new Error("Settings form controls must be used within a SettingsForm.");
-    }
-    return changed;
-}
-function SettingsSubmitButton({ disabled, ...props }) {
-    const changed = useSettingsFormChanged();
-    const { pending } = useFormStatus();
-    return (_jsx(Button, { ...props, type: "submit", "aria-busy": pending, disabled: disabled || pending || !changed }));
-}
-export { SettingsForm, SettingsSubmitButton, useSettingsFormChanged };