@overmap-ai/forms 1.0.36-more-utils.0 → 1.0.36

package/dist/form/builder/Root.d.ts

@@ -2,13 +2,9 @@ import { PropsWithChildren } from 'react';
 import { FormBuilderSaveHandler } from './typings';
 import { SerializedFieldSection } from '../fields';
 export interface FormBuilderRootProps extends PropsWithChildren {
-    initialTitle?: string;
-    initialDescription?: string;
     initialFields?: SerializedFieldSection[];
     onSave: FormBuilderSaveHandler;
     onCancel?: () => void;
-    hideTitle?: boolean;
-    hideDescription?: boolean;
     enableReinitialize?: boolean;
     disableRequiredFields?: boolean;
 }

package/dist/form/builder/context.d.ts

@@ -1,6 +1,4 @@
 interface IFormBuilderContext {
-    hideTitle: boolean;
-    hideDescription: boolean;
     disableRequiredFields: boolean;
     onCancel?: () => void;
 }

package/dist/form/builder/index.d.ts

@@ -3,7 +3,7 @@ export declare const FormBuilder: {
     Root: import('react').NamedExoticComponent<import('./Root').FormBuilderRootProps>;
     FlowBuilder: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
     ListBuilder: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-    Preview: import('react').NamedExoticComponent<import('./preview').FormBuilderPreviewProps>;
+    Preview: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 };
 export { createCondition } from './utils';
 export { createField } from './utils';

package/dist/form/builder/preview/Preview.d.ts

@@ -1,4 +1 @@
-export interface FormBuilderPreviewProps {
-    showFormTitle?: boolean;
-}
-export declare const FormBuilderPreview: import('react').NamedExoticComponent<FormBuilderPreviewProps>;
+export declare const FormBuilderPreview: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/form/builder/typings.d.ts

@@ -1,10 +1,8 @@
 import { SerializedFieldSection } from '../fields';
 export interface FormBuilderValues {
-    title: string;
-    description: string;
     fields: SerializedFieldSection[];
 }
-export type FormBuilderSaveHandler = (form: FormBuilderValues) => void;
+export type FormBuilderSaveHandler = (values: FormBuilderValues) => void;
 /** Using `lodash.get` and `lodash.set`, we can set and get attributes of nested objects using a string path. This is
 used to get and set attributes of the `fields` of a `SerializedFieldSection` object. */
 export type NestedFieldPath = "fields" | `fields.${number}.fields`;

package/dist/form/fields/BaseFormElement/typings.d.ts

@@ -1,4 +1,4 @@
-import { TextSize } from '@overmap-ai/blocks';
+import { FieldsRendererSize } from '../../renderer';
 export interface BaseFormElementOptions {
     identifier: string;
 }
@@ -8,7 +8,7 @@ export interface BaseSerializedFormElement<TType extends string> {
 }
 export interface FieldRenderProps {
     formId: string;
-    size?: TextSize;
+    size: FieldsRendererSize;
     disabled?: boolean;
     onValuesChange?: (identifier: string, value: any) => void;
     showInputOnly?: boolean;

package/dist/form/fields/components/InputWithLabel.d.ts

@@ -1,14 +1,14 @@
-import { TextSize } from '@overmap-ai/blocks';
 import { ReactNode } from 'react';
-import { Severity } from '../../typings';
+import { FieldsRendererSize } from '../../renderer';
 export interface InputWithLabelProps {
-    size?: TextSize;
-    severity: Severity | undefined;
+    size: FieldsRendererSize;
     inputId: string;
     labelId: string;
     label: string;
+    description: string;
     image: File | Promise<File> | undefined;
     children: ReactNode;
+    error: string;
     className?: string;
 }
 export declare const InputWithLabel: import('react').MemoExoticComponent<(props: InputWithLabelProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/form/fields/components/index.d.ts

@@ -1,3 +1 @@
-export * from './InputWithHelpText';
 export * from './InputWithLabel';
-export * from './InputWithLabelAndHelpText';

package/dist/form/fields/hooks.d.ts

@@ -6,12 +6,12 @@ export declare const useFieldInputs: (fields: AnyFormElement[], props: FieldRend
 export declare const useFormikInput: <TField extends AnyField>(props: FieldRenderProps & {
     field: TField;
 }) => readonly [{
-    readonly helpText: string | null;
-    readonly size: import('@overmap-ai/blocks').TextSize | undefined;
-    readonly severity: "danger" | undefined;
+    readonly error: string;
+    readonly size: import('..').FieldsRendererSize;
     readonly inputId: string;
     readonly labelId: string;
     readonly label: string;
+    readonly description: string;
     readonly showInputOnly: boolean | undefined;
     readonly fieldProps: {
         onChange: (value: ValueOfField<TField>) => void;

package/dist/form/renderer/{FormRenderer.d.ts → FieldsRenderer.d.ts}

@@ -1,9 +1,8 @@
 import { ButtonProps } from '@overmap-ai/blocks';
 import { FieldValues } from '../typings';
+import { FieldsRendererSize } from './typings';
 import { FieldSchema } from '../schema';
-interface FormRendererProps {
-    title: string;
-    description?: string;
+interface FieldsRendererProps {
     readonly?: boolean;
     fieldSchema: FieldSchema;
     values?: FieldValues;
@@ -18,10 +17,9 @@ interface FormRendererProps {
     onCancel?: () => void;
     onDirty?: () => void;
     onDirtyChange?: (dirty: boolean) => void;
-    hideDescription?: boolean;
-    hideTitle?: boolean;
     className?: string;
     buttonProps?: Omit<ButtonProps, "children">;
+    size?: FieldsRendererSize;
 }
-export declare const FormRenderer: import('react').NamedExoticComponent<FormRendererProps & import('react').RefAttributes<HTMLFormElement>>;
+export declare const FieldsRenderer: import('react').NamedExoticComponent<FieldsRendererProps & import('react').RefAttributes<HTMLFormElement>>;
 export {};

package/dist/form/renderer/context.d.ts

@@ -1,2 +1,8 @@
+import { FieldsRendererSize } from './typings';
 import { FieldSchema } from '../schema';
-export declare const RendererContext: import('react').Context<FieldSchema>;
+interface FieldsRendererContextType {
+    fieldSchema: FieldSchema;
+    size: FieldsRendererSize;
+}
+export declare const FieldsRendererContext: import('react').Context<FieldsRendererContextType>;
+export {};

package/dist/form/renderer/index.d.ts

@@ -1 +1,2 @@
-export * from './FormRenderer';
+export * from './FieldsRenderer';
+export type * from './typings';

package/dist/form/renderer/typings.d.ts

@@ -0,0 +1 @@
+export type FieldsRendererSize = "xs" | "sm" | "md" | "lg" | "xl";