@rebasepro/studio 0.0.1-canary.09e5ec5

package/dist/core/src/util/useStorageUploadController.d.ts

@@ -0,0 +1,38 @@
+import type { ArrayProperty, StringProperty } from "@rebasepro/types";
+import { EntityValues, StorageConfig, StorageSource } from "@rebasepro/types";
+export type StorageFieldSize = "smallest" | "small" | "medium" | "large" | number;
+/**
+ * Internal representation of an item in the storage
+ * It can have two states, having a storagePathOrDownloadUrl set,
+ * which means the file has been uploaded, and it is rendered as a preview
+ * Or have a pending file being uploaded.
+ */
+export interface StorageFieldItem {
+    id: number;
+    storagePathOrDownloadUrl?: string;
+    file?: File;
+    fileName?: string;
+    metadata?: any;
+    size: StorageFieldSize;
+}
+export declare function useStorageUploadController<M extends Record<string, unknown>>({ entityId, entityValues, path, value, property, propertyKey, storageSource, disabled, onChange }: {
+    entityId?: string | number;
+    entityValues: EntityValues<M>;
+    value: string | string[] | null;
+    path?: string;
+    propertyKey: string;
+    property: StringProperty | ArrayProperty | StringProperty | ArrayProperty;
+    storageSource: StorageSource;
+    disabled: boolean;
+    onChange: (value: string | string[] | null) => void;
+}): {
+    internalValue: StorageFieldItem[];
+    setInternalValue: import("react").Dispatch<import("react").SetStateAction<StorageFieldItem[]>>;
+    storage: StorageConfig;
+    fileNameBuilder: (file: File) => Promise<string>;
+    storagePathBuilder: (file: File) => string;
+    onFileUploadComplete: (uploadedPath: string, entry: StorageFieldItem, metadata?: any, uploadedUrl?: string) => Promise<void>;
+    onFileUploadError: (entry: StorageFieldItem) => void;
+    onFilesAdded: (acceptedFiles: File[]) => Promise<void>;
+    multipleFilesSupported: boolean;
+};

package/dist/core/src/util/useTraceUpdate.d.ts

@@ -0,0 +1,2 @@
+export declare function printChanged(props: any, prev: any, path?: string | undefined, depth?: number | undefined, maxDepth?: number | undefined): void;
+export declare function useTraceUpdate(props: any, maxDepth?: number): void;

package/dist/formex/src/Field.d.ts

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { FormexController } from "./types";
+export interface FieldInputProps<Value> {
+    /** Value of the field */
+    value: Value;
+    /** Name of the field */
+    name: string;
+    /** Multiple select? */
+    multiple?: boolean;
+    /** Is the field checked? */
+    checked?: boolean;
+    /** Change event handler */
+    onChange: (event: React.SyntheticEvent) => void;
+    /** Blur event handler */
+    onBlur: (event: React.FocusEvent) => void;
+}
+export interface FormexFieldProps<Value = any, FormValues extends object = object> {
+    field: FieldInputProps<Value>;
+    form: FormexController<FormValues>;
+}
+export interface FieldConfig<Value, C extends React.ElementType | undefined = undefined> {
+    /**
+     * Component to render. Can either be a string e.g. 'select', 'input', or 'textarea', or a component.
+     */
+    as?: C | string | React.ForwardRefExoticComponent<Record<string, unknown>>;
+    /**
+     * Children render function <Field name>{props => ...}</Field>)
+     */
+    children?: ((props: FormexFieldProps<Value>) => React.ReactNode) | React.ReactNode;
+    /**
+     * Validate a single field value independently
+     */
+    /**
+     * Used for 'select' and related input types.
+     */
+    multiple?: boolean;
+    /**
+     * Field name
+     */
+    name: string;
+    /** HTML input type */
+    type?: string;
+    /** Field value */
+    value?: unknown;
+    /** Inner ref */
+    innerRef?: (instance: unknown) => void;
+}
+export type FieldProps<T, C extends React.ElementType | undefined> = {
+    as?: C;
+} & (C extends React.ElementType ? (React.ComponentProps<C> & FieldConfig<T, C>) : FieldConfig<T, C>);
+export declare function Field<T, C extends React.ElementType | undefined = undefined>({ validate, name, children, as: is, // `as` is reserved in typescript lol
+className, ...props }: FieldProps<T, C>): any;

