@overmap-ai/forms 1.0.36-title-and-description-removal.0 → 1.0.37-condition-serialize-improvements.0

package/dist/form/conditions/utils.d.ts

@@ -2,3 +2,6 @@ import { Condition, SerializedCondition } from './typings';
 import { Field } from '../fields';
 export declare const deserializeCondition: (field: Field, serializedCondition: SerializedCondition) => Condition;
 export declare const deserializeConditions: (fields: Field[], serializedConditions: SerializedCondition[]) => Condition[];
+export declare const serializeConditions: (fields: Field[], conditions: Condition[]) => SerializedCondition[];
+export declare const cleanSerializedConditions: (fields: Field[], serializedConditions: SerializedCondition[]) => SerializedCondition[];
+export declare const cleanConditions: (fields: Field[], conditions: Condition[]) => Condition[];

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,8 @@ export interface BaseSerializedFormElement<TType extends string> {
 }
 export interface FieldRenderProps {
     formId: string;
-    size?: TextSize;
+    size: FieldsRendererSize;
+    index: number;
     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

@@ -2,16 +2,16 @@ import { ReactNode } from 'react';
 import { AnyField, AnyFormElement, ValueOfField } from './typings';
 import { FieldRenderProps } from './BaseFormElement';
 export declare const useFieldInput: <TField extends AnyFormElement>(field: TField, props: FieldRenderProps) => ReactNode;
-export declare const useFieldInputs: (fields: AnyFormElement[], props: FieldRenderProps) => ReactNode;
+export declare const useFieldInputs: (fields: AnyFormElement[], props: Omit<FieldRenderProps, "index">) => ReactNode;
 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;
@@ -27,5 +27,6 @@ export declare const useFormikInput: <TField extends AnyField>(props: FieldRende
 }, {
     readonly "aria-labelledby": string;
     readonly formId: string;
+    readonly index: number;
     readonly disabled?: boolean;
 }];

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";

package/dist/form/schema/FieldSchema.d.ts

@@ -1,7 +1,7 @@
 import { DirectedGraph } from 'graphology';
 import { FieldFilesAndPromises, FieldValues, SerializedFieldValues } from '../typings';
 import { ReseedOptions } from '../builder/list/sectionSerialization';
-import { SerializedCondition } from '../conditions';
+import { Condition, SerializedCondition } from '../conditions';
 import { Field, FieldSection, FieldSectionManager, SerializedFieldSection } from '../fields';
 import { Observable } from '../Observable';
 export declare class FieldSchema extends Observable<FieldSchema> implements FieldSectionManager {
@@ -25,7 +25,8 @@ export declare class FieldSchema extends Observable<FieldSchema> implements Fiel
     serializeValues(values: FieldValues, clean?: boolean): SerializedFieldValues;
     initializeValues(values: FieldValues): FieldValues;
     validateValues(values: FieldValues): import('formik').FormikErrors<FieldValues> | undefined;
-    deserializeConditions(conditions: SerializedCondition[]): import('..').Condition[];
+    deserializeConditions(serializedConditions: SerializedCondition[]): Condition[];
+    serializeConditions(conditions: Condition[]): SerializedCondition[];
     changedFieldValues(values1: FieldValues, values2: FieldValues): FieldValues;
     unchangedFieldValues(values1: FieldValues, values2: FieldValues): FieldValues;
     areValuesEqual(values1: FieldValues, values2: FieldValues): boolean;