@overmap-ai/forms 1.0.37 → 1.0.39-add-urlfield-with-url-input.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,6 @@ import { FieldType } from '../fields';
2
2
  export declare const useFieldTypeItems: (onSelect?: (type: Exclude<FieldType, "section">) => void) => {
3
3
  children: string;
4
4
  icon: import("react/jsx-runtime").JSX.Element;
5
- value: "string" | "number" | "boolean" | "select" | "text" | "radio" | "date" | "checkbox-list" | "pass-fail" | "multi-select" | "multi-string" | "rating" | "qr" | "upload" | "otp";
5
+ value: "string" | "number" | "boolean" | "select" | "text" | "radio" | "url" | "date" | "checkbox-list" | "pass-fail" | "multi-select" | "multi-string" | "rating" | "qr" | "upload" | "otp";
6
6
  onSelect: () => void;
7
7
  }[];
@@ -1,5 +1,5 @@
1
- import { BooleanFieldCondition, CheckboxListFieldCondition, DateFieldCondition, MultiSelectFieldCondition, MultiStringFieldCondition, NumberFieldCondition, OTPFieldCondition, PassFailFieldCondition, RadioFieldCondition, RatingFieldCondition, ScanFieldCondition, SelectFieldCondition, StringFieldCondition, TextFieldCondition, UploadFieldCondition } from '../conditions';
1
+ import { BooleanFieldCondition, CheckboxListFieldCondition, DateFieldCondition, MultiSelectFieldCondition, MultiStringFieldCondition, NumberFieldCondition, OTPFieldCondition, PassFailFieldCondition, RadioFieldCondition, RatingFieldCondition, ScanFieldCondition, SelectFieldCondition, StringFieldCondition, TextFieldCondition, UploadFieldCondition, URLFieldCondition } from '../conditions';
2
2
  import { Field, FieldCreationSchemaObject, FieldType } from '../fields';
3
3
  export declare const createField: (type: Exclude<FieldType, "section">) => Field;
4
- export declare const createCondition: (field: Field) => BooleanFieldCondition | CheckboxListFieldCondition | DateFieldCondition | MultiSelectFieldCondition | MultiStringFieldCondition | NumberFieldCondition | OTPFieldCondition | PassFailFieldCondition | RadioFieldCondition | RatingFieldCondition | ScanFieldCondition | SelectFieldCondition | StringFieldCondition | TextFieldCondition | UploadFieldCondition;
4
+ export declare const createCondition: (field: Field) => BooleanFieldCondition | CheckboxListFieldCondition | DateFieldCondition | MultiSelectFieldCondition | MultiStringFieldCondition | NumberFieldCondition | OTPFieldCondition | PassFailFieldCondition | RadioFieldCondition | RatingFieldCondition | ScanFieldCondition | SelectFieldCondition | StringFieldCondition | TextFieldCondition | UploadFieldCondition | URLFieldCondition;
5
5
  export declare const getFieldCreationSchema: (type: FieldType, path: string) => FieldCreationSchemaObject[] | undefined;
