@digigov/form 2.0.0-8de46296 → 2.0.0-a0ac149e

package/installation.mdx

@@ -1,68 +0,0 @@
----
-id: Installation
-title: Installing Digigov Form
-sidebar_label: Installation
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-import CodeBlock from '@theme/CodeBlock';
-import LeadText from '@site/src/components/LeadText';
-
-<LeadText>
-  This page will help you install Digigov Form depending on the framework that
-  you use and the application architecture.
-</LeadText>
-
-We assume that your stack uses some of the following tools.
-
-- React v16 or later
-- Nextjs or create-react-app to run your code
-- Digigov CSS, as a CSS import or as Tailwind plugin
-
-## Using create-digigov-app
-
-We highly recommend using `create-digigov-app`. Our scaffolder was created to save development teams time and effort. This way
-everything you need is already configured.
-
-If you choose to use our scaffolder tool, make sure you follow this
-[guide](/docs/building-apps) first, if you haven't already done so.
-
-Then you just install the `@digigov/form` package from NPM.
-
-<Tabs>
-  <TabItem value="npm" label="NPM" default>
-    <CodeBlock>npm install @digigov/form --save</CodeBlock>
-  </TabItem>
-  <TabItem value="yarn" label="Yarn">
-    <CodeBlock>yarn add @digigov/form</CodeBlock>
-  </TabItem>
-</Tabs>
-
-## Using custom configuration
-
-This method is not recommended and you should proceed at your own risk. For
-Digigov Form to work properly, it is essential to do some configuration.
-
-- A working React application, ideally [Nextjs](https://nextjs.org/) or [Create
-  React App](https://create-react-app.dev/)
-- You should already have [installed and configured Digigov
-  CSS](https://guide.services.gov.gr/docs/installation)
-
-If you meet these prerequisites, now it is time to install the dependencies.
-
-Assuming that you have not used any of the Digigov libraries before, go ahead
-and install `@digigov/form` and it's dependencies.
-
-<Tabs>
-  <TabItem value="npm" label="NPM" default>
-    <CodeBlock>
-      npm install @digigov/form @digigov/ui @digigov/react-core --save
-    </CodeBlock>
-  </TabItem>
-  <TabItem value="yarn" label="Yarn">
-    <CodeBlock>
-      yarn add @digigov/form @digigov/ui @digigov/react-core
-    </CodeBlock>
-  </TabItem>
-</Tabs>

package/registry.d.ts

@@ -1,64 +0,0 @@
-declare const _default: {
-    '@digigov/form/Field/FieldBase': {};
-    '@digigov/form/Field/FieldBaseContainer': {};
-    '@digigov/form/Field/FieldConditional': {};
-    '@digigov/form/Field': {};
-    '@digigov/form/Field/types': {};
-    '@digigov/form/Field/utils': {};
-    '@digigov/form/FieldArray': {};
-    '@digigov/form/FieldObject': {};
-    '@digigov/form/Fieldset/FieldsetWithContext': {};
-    '@digigov/form/Fieldset': {};
-    '@digigov/form/Fieldset/types': {};
-    '@digigov/form/FormBuilder/FormBuilder': {};
-    '@digigov/form/FormBuilder': {};
-    '@digigov/form/FormContext': {};
-    '@digigov/form': {};
-    '@digigov/form/inputs/AutoCompleteInput': {};
-    '@digigov/form/inputs/Checkboxes': {};
-    '@digigov/form/inputs/DateInput': {};
-    '@digigov/form/inputs/FileInput': {};
-    '@digigov/form/inputs/ImageInput': {};
-    '@digigov/form/inputs': {};
-    '@digigov/form/inputs/Input': {};
-    '@digigov/form/inputs/Label': {};
-    '@digigov/form/inputs/OtpInput': {};
-    '@digigov/form/inputs/Radio': {};
-    '@digigov/form/inputs/Select': {};
-    '@digigov/form/internal': {};
-    '@digigov/form/MultiplicityField/add-objects': {};
-    '@digigov/form/MultiplicityField': {};
-    '@digigov/form/Questions/getNextStep': {};
-    '@digigov/form/Questions': {};
-    '@digigov/form/Questions/Questions': {};
-    '@digigov/form/Questions/QuestionsContext': {};
-    '@digigov/form/Questions/Step/getAddMoreFields': {};
-    '@digigov/form/Questions/Step': {};
-    '@digigov/form/Questions/Step/ReviewStep': {};
-    '@digigov/form/Questions/Step/Step': {};
-    '@digigov/form/Questions/Step/StepArrayReview': {};
-    '@digigov/form/Questions/Step/StepContext': {};
-    '@digigov/form/Questions/Step/StepDescription': {};
-    '@digigov/form/Questions/Step/StepForm': {};
-    '@digigov/form/Questions/Step/StepQuote': {};
-    '@digigov/form/Questions/Step/StepTitle': {};
-    '@digigov/form/Questions/Step/types': {};
-    '@digigov/form/Questions/types': {};
-    '@digigov/form/types': {};
-    '@digigov/form/utils': {};
-    '@digigov/form/validators': {};
-    '@digigov/form/validators/types': {};
-    '@digigov/form/validators/utils/afm': {};
-    '@digigov/form/validators/utils/file': {};
-    '@digigov/form/validators/utils/iban': {};
-    '@digigov/form/validators/utils/image': {};
-    '@digigov/form/validators/utils': {};
-    '@digigov/form/validators/utils/int': {};
-    '@digigov/form/validators/utils/number': {};
-    '@digigov/form/validators/utils/otp': {};
-    '@digigov/form/validators/utils/phone': {};
-    '@digigov/form/validators/utils/postal_code': {};
-    '@digigov/form/validators/utils/text_limit': {};
-    '@digigov/form/validators/utils/uuid4': {};
-};
-export default _default;

package/src/Field/index.mdx

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

package/src/Field/utils.ts

@@ -1,191 +0,0 @@
-import { lazy, useContext, useMemo } from 'react';
-import {
-  CalculatedField,
-  FieldComponentRegistry,
-  FieldProps,
-  FieldWithCondition,
-  UseFieldProps,
-} from '@digigov/form/Field/types';
-import { FormContext } from '@digigov/form/FormContext';
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-import DateInput from '@digigov/form/inputs/DateInput';
-import FileInput from '@digigov/form/inputs/FileInput';
-import ImageInput from '@digigov/form/inputs/ImageInput';
-import Input from '@digigov/form/inputs/Input';
-import OtpInput from '@digigov/form/inputs/OtpInput';
-import Radio from '@digigov/form/inputs/Radio';
-import Select from '@digigov/form/inputs/Select';
-import { FieldSpec } from '@digigov/form/types';
-
-const AutoCompleteInput = lazy(() =>
-  import('@digigov/form/inputs/AutoCompleteInput')
-);
-
-const FIELD_COMPONENTS: FieldComponentRegistry = {
-  text: {
-    component: Input,
-  },
-  string: {
-    component: Input,
-  },
-  file: {
-    wrapper: 'fieldset',
-    component: FileInput,
-  },
-  image: {
-    wrapper: 'fieldset',
-    component: ImageInput,
-  },
-  date: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: DateInput,
-  },
-  otp: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: OtpInput,
-  },
-  'choice:multiple': {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: Checkboxes,
-  },
-  'choice:single': {
-    wrapper: 'fieldset',
-    controlled: false,
-    component: Radio,
-  },
-};
-
-const ALTERNATIVE_COMPONENTS: FieldComponentRegistry = {
-  Select: {
-    component: Select,
-    controlled: false,
-  },
-  AutoComplete: {
-    component: AutoCompleteInput,
-    controlled: true,
-  },
-};
-
-export function calculateField(
-  children: FieldProps['children'],
-  field: FieldSpec,
-  componentRegistry?: FieldComponentRegistry
-): CalculatedField {
-  const calculatedField = { ...field };
-  const fieldComponentRegistry = { ...FIELD_COMPONENTS, ...componentRegistry };
-  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' &&
-    ALTERNATIVE_COMPONENTS[field.extra.component]
-  ) {
-    calculatedField.controlled =
-      ALTERNATIVE_COMPONENTS[field.extra.component]?.controlled || false;
-    calculatedField.component =
-      ALTERNATIVE_COMPONENTS[field.extra.component].component;
-  } 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;
-}
-
-export const useField = (
-  name: string,
-  customField: FieldSpec | null
-): UseFieldProps => {
-  const {
-    fieldsMap,
-    control,
-    register,
-    reset,
-    trigger,
-    clearErrors,
-    errors,
-    registerField,
-    watch,
-    componentRegistry,
-    getFieldState,
-    setValue,
-    getValues,
-    unregister,
-    formState,
-  } = useContext(FormContext);
-
-  if (!registerField) {
-    throw new Error(`
-      You can't use the Field component without wrapping it in FormBuilder.
-      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/
-    `);
-  }
-
-  useMemo(
-    () => customField?.type && registerField({ ...customField, key: name }),
-    [customField, name, registerField]
-  );
-  return {
-    field: customField || fieldsMap[name],
-    control,
-    register,
-    reset,
-    trigger,
-    watch,
-    componentRegistry,
-    getFieldState,
-    setValue,
-    clearErrors,
-    getValues,
-    unregister,
-    formState,
-    error: errors[name],
-  };
-};
-
-export function evaluateFieldWithConditions(
-  field: FieldWithCondition,
-  variables: FormData
-): CalculatedField {
-  const newField = { ...field };
-  if (variables) {
-    for (const key in variables) {
-      if (field.condition[key] && field.condition[key].is) {
-        const is = field.condition[key].is;
-        if (
-          is === variables[key] ||
-          (Array.isArray(variables[key]) && variables[key].includes(is))
-        ) {
-          const then = field.condition[key].then || {};
-          for (const attr in then) {
-            newField[attr] = then[attr];
-          }
-        }
-      } else if (field.condition[key]) {
-        const otherwise = field.condition[key].else || {};
-        for (const attr in otherwise) {
-          newField[attr] = otherwise[attr];
-        }
-      }
-    }
-  }
-  return newField;
-}

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"
-        }
-      ]
-    }
-  }
-}