@levo-so/studio 0.1.90 → 0.1.92

package/collection.d.ts

@@ -0,0 +1,360 @@
+import { AsyncPaginateProps } from 'react-select-async-paginate';
+import { Checkbox as Checkbox_2 } from 'radix-ui';
+import { CommonFieldInterfacesList } from '@levo-so/core';
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+import { FieldInterfacesList } from '@levo-so/core';
+import { FieldKindList } from '@levo-so/core';
+import { FieldValues } from 'react-hook-form';
+import { IFieldError } from '@levo-so/core';
+import { ILemaCollection } from '@levo-so/core';
+import { ILemaField } from '@levo-so/core';
+import { ILemaFieldOptions } from '@levo-so/core';
+import { ILevoMembership } from '@levo-so/core';
+import { MediaKindList } from '@levo-so/core';
+import * as React_2 from 'react';
+import { ReactElement } from 'react';
+import { RegisterOptions } from 'react-hook-form';
+import { Switch as Switch_2 } from 'radix-ui';
+import { UseFormReturn } from 'react-hook-form';
+import { UseFormSetError } from 'react-hook-form';
+
+export declare const areAllFieldsHidden: (fields: ILemaField[]) => boolean;
+
+export declare const AsyncSelectPaginate: default_2.FC<AsyncPaginateProps<any, any, any, any>>;
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<Checkbox_2.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const CollectionForm: default_2.FC<ICollectionFormProps>;
+
+export declare const CollectionFormBuilder: default_2.FC<ICollectionFormBuilderProps>;
+
+export declare const CollectionFormRenderer: default_2.FC<ICollectionFormRendererProps>;
+
+export declare const createWidget: (component: WidgetComponent) => WidgetComponent;
+
+export declare const DEFAULT_WIDGET_REGISTRY: IWidgetRegistry;
+
+export declare const ErrorMessage: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+export declare const errorsToParam: (data: Record<string, string[]>) => ParamError[];
+
+export declare const FieldRenderer: default_2.FC<{
+    schema: ILemaCollection | null;
+    field: ILemaField;
+    widgets?: Partial<IWidgetRegistry>;
+    settings?: {
+        enableVerification?: boolean;
+    };
+}>;
+
+/**
+ * @description This component is used to wrap the input components and display the error message and helper text.
+ */
+export declare const FieldWrapper: default_2.ForwardRefExoticComponent<IFieldWrapperProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const FormBuilder: default_2.FC<IFormBuilderProps>;
+
+export declare const FormHelperText: default_2.FC<{
+    children: default_2.ReactNode;
+}>;
+
+export declare const FormLabel: default_2.FC<IFormLabelProps>;
+
+declare type FormValidationOptionsType = Partial<Pick<RegisterOptions, "required" | "min" | "max" | "minLength" | "maxLength" | "pattern" | "validate">>;
+
+export declare const FormVariantOptions: readonly [{
+    readonly value: "default";
+    readonly label: "Classic";
+    readonly description: "All fields displayed together in a single view";
+}, {
+    readonly value: "steps";
+    readonly label: "Multi-Step";
+    readonly description: "Each section becomes a step — navigate with next/previous buttons";
+}, {
+    readonly value: "single-field";
+    readonly label: "One at a Time";
+    readonly description: "Typeform-style — one field per screen with smooth transitions";
+}, {
+    readonly value: "steps-2";
+    readonly label: "Conversational Steps";
+    readonly description: "Multi-step with typeform-style field presentation";
+}];
+
+export declare type FormVariantType = (typeof FormVariantOptions)[number]["value"];
+
+export declare const getDefaultFieldValues: (fields: ILemaField[]) => Record<string, unknown>;
+
+export declare const getDefaultValuesByKind: (schema: ILemaCollection | null) => Record<string, unknown>;
+
+export declare const getFieldValidations: (field: ILemaField, customValidator?: (value: any) => boolean | string) => FormValidationOptionsType;
+
+export declare const getInitialValues: (schema: ILemaCollection, data?: Record<string, unknown>) => Record<string, unknown>;
+
+export declare const getKindFromMimetype: (mimetype: string) => (typeof MediaKindList)[number];
+
+export declare const getValueIfNotUndefined: (value: unknown) => {} | null;
+
+export declare interface IBaseInputProps {
+    name: string;
+    id?: string;
+    value?: any;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    isRequired?: boolean;
+    error?: any;
+    touched?: any;
+    helperText?: string;
+    labelStyles?: string;
+    containerStyles?: string;
+}
+
+export declare interface ICollectionFormBuilderProps extends Omit<ILevoFormContext, "schema"> {
+    formVariant?: FormVariantType;
+    collection_id: string;
+    hiddenFields?: string[];
+    workspace_id?: string;
+    account?: ILevoMembership.Account;
+}
+
+export declare interface ICollectionFormProps extends Omit<ILevoFormContext, "onSuccess" | "externalInitialValues" | "onError" | "isLoggedIn" | "toastConfig" | "onFormDirty" | "disableCaptcha" | "enableVerification"> {
+    hiddenFields?: string[];
+    isLoading?: boolean;
+    initialValues?: any;
+    onSubmit?: (values: any) => void;
+    disableCaptcha?: boolean;
+    enableVerification?: boolean;
+}
+
+export declare interface ICollectionFormRendererProps extends Omit<ILevoFormContext, "schema"> {
+    formVariant?: FormVariantType;
+    fetchedSchema?: ILevoFormContext["schema"];
+    hiddenFields?: string[];
+    workspace_id?: string;
+    isLoading?: boolean;
+}
+
+declare interface ICommonRendererProps {
+    schema: ILemaCollection | null;
+    field: ILemaField;
+    settings?: {
+        enableVerification?: boolean;
+    };
+}
+
+export declare interface IFieldControlProps {
+    error?: any;
+    touched?: any;
+    helperText?: string;
+    children: ReactElement;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    containerStyles?: string;
+    inputContainerStyles?: string;
+}
+
+declare interface IFieldWrapperProps {
+    error?: default_2.ReactNode;
+    helperText?: string;
+    topHelperText?: string;
+    children: default_2.ReactNode;
+    readOnly?: boolean;
+    isRequired?: boolean;
+    containerStyles?: string;
+    labelStyles?: string;
+    label?: default_2.ReactNode;
+    htmlFor?: string;
+}
+
+export declare interface IFormBuilderProps extends ILevoFormContext {
+    formVariant?: FormVariantType;
+}
+
+declare interface IFormLabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
+    isRequired?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export declare interface IFormRendererProps extends ILevoFormContext {
+    children: default_2.ReactNode;
+    variant?: FormVariantType;
+}
+
+export declare interface IFormSelectOptions {
+    label: string;
+    value: any;
+}
+
+export declare interface IFormVariantProps {
+    schema: ILemaCollection;
+    isInternal?: boolean;
+    isDisabled?: boolean;
+    containerStyles?: string;
+    submitButtonConfig?: {
+        text?: string;
+        show?: boolean;
+        styles?: string;
+    };
+    uiConfig?: {
+        hideSectionHeadings?: boolean;
+        hideFormHeading?: boolean;
+    };
+}
+
+declare interface IInputProps extends default_2.ComponentPropsWithRef<"input"> {
+    leftIcon?: default_2.ReactNode;
+    rightIcon?: default_2.ReactNode;
+    leftIconBoxStyles?: string;
+    rightIconBoxStyles?: string;
+    containerStyles?: string;
+}
+
+export declare interface ILevoFormContext {
+    schema: ILemaCollection | null;
+    isDisabled?: boolean;
+    containerStyles?: string;
+    submitButtonConfig: {
+        text?: string;
+        show?: boolean;
+        styles?: string;
+    };
+    uiConfig?: {
+        hideSectionHeadings?: boolean;
+        hideFormHeading?: boolean;
+    };
+    toastConfig?: {
+        showSuccessToast?: boolean;
+        successToastText?: string;
+        suppressOnBooking?: boolean;
+    };
+    onError?: (v: any) => void;
+    disableCaptcha?: boolean;
+    enableVerification?: boolean;
+    theme?: {
+        className?: string;
+        style?: React.CSSProperties;
+        cssReset?: boolean;
+    };
+    isLoggedIn?: boolean;
+    account?: ILevoMembership.Account;
+    externalInitialValues?: Record<string, any>;
+    onSuccess?: (v: {
+        schemaId: string;
+        response: any;
+        meta?: any;
+    }) => void;
+    onFormView?: (v: {
+        schemaId: string;
+    }) => void;
+    onFormDirty?: (v: {
+        schemaId: string;
+    }) => void;
+    widgets?: Partial<IWidgetRegistry>;
+    /** Success screen config from props. Priority: this > schema.settings.success_message > defaults. */
+    successConfig?: {
+        title?: string;
+        message?: string;
+        action?: {
+            type: "none" | "submit_another" | "redirect";
+            /** URL for redirect action type. */
+            value?: string;
+        };
+    };
+    debug?: boolean;
+}
+
+export declare interface ILevoFormThemeContext {
+    themeClass: string;
+    style?: CSSProperties;
+    cssReset?: boolean;
+}
+
+export declare const Input: default_2.ForwardRefExoticComponent<Omit<IInputProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare const isPhoneValid: (phone: string) => boolean;
+
+export declare type IWidgetRegistry = Record<(typeof CommonFieldInterfacesList)[number], WidgetComponent>;
+
+export declare const LevoFormProvider: default_2.FC<IFormRendererProps>;
+
+declare type ParamError = {
+    message: string;
+    name: string;
+};
+
+export declare const setFormErrors: (errors: IFieldError[], setError: UseFormSetError<any>) => void;
+
+export declare const submitDataParser: (data: Record<string, unknown>, schema: ILemaCollection) => any;
+
+export declare const Switch: React_2.ForwardRefExoticComponent<Omit<Switch_2.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ThemeWrapper: default_2.FC<{
+    children: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+    cssReset?: boolean;
+    variant?: FormVariantType;
+}>;
+
+export declare const updateFieldWInterface: (tempField: ILemaField, field_interface: (typeof FieldInterfacesList)[number]) => {
+    field: {
+        id: string;
+        key: string;
+        kind: FieldKindList[number];
+        label: string;
+        field_interface: (typeof FieldInterfacesList)[number];
+        helper_text?: string | undefined;
+        placeholder?: string | undefined;
+        default_value?: any;
+        readonly?: boolean | undefined;
+        hidden?: boolean | undefined;
+        editable?: boolean | undefined;
+        required?: boolean | undefined;
+        unique?: boolean | undefined;
+        min?: string | number | null | undefined;
+        max?: string | number | null | undefined;
+        formats?: string[] | undefined;
+        values?: any[] | undefined;
+        created_at?: string | undefined;
+        updated_at?: string | undefined;
+        fields?: ILemaField[];
+        options: ILemaFieldOptions;
+        allow_public_view?: boolean;
+        allow_public_submit?: boolean;
+    };
+    fieldFocused: string | null;
+};
+
+export declare const useLevoForm: ({ schema: schemaProp, originalSchema: originalSchemaProp, saveToRemote, onSubmit, onSubmitSuccess, onSubmitError, setFormErrorAfterSubmit, }: {
+    schema: ILemaCollection | null;
+    originalSchema?: ILemaCollection | null;
+    saveToRemote?: boolean;
+    onSubmit?: (v: any) => void;
+    onSubmitSuccess?: () => void;
+    onSubmitError?: (e: IFieldError[]) => void;
+    setFormErrorAfterSubmit?: boolean;
+}) => {
+    methods: UseFormReturn<FieldValues, any, FieldValues>;
+    isLoading: boolean;
+    isError: boolean;
+    contentId: string | null;
+    allFormValues: any;
+    handleContentId: (id: string) => void;
+    handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
+    showSuccessOverlay: boolean;
+    dismissSuccessOverlay: () => void;
+};
+
+export declare const useLevoFormContext: () => ILevoFormContext;
+
+export declare const useLevoFormTheme: () => ILevoFormThemeContext | null;
+
+export declare const validateForm: (schema: ILemaCollection, formData: Record<string, unknown>) => Record<string, string>;
+
+export declare type WidgetComponent = default_2.FC<ICommonRendererProps>;
+
+export { }