@@ -0,0 +1,18 @@
1
+ import { ReactNode } from 'react';
2
+ import { SerializedURLCondition, URLConditionModifiers } from './typings';
3
+ import { URLField, ValueOfField } from '../../fields';
4
+ import { BaseCondition, BaseConditionOptions, ConditionRenderProps } from '../BaseCondition';
5
+ export interface URLFieldConditionOptions extends BaseConditionOptions<URLField, string, URLConditionModifiers> {
6
+ }
7
+ export declare class URLFieldCondition extends BaseCondition<URLField, string, string, string, URLConditionModifiers, URLFieldCondition> {
8
+ readonly modifiers: {
9
+ equals: import('../..').FieldConditionModifierConfig<string, string, string, string, string, string>;
10
+ notEquals: import('../..').FieldConditionModifierConfig<string, string, string, string, string, string>;
11
+ includes: import('../..').FieldConditionModifierConfig<string, string, string, string, string, string>;
12
+ excludes: import('../..').FieldConditionModifierConfig<string, string, string, string, string, string>;
13
+ };
14
+ constructor(options: URLFieldConditionOptions);
15
+ transformValue(value: ValueOfField<URLField>): string;
16
+ static deserialize(serializedCondition: SerializedURLCondition, field: URLField): URLFieldCondition;
17
+ render(props: ConditionRenderProps<URLFieldCondition>): ReactNode;
18
+ }
@@ -0,0 +1,6 @@
1
+ import { BaseConditionCellProps } from '../BaseCondition';
2
+ import { URLFieldCondition } from './URLFieldCondition';
3
+ interface URLFieldConditionCellProps extends BaseConditionCellProps<URLFieldCondition> {
4
+ }
5
+ export declare const URLFieldConditionCell: (props: URLFieldConditionCellProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,3 @@
1
+ export * from './URLFieldCondition';
2
+ export * from './URLFieldConditionCell';
3
+ export * from './typings';
@@ -0,0 +1,4 @@
1
+ import { TypeOfField, URLField } from '../../fields';
2
+ import { BaseSerializedCondition } from '../BaseCondition';
3
+ export type URLConditionModifiers = "equals" | "notEquals" | "includes" | "excludes";
4
+ export type SerializedURLCondition = BaseSerializedCondition<TypeOfField<URLField>, string, URLConditionModifiers>;
@@ -13,12 +13,14 @@ import { SelectFieldCondition } from './SelectFieldCondition';
13
13
  import { StringFieldCondition } from './StringFieldCondition';
14
14
  import { TextFieldCondition } from './TextFieldCondition';
15
15
  import { UploadFieldCondition } from './UploadFieldCondition';
16
+ import { URLFieldCondition } from './URLFieldCondition';
16
17
  export declare const ConditionTypeToClsMapping: {
17
18
  date: typeof DateFieldCondition;
18
19
  number: typeof NumberFieldCondition;
19
20
  boolean: typeof BooleanFieldCondition;
20
21
  select: typeof SelectFieldCondition;
21
22
  string: typeof StringFieldCondition;
23
+ url: typeof URLFieldCondition;
22
24
  text: typeof TextFieldCondition;
23
25
  upload: typeof UploadFieldCondition;
24
26
  qr: typeof ScanFieldCondition;
@@ -16,4 +16,5 @@ export * from './StringFieldCondition';
16
16
  export * from './TextFieldCondition';
17
17
  export type * from './typings';
18
18
  export * from './UploadFieldCondition';
19
+ export * from './URLFieldCondition';
19
20
  export * from './utils';
@@ -14,9 +14,10 @@ import { SelectFieldCondition, SerializedSelectCondition } from './SelectFieldCo
14
14
  import { SerializedStringCondition, StringFieldCondition } from './StringFieldCondition';
15
15
  import { SerializedTextCondition, TextFieldCondition } from './TextFieldCondition';
16
16
  import { SerializedUploadCondition, UploadFieldCondition } from './UploadFieldCondition';
17
- export type Condition = BooleanFieldCondition | CheckboxListFieldCondition | PassFailFieldCondition | DateFieldCondition | MultiSelectFieldCondition | MultiStringFieldCondition | NumberFieldCondition | RadioFieldCondition | RatingFieldCondition | ScanFieldCondition | SelectFieldCondition | StringFieldCondition | TextFieldCondition | UploadFieldCondition | OTPFieldCondition;
18
- export type SerializedCondition = SerializedTextCondition | SerializedBooleanCondition | SerializedNumberCondition | SerializedDateCondition | SerializedStringCondition | SerializedSelectCondition | SerializedMultiStringCondition | SerializedMultiSelectCondition | SerializedUploadCondition | SerializedScanCondition | SerializedRadioCondition | SerializedRatingCondition | SerializedCheckboxListCondition | SerializedPassFailFieldCondition | SerializedOTPCondition;
19
- export type ConditionClass = typeof BooleanFieldCondition | typeof CheckboxListFieldCondition | typeof PassFailFieldCondition | typeof DateFieldCondition | typeof MultiSelectFieldCondition | typeof MultiStringFieldCondition | typeof NumberFieldCondition | typeof RadioFieldCondition | typeof RatingFieldCondition | typeof ScanFieldCondition | typeof SelectFieldCondition | typeof StringFieldCondition | typeof TextFieldCondition | typeof UploadFieldCondition | typeof OTPFieldCondition;
17
+ import { SerializedURLCondition, URLFieldCondition } from './URLFieldCondition';
18
+ export type Condition = BooleanFieldCondition | CheckboxListFieldCondition | PassFailFieldCondition | DateFieldCondition | MultiSelectFieldCondition | MultiStringFieldCondition | NumberFieldCondition | RadioFieldCondition | RatingFieldCondition | ScanFieldCondition | SelectFieldCondition | StringFieldCondition | TextFieldCondition | UploadFieldCondition | URLFieldCondition | OTPFieldCondition;
19
+ export type SerializedCondition = SerializedTextCondition | SerializedBooleanCondition | SerializedNumberCondition | SerializedDateCondition | SerializedStringCondition | SerializedURLCondition | SerializedSelectCondition | SerializedMultiStringCondition | SerializedMultiSelectCondition | SerializedUploadCondition | SerializedScanCondition | SerializedRadioCondition | SerializedRatingCondition | SerializedCheckboxListCondition | SerializedPassFailFieldCondition | SerializedOTPCondition;
20
+ export type ConditionClass = typeof BooleanFieldCondition | typeof CheckboxListFieldCondition | typeof PassFailFieldCondition | typeof DateFieldCondition | typeof MultiSelectFieldCondition | typeof MultiStringFieldCondition | typeof NumberFieldCondition | typeof RadioFieldCondition | typeof RatingFieldCondition | typeof ScanFieldCondition | typeof SelectFieldCondition | typeof StringFieldCondition | typeof TextFieldCondition | typeof UploadFieldCondition | typeof URLFieldCondition | typeof OTPFieldCondition;
20
21
  export interface FieldConditionManager<TCondition extends AnyCondition> {
21
22
  readonly conditions: Record<string, TCondition[]>;
22
23
  getConditions(identifier: string): TCondition[];
@@ -0,0 +1,28 @@
1
+ import { ReactNode } from 'react';
2
+ import { SerializedURLField } from './typings';
3
+ import { BaseField, FieldOptions } from '../BaseField';
4
+ import { FieldRenderProps } from '../BaseFormElement';
5
+ export interface URLFieldOptions extends FieldOptions {
6
+ placeholder?: string;
7
+ }
8
+ export declare class URLField extends BaseField<"url", URL | null, string | null, URLField> {
9
+ readonly type = "url";
10
+ static readonly fieldTypeName = "URL";
11
+ static readonly fieldTypeDescription = "Allows users to enter a URL.";
12
+ placeholder: string;
13
+ constructor(options: URLFieldOptions);
14
+ serialize(): SerializedURLField;
15
+ getOptions(): URLFieldOptions;
16
+ duplicate(identifier: string): URLField;
17
+ setOptions(options: Partial<URLFieldOptions>): void;
18
+ static deserialize(data: SerializedURLField): URLField;
19
+ serializeValue(value: URL | null): string | null;
20
+ deserializeValue(value: string | null): URL | null;
21
+ isSerializedValue(value: unknown): value is string | null;
22
+ isValue(value: unknown): value is URL | null;
23
+ blankValue(): URL | null;
24
+ blankSerializedValue(): string | null;
25
+ areSerializedValuesEqual(value1: string | null, value2: string | null): boolean;
26
+ areValuesEqual(value1: URL | null, value2: URL | null): boolean;
27
+ render(props: FieldRenderProps): ReactNode;
28
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,7 @@
1
+ import { URLField } from './URLField';
2
+ import { FieldRenderProps } from '../BaseFormElement';
3
+ interface URLFieldInputProps extends FieldRenderProps {
4
+ field: URLField;
5
+ }
6
+ export declare const URLFieldInput: import('react').NamedExoticComponent<URLFieldInputProps>;
7
+ export {};
@@ -0,0 +1 @@
1
+ export declare const INVALID_URL_FIELD_ERROR_MESSAGE = "Enter a valid url";
@@ -0,0 +1,4 @@
1
+ export * from './URLField';
2
+ export * from './URLFieldInput';
3
+ export * from './constants';
4
+ export type * from './typings';
@@ -0,0 +1,4 @@
1
+ import { BaseSerializedField } from '../BaseField';
2
+ export interface SerializedURLField extends BaseSerializedField<"url"> {
3
+ placeholder?: string;
4
+ }
@@ -15,12 +15,14 @@ import { SelectField } from './SelectField';
15
15
  import { StringField } from './StringField';
16
16
  import { TextField } from './TextField';
17
17
  import { UploadField } from './UploadField';
18
+ import { URLField } from './URLField';
18
19
  export declare const FieldTypeToClsMapping: {
19
20
  date: typeof DateField;
20
21
  number: typeof NumberField;
21
22
  boolean: typeof BooleanField;
22
23
  select: typeof SelectField;
23
24
  string: typeof StringField;
25
+ url: typeof URLField;
24
26
  text: typeof TextField;
25
27
  upload: typeof UploadField;
26
28
  qr: typeof ScanField;
@@ -23,4 +23,5 @@ export * from './StringField';
23
23
  export * from './TextField';
24
24
  export type * from './typings';
25
25
  export * from './UploadField';
26
+ export * from './URLField';
26
27
  export * from './utils';
@@ -16,17 +16,18 @@ import { SelectField, SerializedSelectField } from './SelectField';
16
16
  import { SerializedStringField, StringField } from './StringField';
17
17
  import { SerializedTextField, TextField } from './TextField';
18
18
  import { SerializedUploadField, UploadField } from './UploadField';
19
+ import { SerializedURLField, URLField } from './URLField';
19
20
  export type AnyFormElement = BaseFormElement<any, any>;
20
21
  export type AnyField = BaseField<any, any, any, any>;
21
22
  export type TypeOfField<TField extends AnyFormElement> = TField extends BaseFormElement<infer TType, infer _TThis> ? TType : never;
22
23
  export type ValueOfField<TField extends AnyField> = TField extends BaseField<infer _TType, infer TValue, infer _TSerializedValue, infer _TThis> ? TValue : never;
23
24
  export type SerializedValueOfField<TField extends AnyField> = TField extends BaseField<infer _TType, infer _TValue, infer TSerializedValue, infer _TThis> ? TSerializedValue : never;
24
- export type Field = BooleanField | CheckboxListField | PassFailField | DateField | MultiSelectField | MultiStringField | NumberField | RadioField | RatingField | ScanField | SelectField | StringField | TextField | UploadField | OTPField;
25
- export type FieldClass = typeof BooleanField | typeof CheckboxListField | typeof PassFailField | typeof DateField | typeof MultiSelectField | typeof MultiStringField | typeof NumberField | typeof RadioField | typeof RatingField | typeof ScanField | typeof SelectField | typeof StringField | typeof TextField | typeof UploadField | typeof OTPField;
25
+ export type Field = BooleanField | CheckboxListField | PassFailField | DateField | MultiSelectField | MultiStringField | NumberField | RadioField | RatingField | ScanField | SelectField | StringField | TextField | UploadField | URLField | OTPField;
26
+ export type FieldClass = typeof BooleanField | typeof CheckboxListField | typeof PassFailField | typeof DateField | typeof MultiSelectField | typeof MultiStringField | typeof NumberField | typeof RadioField | typeof RatingField | typeof ScanField | typeof SelectField | typeof StringField | typeof TextField | typeof UploadField | typeof URLField | typeof OTPField;
26
27
  export type FieldType = TypeOfField<Field> | TypeOfField<FieldSection>;
27
28
  export type FieldValue = ValueOfField<Field>;
28
29
  export type SerializedFieldValue = SerializedValueOfField<Field>;
29
- export type SerializedField = SerializedTextField | SerializedBooleanField | SerializedNumberField | SerializedDateField | SerializedStringField | SerializedSelectField | SerializedFieldSection | SerializedMultiStringField | SerializedMultiSelectField | SerializedUploadField | SerializedScanField | SerializedRadioField | SerializedRatingField | SerializedCheckboxListField | SerializedOTPField | SerializedPassFailField;
30
+ export type SerializedField = SerializedTextField | SerializedBooleanField | SerializedNumberField | SerializedDateField | SerializedStringField | SerializedURLField | SerializedSelectField | SerializedFieldSection | SerializedMultiStringField | SerializedMultiSelectField | SerializedUploadField | SerializedScanField | SerializedRadioField | SerializedRatingField | SerializedCheckboxListField | SerializedOTPField | SerializedPassFailField;
30
31
  export type SerializedOnlyField = Exclude<SerializedField, SerializedFieldSection>;
31
32
  export interface FieldsManager {
32
33
  readonly fields: Field[];