@digigov/form 2.0.0-cbc56209 → 2.0.0-d4fe516b

package/inputs/Select/Select.stories.playwright.json

@@ -1,22 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-select--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "selectHtmlOption",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>select",
-                "values": "greece"
-              }
-            }
-          ],
-          "id": "nGzokC6y1_5m",
-          "title": "select option"
-        }
-      ]
-    }
-  }
-}

package/inputs/Select/__stories__/Default/index.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:single",
-    required: true,
-    label: {
-      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
-    },
-    extra: {
-      component: 'Select',
-      options: [{
-        label: {
-          primary: ''
-        },
-        value: ''
-      }, {
-        label: {
-          primary: 'Ελλάδα'
-        },
-        value: 'greece'
-      }, {
-        label: {
-          primary: 'Κύπρος'
-        },
-        value: 'cyprus'
-      }, {
-        label: {
-          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
-        },
-        value: 'eu'
-      }, {
-        label: {
-          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
-        },
-        value: 'usa'
-      }]
-    }
-  }), _ref);
-};
-export default Default;

package/inputs/Select/__stories__/Default/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/Select/__stories__/Default/index.js"
-}

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/lazy.d.ts

@@ -1,69 +0,0 @@
-declare namespace _default {
-    let FieldBase: import("react").LazyExoticComponent<import("react").FC<import("./Field/types").FieldBaseProps>>;
-    let FieldBaseContainer: import("react").LazyExoticComponent<import("react").FC<import("./Field/types").FieldContainerProps>>;
-    let FieldConditional: import("react").LazyExoticComponent<import("react").FC<import("./Field/types").FieldConditionalProps>>;
-    let Field: import("react").LazyExoticComponent<import("react").FC<import("./Field/types").FieldProps>>;
-    let FieldArray: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/FieldArray").FieldArrayProps>>;
-    let FieldObject: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/FieldObject").FieldObjectProps>>;
-    let FieldsetWithContext: import("react").LazyExoticComponent<import("react").FC<{
-        name: string;
-    }>>;
-    let Fieldset: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Pick<import("@digigov/ui").FieldsetProps, "onBlur" | "onChange" | "onSubmit" | "key" | "name" | "defaultValue" | "as" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "p" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "hidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "form" | "slot" | "style" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled"> & import("react").RefAttributes<HTMLFieldSetElement>>>;
-    let FieldsetBody: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types").FieldsetBodyProps>>;
-    let FieldsetCaption: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types").FieldsetCaptionProps>>;
-    let FieldsetLabel: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types").FieldsetLabelProps>>;
-    let FormBase: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("@digigov/form/internal").FormBaseProps & import("react").RefAttributes<HTMLFormElement>>>;
-    let FormBuilder: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("@digigov/form/internal").FormBuilderProps & import("react").RefAttributes<HTMLFormElement>>>;
-    let FormContext: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let Checkboxes: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").CheckboxesProps>>;
-    let DateInput: import("react").LazyExoticComponent<({ name, type, ...props }: {
-        [x: string]: any;
-        name: any;
-        type: any;
-    }) => JSX.Element>;
-    let FileInput: import("react").LazyExoticComponent<import("react").FC<any>>;
-    let Input: import("react").LazyExoticComponent<import("react").ExoticComponent<import("@digigov/form/internal").InputProps>>;
-    let Label: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").LabelProps>>;
-    let Questions: import("react").LazyExoticComponent<import("react").FC<import("./Questions/types").QuestionsInterface>>;
-    let Radio: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").RadioButtonsGroupProps>>;
-    let Select: import("react").LazyExoticComponent<import("react").ExoticComponent<import("@digigov/form/internal").SelectProps>>;
-    let Step: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepInterface>>;
-    let ReviewStep: import("react").LazyExoticComponent<() => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
-    let StepArrayReview: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepArrayReviewInterface>>;
-    let StepContext: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let StepDescription: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepDescriptionInterface>>;
-    let StepDescriptionBase: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepDescriptionInterface>>;
-    let StepForm: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepFormProps>>;
-    let StepQuote: import("react").LazyExoticComponent<import("react").FC<import("@digigov/ui").ParagraphProps>>;
-    let StepTitle: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepTitleInterface>>;
-    let StepTitleBase: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").StepTitleInterface>>;
-    let StepTitleHeading: import("react").LazyExoticComponent<import("react").FC<import("@digigov/ui").HeadingProps>>;
-    let RadioButtonsGroup: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").RadioButtonsGroupProps>>;
-    let ImageInput: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/ImageInput").ImageInputProps>>;
-    let OtpInput: import("react").LazyExoticComponent<({ name, maxLength, ...props }: {
-        [x: string]: any;
-        name: any;
-        maxLength?: number | undefined;
-    }) => JSX.Element>;
-    let AutoCompleteInput: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/AutoCompleteInput").AutoCompleteInputProps>>;
-    let Image: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/ImageInput").ImageProps>>;
-    let REMOVE_SPACES: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let RE_DIGIT: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let AddObjects: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/MultiplicityField/add-objects").AddObjectsProps>>;
-    let ListObject: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/MultiplicityField").ListObjectProps>>;
-    let Multiplicity: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/MultiplicityField").MultiplicityProps>>;
-    let QuestionsContext: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let AFM_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let FILE_MAX_SIZE_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let IBAN_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let IMAGE_DIMENSION_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let OTP_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let MOBILE_PHONE_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let PHONE_NUMBER_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let POSTALCODE_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let UUID4_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let TEXT_LIMIT_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let INT_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let NUMBER_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-}
-export default _default;

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