package/collection.js

@@ -0,0 +1,28 @@
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, u as g, v as _, y as v } from "./dist-DDKHTnIW.js";
+import { a as y, c as b, d as x, f as S, i as C, l as w, n as T, o as E, p as D, r as O, s as k, t as A, u as j } from "./widgets-B84lq4lO.js";
+import { t as M } from "./utils-KqbqLlMF.js";
+//#region ../../libraries/react-collection/dist/types/formVariant.js
+var N = [
+	{
+		value: "default",
+		label: "Classic",
+		description: "All fields displayed together in a single view"
+	},
+	{
+		value: "steps",
+		label: "Multi-Step",
+		description: "Each section becomes a step — navigate with next/previous buttons"
+	},
+	{
+		value: "single-field",
+		label: "One at a Time",
+		description: "Typeform-style — one field per screen with smooth transitions"
+	},
+	{
+		value: "steps-2",
+		label: "Conversational Steps",
+		description: "Multi-step with typeform-style field presentation"
+	}
+];
+//#endregion
+export { u as AsyncSelectPaginate, p as Checkbox, r as CollectionForm, m as CollectionFormBuilder, d as CollectionFormRenderer, g as DEFAULT_WIDGET_REGISTRY, _ as ErrorMessage, l as FieldRenderer, s as FieldWrapper, c as FormBuilder, o as FormHelperText, e as FormLabel, N as FormVariantOptions, a as Input, h as LevoFormProvider, i as Switch, v as ThemeWrapper, D as areAllFieldsHidden, A as createWidget, y as errorsToParam, k as getDefaultFieldValues, S as getDefaultValuesByKind, O as getFieldValidations, w as getInitialValues, M as getKindFromMimetype, x as getValueIfNotUndefined, j as isPhoneValid, T as setFormErrors, C as submitDataParser, b as updateFieldWInterface, t as useLevoForm, f as useLevoFormContext, n as useLevoFormTheme, E as validateForm };