package/dist/formex/src/Formex.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormexController } from "./types";
+export declare const useFormex: <T = any>() => FormexController<T>;
+export declare const Formex: <T = any>({ value, children }: {
+    value: FormexController<T>;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/formex/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Field";
+export * from "./Formex";
+export * from "./types";
+export * from "./utils";
+export * from "./useCreateFormex";

package/dist/formex/src/types.d.ts

@@ -0,0 +1,40 @@
+import React, { FormEvent } from "react";
+export type FormexController<T = any> = {
+    values: T;
+    initialValues: T;
+    setValues: (values: T) => void;
+    setFieldValue: (key: string, value: unknown, shouldValidate?: boolean) => void;
+    touched: Record<string, boolean>;
+    setFieldTouched: (key: string, touched: boolean, shouldValidate?: boolean) => void;
+    setTouched: (touched: Record<string, boolean>) => void;
+    dirty: boolean;
+    setDirty: (dirty: boolean) => void;
+    setSubmitCount: (submitCount: number) => void;
+    errors: Record<string, string>;
+    setFieldError: (key: string, error?: string) => void;
+    handleChange: (event: React.SyntheticEvent) => void;
+    handleBlur: (event: React.FocusEvent) => void;
+    handleSubmit: (event?: FormEvent<HTMLFormElement>) => void;
+    validate: () => void;
+    resetForm: (props?: FormexResetProps<T>) => void;
+    submitCount: number;
+    isSubmitting: boolean;
+    setSubmitting: (isSubmitting: boolean) => void;
+    isValidating: boolean;
+    /**
+     * The version of the form. This is incremented every time the form is reset
+     * or the form is submitted.
+     */
+    version: number;
+    debugId?: string;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+};
+export type FormexResetProps<T = any> = {
+    values?: T;
+    submitCount?: number;
+    errors?: Record<string, string>;
+    touched?: Record<string, boolean>;
+};

package/dist/formex/src/useCreateFormex.d.ts

@@ -0,0 +1,14 @@
+import { FormexController } from "./types";
+export declare function useCreateFormex<T = any>({ initialValues, initialErrors, initialDirty, initialTouched, validation, validateOnChange, validateOnInitialRender, onSubmit, onReset, onValuesChangeDeferred, debugId }: {
+    initialValues: T;
+    initialErrors?: Record<string, string>;
+    initialDirty?: boolean;
+    initialTouched?: Record<string, boolean>;
+    validateOnChange?: boolean;
+    validateOnInitialRender?: boolean;
+    validation?: (values: T) => Record<string, string> | Promise<Record<string, string>> | undefined | void;
+    onValuesChangeDeferred?: (values: T, controller: FormexController<T>) => void;
+    onSubmit?: (values: T, controller: FormexController<T>) => void | Promise<void>;
+    onReset?: (controller: FormexController<T>) => void | Promise<void>;
+    debugId?: string;
+}): FormexController<T>;

package/dist/formex/src/utils.d.ts

@@ -0,0 +1,16 @@
+/** @private is the value an empty array? */
+export declare const isEmptyArray: (value?: unknown) => boolean;
+/** @private is the given object a Function? */
+export declare const isFunction: (obj: unknown) => obj is Function;
+/** @private is the given object an Object? */
+export declare const isObject: (obj: unknown) => obj is Record<string, unknown>;
+/** @private is the given object an integer? */
+export declare const isInteger: (obj: unknown) => boolean;
+/** @private is the given object a NaN? */
+export declare const isNaN: (obj: unknown) => boolean;
+/**
+ * Deeply get a value from an object via its path.
+ */
+export declare function getIn(obj: any, key: string | string[], def?: unknown, p?: number): any;
+export declare function setIn(obj: any, path: string, value: unknown): any;
+export declare function clone(value: unknown): unknown;