@digigov/form 2.0.0-85c27c19 → 2.0.0-8bbad051

package/src/Field/index.mdx

@@ -1,6 +0,0 @@
----
-title: Form
-parent: docs/form/components
----
-
-hello md

package/src/Field/utils/calculateField.ts

@@ -1,49 +0,0 @@
-import {
-  FieldProps,
-  FieldSpec,
-  FieldComponentRegistry,
-  CalculatedField,
-} from '@digigov/form/Field/types';
-
-export function calculateField(
-  children: FieldProps['children'],
-  field: FieldSpec,
-  fieldComponentRegistry: FieldComponentRegistry,
-  alternativeComponents: FieldComponentRegistry
-): CalculatedField {
-  const calculatedField = { ...field };
-  if (children) {
-    calculatedField.component = children;
-    calculatedField.controlled = true;
-  } else if (typeof field.component === 'function') {
-    // leave as is
-  } else if (!field.component && !field.type) {
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled =
-      fieldComponentRegistry.string?.controlled || false;
-  } else if (
-    typeof field?.extra?.component === 'string' &&
-    alternativeComponents[field.extra.component]
-  ) {
-    calculatedField.controlled =
-      alternativeComponents[field.extra.component]?.controlled || false;
-    calculatedField.component =
-      alternativeComponents[field.extra.component].component;
-    calculatedField.wrapper =
-      alternativeComponents[field.extra.component].wrapper;
-  } else if (
-    !field.component &&
-    field.type &&
-    fieldComponentRegistry[field.type]
-  ) {
-    calculatedField.component = fieldComponentRegistry[field.type].component;
-    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled =
-      fieldComponentRegistry[field.type]?.controlled || false;
-  } else {
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled =
-      fieldComponentRegistry.string?.controlled || false;
-  }
-  return calculatedField as CalculatedField;
-}

package/src/index.tsx

