@krak-stack/registry 0.1.0

package/dist/components/ui/effect-form.d.ts

@@ -0,0 +1,137 @@
+import type { ComponentProps, JSX, ReactNode } from "react";
+import { FormReact } from "@lucas-barake/effect-form-react";
+import { Option } from "effect";
+import { AsyncResult, Atom } from "effect/unstable/reactivity";
+import { type VirtualizedComboboxMessageOverrides, type VirtualizedComboboxOption } from "./virtualized-combobox.js";
+export type EffectFormMessages = {
+    add: string;
+    blockNavigationCancel: string;
+    blockNavigationConfirm: string;
+    blockNavigationDescription: string;
+    blockNavigationTitle: string;
+    delete: string;
+    description: string;
+    folder: string;
+    key: string;
+    name: string;
+    nameRequired: string;
+    revert: string;
+    submit: string;
+    suggestedImageSize: (width: string, height: string) => string;
+    value: string;
+};
+export type EffectFormMessageOverrides = Partial<EffectFormMessages>;
+export declare const effectFormMessages: (overrides?: EffectFormMessageOverrides) => EffectFormMessages;
+export type FieldOptions = {
+    label: JSX.Element | string;
+    description?: string;
+    children?: ReactNode;
+};
+export type FieldWrapperOptions = {
+    children: ReactNode;
+    description?: string;
+    editingLocale?: string;
+    legend?: string;
+    locales?: ReadonlyArray<{
+        label: string;
+        value: string;
+    }>;
+    localized?: boolean;
+};
+export declare const FieldWrapper: ({ children, description, editingLocale, legend, locales, localized, }: FieldWrapperOptions) => JSX.Element;
+export declare const ErrorMessage: ({ text }: {
+    text: string;
+}) => JSX.Element;
+export declare const SubmitError: <A, E>({ result, }: {
+    result: AsyncResult.AsyncResult<A, E>;
+}) => JSX.Element | null;
+export type SubmitForm<A, E> = {
+    isDirty: Atom.Atom<boolean>;
+    hasChangedSinceSubmit: Atom.Atom<boolean>;
+    lastSubmittedValues: Atom.Atom<Option.Option<unknown>>;
+    submit: Atom.AtomResultFn<void, A, E>;
+};
+export declare const SubmitButton: <A, E>({ children, form, }: {
+    children?: ReactNode;
+    form: SubmitForm<A, E>;
+}) => JSX.Element;
+type TextFieldOptions = FieldOptions & Omit<ComponentProps<"input">, "children" | "defaultValue" | "id" | "name" | "onBlur" | "onChange" | "value"> & {
+    errorMessage?: string;
+};
+export declare const TextField: FormReact.FieldComponent<string, TextFieldOptions>;
+type NameFieldOptions = Omit<TextFieldOptions, "label">;
+export declare const NameField: FormReact.FieldComponent<string, NameFieldOptions>;
+type TextAreaFieldOptions = FieldOptions & Omit<ComponentProps<"textarea">, "children" | "defaultValue" | "id" | "name" | "onBlur" | "onChange" | "value"> & {
+    original?: string;
+};
+export declare const TextAreaField: FormReact.FieldComponent<string, TextAreaFieldOptions>;
+type DescriptionFieldOptions = Omit<TextAreaFieldOptions, "label">;
+export declare const DescriptionField: FormReact.FieldComponent<string, DescriptionFieldOptions>;
+type FileFieldOptions = FieldOptions & {
+    accept: ComponentProps<"input">["accept"];
+    onFileChange?: (file: File | undefined) => void;
+    required?: boolean;
+};
+export declare const FileField: FormReact.FieldComponent<File | undefined, FileFieldOptions>;
+export declare const NullableTextAreaField: FormReact.FieldComponent<string | null | undefined, TextAreaFieldOptions>;
+export declare const CheckboxField: FormReact.FieldComponent<boolean, FieldOptions>;
+type SelectFieldOptions<T extends string> = FieldOptions & {
+    options: ReadonlyArray<{
+        label: string;
+        value: T;
+    }>;
+    placeholder?: string;
+};
+export declare const SelectField: <T extends string>({ field, props, }: FormReact.FieldComponentProps<T, SelectFieldOptions<T>>) => JSX.Element;
+type FolderFieldOptions<T extends string> = Omit<SelectFieldOptions<T>, "label">;
+export declare const FolderField: <T extends string>({ field, props, }: FormReact.FieldComponentProps<T, FolderFieldOptions<T>>) => JSX.Element;
+type MultiSelectFieldOptions<T extends string> = FieldOptions & {
+    options: ReadonlyArray<{
+        label: string;
+        value: T;
+    }>;
+    placeholder?: string;
+};
+export declare const MultiSelectField: <T extends string>({ field, props, }: FormReact.FieldComponentProps<ReadonlyArray<T>, MultiSelectFieldOptions<T>>) => JSX.Element;
+export declare const NullableMultiSelectField: <T extends string>({ field, props, }: FormReact.FieldComponentProps<ReadonlyArray<T> | null | undefined, MultiSelectFieldOptions<T>>) => JSX.Element;
+type SearchableSelectFieldSharedOptions<TData> = FieldOptions & {
+    emptyLabel: ReactNode;
+    initialItems?: readonly VirtualizedComboboxOption<TData>[];
+    items: readonly VirtualizedComboboxOption<TData>[];
+    messages?: VirtualizedComboboxMessageOverrides;
+    onSearchValueChange?: (value: string) => void;
+    placeholder: ReactNode;
+    renderItem?: (item: VirtualizedComboboxOption<TData>) => ReactNode;
+    searchValue?: string;
+};
+export declare const SearchableSelectField: <TData>({ field, props, }: FormReact.FieldComponentProps<ReadonlyArray<string>, SearchableSelectFieldSharedOptions<TData> & {
+    multiple?: true;
+}>) => JSX.Element;
+export declare const SingleSearchableSelectField: <TData>({ field, props, }: FormReact.FieldComponentProps<string, SearchableSelectFieldSharedOptions<TData> & {
+    multiple?: false;
+}>) => JSX.Element;
+export declare const NullableKeyValueField: ({ field, props, }: FormReact.FieldComponentProps<Readonly<Record<string, string>> | null, FieldOptions>) => JSX.Element;
+export declare const KeyValueField: ({ field, props, }: FormReact.FieldComponentProps<Readonly<Record<string, string>>, FieldOptions>) => JSX.Element;
+export declare const RevertButton: ({ field, props, }: {
+    field: {
+        value: string;
+        onChange: (value: string) => void;
+    };
+    props: {
+        original: string;
+    };
+}) => JSX.Element | null;
+type ImageFieldOptions = {
+    label: string;
+    size: {
+        width: number;
+        height: number;
+        suggestedWidth?: number;
+        suggestedHeight?: number;
+    };
+};
+export declare const ImageField: FormReact.FieldComponent<File | string | null | undefined, ImageFieldOptions>;
+export declare const BlockNavigation: <A, E>({ form }: {
+    form: SubmitForm<A, E>;
+}) => JSX.Element;
+export {};