@digigov/form 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/src/FieldArray/FieldArray.stories.playwright.json

@@ -1,353 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-fieldarray--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Προσθήκη συνυπογράφοντα"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Συνέχεια"
-              }
-            },
-            {
-              "name": "waitForSelector",
-              "args": {
-                "selector": "text=Το πεδίο πρέπει να έχει τουλάχιστον 2 εγγραφές. Προσθέστε μια ακόμα επιλέγοντας την απάντηση «Ναι» στην επόμενη ερώτηση.",
-                "options": {
-                  "state": "visible"
-                }
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Προσθήκη συνυπογράφοντα",
-                "options": {
-                  "clickCount": 2
-                }
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Συνέχεια"
-              }
-            },
-            {
-              "name": "waitForSelector",
-              "args": {
-                "selector": "text=Το πεδίο είναι υποχρεωτικό.",
-                "options": {
-                  "state": "visible"
-                }
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "2107474274"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "iMmV-vvS4iNn",
-          "title": "Add new items to FieldArray"
-        },
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "Lhj8o_MByws7",
-          "title": "Validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body",
-                "text": "hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Jon"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Doe"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Mar"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "P"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "6977777777"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "OCWrR7oFA3YV",
-          "title": "add 2 items"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body",
-                "text": "hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Jon"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Doe"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Mar"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "P"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(3)>div>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "6977777777"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "8ZxUUjo0Yxnr",
-          "title": "add 2 items and remove 1"
-        }
-      ]
-    },
-    "digigov-form-fieldarray--with-exact-length": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "WG3dAbfXa-Sn",
-          "title": "validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
-                "text": "Hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Μάρω"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Μενεξέ"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Ηλέκτρα"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Αποστόλου"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "6977654321"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "-U0EryxXC-g7",
-          "title": "add exact length of items"
-        }
-      ]
-    }
-  }
-}

package/src/FormBuilder/FormBuilder.stories.playwright.json

@@ -1,52 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-formbuilder--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "96MZZJqDNLCc",
-          "title": "type and submit"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Enter"
-              }
-            }
-          ],
-          "id": "El5R6WiI7IMr",
-          "title": "focus and show validation error"
-        }
-      ]
-    }
-  }
-}

package/src/FormBuilder/FormBuilder.tsx

@@ -1,166 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useCallback, 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';
-
-export 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 ctx = {
-    fieldsMap,
-    fieldsetsMap,
-    control: form.control,
-    register: form.register,
-    watch: form.watch,
-    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,
-  };
-  return (
-    <FormContext.Provider value={ctx}>
-      <Form
-        grid={grid}
-        onSubmit={form.handleSubmit(handleSubmit)}
-        ref={ref}
-        {...props}
-      >
-        {children}
-      </Form>
-    </FormContext.Provider>
-  );
-});
-
-export 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}
-      {children}
-    </FormBase>
-  );
-});
-
-export default FormBuilder;