@@ -1,178 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useCallback, useContext, useRef } from 'react';
-import { useForm } from 'react-hook-form';
-import Field from '@digigov/form/Field';
-import Fieldset from '@digigov/form/Fieldset';
-import { FormContext } from '@digigov/form/FormContext';
-import { FormBaseProps, FormData, FormBuilderProps } from '@digigov/form/types';
-import { yupResolver } from '@digigov/form/utils';
-import { useValidationSchema } from '@digigov/form/validators';
-import { Form } from '@digigov/react-core/Form';
-import { Button } from '@digigov/ui/form/Button';
-
-const FormBase = React.forwardRef(function FormBase(
-  {
-    onSubmit,
-    children,
-    registerField,
-    fieldsMap,
-    fieldsetsMap,
-    resolver,
-    mode,
-    initial,
-    reValidateMode,
-    shouldFocusError,
-    criteriaMode,
-    componentRegistry,
-    grid,
-    ...props
-  }: FormBaseProps,
-  ref: React.Ref<HTMLFormElement>
-) {
-  const form = useForm({
-    resolver,
-    mode,
-    defaultValues: initial,
-    reValidateMode,
-    shouldFocusError,
-    criteriaMode,
-  });
-
-  const handleSubmit = useCallback(
-    (data: FormData): void => {
-      onSubmit && onSubmit(data);
-    },
-    [onSubmit]
-  );
-  const submit = form.handleSubmit(handleSubmit);
-
-  const ctx = {
-    fieldsMap,
-    fieldsetsMap,
-    control: form.control,
-    register: form.register,
-    watch: form.watch,
-    resetField: form.resetField,
-    registerField: registerField,
-    errors: form.formState.errors,
-    formState: form.formState,
-    reset: form.reset,
-    trigger: form.trigger,
-    getFieldState: form.getFieldState,
-    setValue: form.setValue,
-    clearErrors: form.clearErrors,
-    getValues: form.getValues,
-    unregister: form.unregister,
-    componentRegistry,
-    setError: form.setError,
-    formRef: ref,
-    submit,
-  };
-  return (
-    <FormContext.Provider value={ctx}>
-      <Form grid={grid} onSubmit={submit} ref={ref} {...props}>
-        {children}
-      </Form>
-    </FormContext.Provider>
-  );
-});
-
-const useFormContext = () => {
-  return useContext(FormContext);
-};
-const useFormValues = () => {
-  const ctx = useFormContext();
-  return ctx.getValues();
-};
-const FormBuilder = React.forwardRef(function FormBuilder(
-  {
-    fields = [],
-    fieldsets,
-    initial = {},
-    onSubmit,
-    children,
-    reValidateMode = 'onSubmit',
-    mode = 'onSubmit',
-    shouldFocusError = true,
-    criteriaMode = 'all',
-    auto = false,
-    validatorRegistry,
-    componentRegistry,
-    grid = false,
-    ...props
-  }: FormBuilderProps,
-  ref: React.Ref<HTMLFormElement>
-): React.ReactElement {
-  const fieldsState = useRef(fields);
-  const setFieldsState = useCallback((newFields) => {
-    fieldsState.current = newFields;
-  }, []);
-  const schema = useValidationSchema(fieldsState, validatorRegistry);
-  const registerField = useCallback((field) => {
-    const fieldIndex = fieldsState.current.findIndex(
-      (f) => f.key === field.key
-    );
-    if (fieldIndex > -1) {
-      fieldsState.current[fieldIndex] = field;
-    } else {
-      fieldsState.current.push(field);
-    }
-    setFieldsState(fieldsState.current);
-  }, []);
-  let resolver;
-  let fieldsMap;
-  let fieldsetsMap;
-  let fieldChildren;
-  if (schema) {
-    resolver = yupResolver(schema);
-    fieldsMap = fields
-      ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {})
-      : {};
-    fieldsetsMap =
-      fieldsets &&
-      fieldsets.reduce(
-        (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),
-        {}
-      );
-
-    if (auto) {
-      if (fieldsets) {
-        fieldChildren = fieldsets.map((fieldset) => (
-          <Fieldset key={fieldset.key} />
-        ));
-      } else if (fields) {
-        fieldChildren = fields.map((field) => (
-          <Field key={field.key} name={field.key} />
-        ));
-      }
-    }
-  }
-  return (
-    <FormBase
-      resolver={resolver}
-      fieldsetsMap={fieldsetsMap}
-      fieldsMap={fieldsMap}
-      registerField={registerField}
-      initial={initial}
-      reValidateMode={reValidateMode}
-      mode={mode}
-      shouldFocusError={shouldFocusError}
-      criteriaMode={criteriaMode}
-      onSubmit={onSubmit}
-      componentRegistry={componentRegistry}
-      ref={ref}
-      grid={grid}
-      {...props}
-    >
-      {fieldChildren}
-      {auto && <Button type="submit">Συνέχεια</Button>}
-      {children}
-    </FormBase>
-  );
-});
-
-export { FormBase, useFormContext, useFormValues, FormBuilder };
-
-export * from '@digigov/form/internal';
-
-export default FormBuilder;

package/src/inputs/ImageInput/index.mdx

@@ -1,19 +0,0 @@
----
-title: Image Input
----
- 
-# Image input
-
-
-
-Input element of type `image` defines an image as a submit button, i.e. submit buttons that take the form of an image rather than text.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/ImageInput"
-  story="Default.tsx"
-/>

package/src/inputs/Input/index.mdx

@@ -1,95 +0,0 @@
----
-title: Input
----
- 
-# Input
-
-
-
-The input element of type `string` is used to create interactive controls for web-based forms in order to accept data from the user; 
-a wide variety of types of input data and control widgets are available, depending on the device and user agent. The input element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
-
-## How to use
-
-### String
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="String.tsx"
-/>
-
-### Boolean
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="Boolean.tsx"
-/>
-### AFM
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="AFM.tsx"
-/>
-
-### IBAN
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="IBAN.tsx"
-/>
-
-### Integer
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="Integer.tsx"
-/>
-
-### Landline number
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="LandlineNumber.tsx"
-/>
-
-### Mobile phone 
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="MobilePhone.tsx"
-/>
-
-### Phone number
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="PhoneNumber.tsx"
-/>
-
-### Postal code 
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="PostalCode.tsx"
-/>
-
-### Text with character limit 
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Input"
-  story="TextWithLimit.tsx"
-/>
-
-
-
-