@overmap-ai/forms 1.0.36-add-utils.20 → 1.0.36-fields-renderer-size.0

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/InputWithHelpText.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement } from 'react';
+import { FieldsRendererSize } from '../../renderer';
 import { Severity } from '../../typings';
 export interface InputWithHelpTextProps {
     severity: Severity | undefined;
     helpText: string | null;
     children: ReactElement;
+    size: FieldsRendererSize;
 }
 export declare const InputWithHelpText: (props: InputWithHelpTextProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { TextSize } from '@overmap-ai/blocks';
 import { ReactNode } from 'react';
+import { FieldsRendererSize } from '../../renderer';
 import { Severity } from '../../typings';
 export interface InputWithLabelProps {
-    size?: TextSize;
+    size: FieldsRendererSize;
     severity: Severity | undefined;
     inputId: string;
     labelId: string;

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

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

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

@@ -7,7 +7,7 @@ export declare const useFormikInput: <TField extends AnyField>(props: FieldRende
     field: TField;
 }) => readonly [{
     readonly helpText: string | null;
-    readonly size: import('@overmap-ai/blocks').TextSize | undefined;
+    readonly size: import('..').FieldsRendererSize;
     readonly severity: "danger" | undefined;
     readonly inputId: string;
     readonly labelId: string;

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

@@ -1,37 +1,25 @@
 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;
-    /** The schema of the form the render */
     fieldSchema: FieldSchema;
-    /** Initial values of the form */
     values?: FieldValues;
-    /** The function to call when the form values change */
     onValuesChange?: (allValues: FieldValues, changedValues: FieldValues) => void;
     enableReinitialize?: boolean;
     excludeUnchangedFields?: boolean;
+    hideSubmit?: boolean;
     onSubmit?: (values: FieldValues) => Promise<void> | void;
-    /** @default "Submit" */
     submitText?: string;
-    /** The text of the cancel button (hidden by default)
-     * @default null
-     */
+    hideCancel?: boolean;
     cancelText?: string;
     onCancel?: () => void;
     onDirty?: () => void;
     onDirtyChange?: (dirty: boolean) => void;
-    /** Hide the form description
-     * @default false */
-    hideDescription?: boolean;
-    /** Hide the title (and description)
-     * @default false
-     */
-    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";