@digigov/form 2.0.0-b15d5d44 → 2.0.0-b19b7fe2

package/Field/ErrorGroup/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/Field/ErrorGroup/index.js"
-}

package/Field/ErrorGroup.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ErrorOption } from 'react-hook-form';
-import { FieldLabelProps } from '@digigov/form/Field/types';
-import { Breakpoints } from '@digigov/ui/utils/hooks/useScreen';
-interface ErrorGroupContextType {
-    setError: (name?: string, label?: FieldLabelProps, error?: ErrorOption) => void;
-}
-export declare const ErrorGroupContext: React.Context<ErrorGroupContextType | null>;
-export interface ErrorGroupProps {
-    children: React.ReactNode;
-    screenSize?: Breakpoints | undefined;
-    fieldOrder?: any[];
-}
-export declare const ErrorGroup: React.FC<ErrorGroupProps>;
-export default ErrorGroup;

package/Field/ErrorGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Field/ErrorGroup.tsx"],
-  "sourcesContent": ["import React, { createContext, useEffect, useState } from 'react';\nimport { ErrorOption } from 'react-hook-form';\nimport { FieldLabelProps } from '@digigov/form/Field/types';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Base } from '@digigov/ui/utils/Base';\nimport { Breakpoints } from '@digigov/ui/utils/hooks/useScreen';\ninterface ErrorGroupContextType {\n  setError: (\n    name?: string,\n    label?: FieldLabelProps,\n    error?: ErrorOption\n  ) => void;\n}\nexport const ErrorGroupContext = createContext<ErrorGroupContextType | null>(\n  null\n);\n\nexport interface ErrorGroupProps {\n  children: React.ReactNode;\n  screenSize?: Breakpoints | undefined;\n  fieldOrder?: any[];\n}\n\nexport const ErrorGroup: React.FC<ErrorGroupProps> = ({\n  children,\n  screenSize,\n  fieldOrder,\n}) => {\n  const [errors, setErrors] = useState<ErrorOption>({});\n  const { t } = useTranslation();\n  const setError = (name, label, error) => {\n    if (errors[name] !== error && errors[name]?.message !== error?.message) {\n      if (!error?.message) {\n        const updatedErrors = { ...errors };\n        delete updatedErrors[name];\n        setErrors(updatedErrors);\n      } else {\n        setErrors({\n          ...errors,\n          [name]: {\n            ...error,\n            label: label.primary,\n          },\n        });\n      }\n    }\n  };\n\n  useEffect(() => {\n    setErrors({});\n  }, [screenSize]);\n  return (\n    <ErrorGroupContext.Provider value={{ setError }}>\n      {Object.keys(errors).length !== 0 && (\n        <ErrorSummary variant=\"error-group\">\n          <Heading size=\"sm\">\n            \u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.{' '}\n          </Heading>\n          <List listStyle=\"bullet\">\n            {(fieldOrder || Object.keys(errors).reverse())\n              .filter((fieldName) => errors[fieldName])\n              .map((fieldName, index) => {\n                return (\n                  <ListItem key={index} id={`${fieldName}-error`}>\n                    <Base as=\"b\">{t(errors[fieldName]?.label)}:</Base>{' '}\n                    <Link href={`#${fieldName}`}>\n                      {t(errors[fieldName]?.message)}\n                    </Link>\n                  </ListItem>\n                );\n              })}\n          </List>\n        </ErrorSummary>\n      )}\n      {children}\n    </ErrorGroupContext.Provider>\n  );\n};\n\nexport default ErrorGroup;\n"],
-  "mappings": "AAAA,OAAO,SAAS,eAAe,WAAW,gBAAgB;AAG1D,SAAS,MAAM,gBAAgB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AASd,MAAM,oBAAoB;AAAA,EAC/B;AACF;AAQO,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAC,CAAC;AACpD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,WAAW,CAAC,MAAM,OAAO,UAAU;AACvC,QAAI,OAAO,IAAI,MAAM,SAAS,OAAO,IAAI,GAAG,YAAY,OAAO,SAAS;AACtE,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,gBAAgB,EAAE,GAAG,OAAO;AAClC,eAAO,cAAc,IAAI;AACzB,kBAAU,aAAa;AAAA,MACzB,OAAO;AACL,kBAAU;AAAA,UACR,GAAG;AAAA,UACH,CAAC,IAAI,GAAG;AAAA,YACN,GAAG;AAAA,YACH,OAAO,MAAM;AAAA,UACf;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,cAAU,CAAC,CAAC;AAAA,EACd,GAAG,CAAC,UAAU,CAAC;AACf,SACE,oCAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,SAAS,KAC3C,OAAO,KAAK,MAAM,EAAE,WAAW,KAC9B,oCAAC,gBAAa,SAAQ,iBACpB,oCAAC,WAAQ,MAAK,QAAK,uNACyB,GAC5C,GACA,oCAAC,QAAK,WAAU,aACZ,cAAc,OAAO,KAAK,MAAM,EAAE,QAAQ,GACzC,OAAO,CAAC,cAAc,OAAO,SAAS,CAAC,EACvC,IAAI,CAAC,WAAW,UAAU;AACzB,WACE,oCAAC,YAAS,KAAK,OAAO,IAAI,GAAG,SAAS,YACpC,oCAAC,QAAK,IAAG,OAAK,EAAE,OAAO,SAAS,GAAG,KAAK,GAAE,GAAC,GAAQ,KACnD,oCAAC,QAAK,MAAM,IAAI,SAAS,MACtB,EAAE,OAAO,SAAS,GAAG,OAAO,CAC/B,CACF;AAAA,EAEJ,CAAC,CACL,CACF,GAED,QACH;AAEJ;AAEA,IAAO,qBAAQ;",
-  "names": []
-}

package/FormBuilder/__stories__/AutoErrorGrouping.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const AutoErrorGrouping: () => React.JSX.Element;
-export default AutoErrorGrouping;

package/FormBuilder/__stories__/ErrorGrouping.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const ErrorGrouping: () => React.JSX.Element;
-export default ErrorGrouping;

package/FormBuilder/interaction.test.d.ts

@@ -1 +0,0 @@
-export {};

package/cjs/Field/ErrorGroup/index.js

@@ -1,82 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ErrorGroup_exports = {};
-__export(ErrorGroup_exports, {
-  ErrorGroup: () => ErrorGroup,
-  ErrorGroupContext: () => ErrorGroupContext,
-  default: () => ErrorGroup_default
-});
-module.exports = __toCommonJS(ErrorGroup_exports);
-var import_react = __toESM(require("react"));
-var import_List = require("@digigov/ui/content/List");
-var import_ErrorSummary = require("@digigov/ui/feedback/ErrorSummary");
-var import_i18n = require("@digigov/ui/i18n");
-var import_Link = require("@digigov/ui/navigation/Link");
-var import_Heading = require("@digigov/ui/typography/Heading");
-var import_Base = require("@digigov/ui/utils/Base");
-const ErrorGroupContext = (0, import_react.createContext)(
-  null
-);
-const ErrorGroup = ({
-  children,
-  screenSize,
-  fieldOrder
-}) => {
-  const [errors, setErrors] = (0, import_react.useState)({});
-  const { t } = (0, import_i18n.useTranslation)();
-  const setError = (name, label, error) => {
-    if (errors[name] !== error && errors[name]?.message !== error?.message) {
-      if (!error?.message) {
-        const updatedErrors = { ...errors };
-        delete updatedErrors[name];
-        setErrors(updatedErrors);
-      } else {
-        setErrors({
-          ...errors,
-          [name]: {
-            ...error,
-            label: label.primary
-          }
-        });
-      }
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    setErrors({});
-  }, [screenSize]);
-  return /* @__PURE__ */ import_react.default.createElement(ErrorGroupContext.Provider, { value: { setError } }, Object.keys(errors).length !== 0 && /* @__PURE__ */ import_react.default.createElement(import_ErrorSummary.ErrorSummary, { variant: "error-group" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "sm" }, "\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.", " "), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "bullet" }, (fieldOrder || Object.keys(errors).reverse()).filter((fieldName) => errors[fieldName]).map((fieldName, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key: index, id: `${fieldName}-error` }, /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "b" }, t(errors[fieldName]?.label), ":"), " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: `#${fieldName}` }, t(errors[fieldName]?.message)));
-  }))), children);
-};
-var ErrorGroup_default = ErrorGroup;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ErrorGroup,
-  ErrorGroupContext
-});
-//# sourceMappingURL=ErrorGroup.js.map

package/cjs/Field/ErrorGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Field/ErrorGroup.tsx"],
-  "sourcesContent": ["import React, { createContext, useEffect, useState } from 'react';\nimport { ErrorOption } from 'react-hook-form';\nimport { FieldLabelProps } from '@digigov/form/Field/types';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Base } from '@digigov/ui/utils/Base';\nimport { Breakpoints } from '@digigov/ui/utils/hooks/useScreen';\ninterface ErrorGroupContextType {\n  setError: (\n    name?: string,\n    label?: FieldLabelProps,\n    error?: ErrorOption\n  ) => void;\n}\nexport const ErrorGroupContext = createContext<ErrorGroupContextType | null>(\n  null\n);\n\nexport interface ErrorGroupProps {\n  children: React.ReactNode;\n  screenSize?: Breakpoints | undefined;\n  fieldOrder?: any[];\n}\n\nexport const ErrorGroup: React.FC<ErrorGroupProps> = ({\n  children,\n  screenSize,\n  fieldOrder,\n}) => {\n  const [errors, setErrors] = useState<ErrorOption>({});\n  const { t } = useTranslation();\n  const setError = (name, label, error) => {\n    if (errors[name] !== error && errors[name]?.message !== error?.message) {\n      if (!error?.message) {\n        const updatedErrors = { ...errors };\n        delete updatedErrors[name];\n        setErrors(updatedErrors);\n      } else {\n        setErrors({\n          ...errors,\n          [name]: {\n            ...error,\n            label: label.primary,\n          },\n        });\n      }\n    }\n  };\n\n  useEffect(() => {\n    setErrors({});\n  }, [screenSize]);\n  return (\n    <ErrorGroupContext.Provider value={{ setError }}>\n      {Object.keys(errors).length !== 0 && (\n        <ErrorSummary variant=\"error-group\">\n          <Heading size=\"sm\">\n            \u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.{' '}\n          </Heading>\n          <List listStyle=\"bullet\">\n            {(fieldOrder || Object.keys(errors).reverse())\n              .filter((fieldName) => errors[fieldName])\n              .map((fieldName, index) => {\n                return (\n                  <ListItem key={index} id={`${fieldName}-error`}>\n                    <Base as=\"b\">{t(errors[fieldName]?.label)}:</Base>{' '}\n                    <Link href={`#${fieldName}`}>\n                      {t(errors[fieldName]?.message)}\n                    </Link>\n                  </ListItem>\n                );\n              })}\n          </List>\n        </ErrorSummary>\n      )}\n      {children}\n    </ErrorGroupContext.Provider>\n  );\n};\n\nexport default ErrorGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D;AAG1D,kBAA+B;AAC/B,0BAA6B;AAC7B,kBAA+B;AAC/B,kBAAqB;AACrB,qBAAwB;AACxB,kBAAqB;AASd,MAAM,wBAAoB;AAAA,EAC/B;AACF;AAQO,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAsB,CAAC,CAAC;AACpD,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,QAAM,WAAW,CAAC,MAAM,OAAO,UAAU;AACvC,QAAI,OAAO,IAAI,MAAM,SAAS,OAAO,IAAI,GAAG,YAAY,OAAO,SAAS;AACtE,UAAI,CAAC,OAAO,SAAS;AACnB,cAAM,gBAAgB,EAAE,GAAG,OAAO;AAClC,eAAO,cAAc,IAAI;AACzB,kBAAU,aAAa;AAAA,MACzB,OAAO;AACL,kBAAU;AAAA,UACR,GAAG;AAAA,UACH,CAAC,IAAI,GAAG;AAAA,YACN,GAAG;AAAA,YACH,OAAO,MAAM;AAAA,UACf;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,cAAU,CAAC,CAAC;AAAA,EACd,GAAG,CAAC,UAAU,CAAC;AACf,SACE,6BAAAA,QAAA,cAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,SAAS,KAC3C,OAAO,KAAK,MAAM,EAAE,WAAW,KAC9B,6BAAAA,QAAA,cAAC,oCAAa,SAAQ,iBACpB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,uNACyB,GAC5C,GACA,6BAAAA,QAAA,cAAC,oBAAK,WAAU,aACZ,cAAc,OAAO,KAAK,MAAM,EAAE,QAAQ,GACzC,OAAO,CAAC,cAAc,OAAO,SAAS,CAAC,EACvC,IAAI,CAAC,WAAW,UAAU;AACzB,WACE,6BAAAA,QAAA,cAAC,wBAAS,KAAK,OAAO,IAAI,GAAG,SAAS,YACpC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,OAAK,EAAE,OAAO,SAAS,GAAG,KAAK,GAAE,GAAC,GAAQ,KACnD,6BAAAA,QAAA,cAAC,oBAAK,MAAM,IAAI,SAAS,MACtB,EAAE,OAAO,SAAS,GAAG,OAAO,CAC/B,CACF;AAAA,EAEJ,CAAC,CACL,CACF,GAED,QACH;AAEJ;AAEA,IAAO,qBAAQ;",
-  "names": ["React"]
-}

package/inputs/Input/__stories__/StringWithTrimValidation.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const StringWithTrimValidation: () => React.JSX.Element;
-export default StringWithTrimValidation;

package/src/Field/ErrorGroup.tsx

@@ -1,84 +0,0 @@
-import React, { createContext, useEffect, useState } from 'react';
-import { ErrorOption } from 'react-hook-form';
-import { FieldLabelProps } from '@digigov/form/Field/types';
-import { List, ListItem } from '@digigov/ui/content/List';
-import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
-import { useTranslation } from '@digigov/ui/i18n';
-import { Link } from '@digigov/ui/navigation/Link';
-import { Heading } from '@digigov/ui/typography/Heading';
-import { Base } from '@digigov/ui/utils/Base';
-import { Breakpoints } from '@digigov/ui/utils/hooks/useScreen';
-interface ErrorGroupContextType {
-  setError: (
-    name?: string,
-    label?: FieldLabelProps,
-    error?: ErrorOption
-  ) => void;
-}
-export const ErrorGroupContext = createContext<ErrorGroupContextType | null>(
-  null
-);
-
-export interface ErrorGroupProps {
-  children: React.ReactNode;
-  screenSize?: Breakpoints | undefined;
-  fieldOrder?: any[];
-}
-
-export const ErrorGroup: React.FC<ErrorGroupProps> = ({
-  children,
-  screenSize,
-  fieldOrder,
-}) => {
-  const [errors, setErrors] = useState<ErrorOption>({});
-  const { t } = useTranslation();
-  const setError = (name, label, error) => {
-    if (errors[name] !== error && errors[name]?.message !== error?.message) {
-      if (!error?.message) {
-        const updatedErrors = { ...errors };
-        delete updatedErrors[name];
-        setErrors(updatedErrors);
-      } else {
-        setErrors({
-          ...errors,
-          [name]: {
-            ...error,
-            label: label.primary,
-          },
-        });
-      }
-    }
-  };
-
-  useEffect(() => {
-    setErrors({});
-  }, [screenSize]);
-  return (
-    <ErrorGroupContext.Provider value={{ setError }}>
-      {Object.keys(errors).length !== 0 && (
-        <ErrorSummary variant="error-group">
-          <Heading size="sm">
-            Τα παρακάτω πεδία της φόρμας ειναι λάθος.{' '}
-          </Heading>
-          <List listStyle="bullet">
-            {(fieldOrder || Object.keys(errors).reverse())
-              .filter((fieldName) => errors[fieldName])
-              .map((fieldName, index) => {
-                return (
-                  <ListItem key={index} id={`${fieldName}-error`}>
-                    <Base as="b">{t(errors[fieldName]?.label)}:</Base>{' '}
-                    <Link href={`#${fieldName}`}>
-                      {t(errors[fieldName]?.message)}
-                    </Link>
-                  </ListItem>
-                );
-              })}
-          </List>
-        </ErrorSummary>
-      )}
-      {children}
-    </ErrorGroupContext.Provider>
-  );
-};
-
-export default ErrorGroup;

package/src/FormBuilder/__stories__/AutoErrorGrouping.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import FormBuilder, { FieldSpec } from '@digigov/form';
-
-const FIELDS: FieldSpec[] = [
-  {
-    key: 'name',
-    type: 'string',
-    required: true,
-    layout: { xl: 4, lg: 4, md: 6, xs: 6 },
-    label: {
-      primary: 'Όνομα',
-    },
-  },
-  {
-    key: 'surname',
-    type: 'string',
-    required: true,
-    layout: { xl: 4, lg: 4, md: 6, xs: 6 },
-    label: {
-      primary: 'Επίθετο',
-    },
-  },
-  {
-    key: 'address',
-    type: 'string',
-    required: true,
-    layout: { xl: 4, lg: 2, md: 6, xs: 6 },
-    label: {
-      primary: 'Διεύθυνση',
-    },
-  },
-  {
-    key: 'town',
-    type: 'string',
-    required: true,
-    layout: { xl: 4, lg: 4, md: 6, xs: 6 },
-    label: {
-      primary: 'Πόλη',
-    },
-  },
-  {
-    key: 'country',
-    type: 'string',
-    required: true,
-    layout: { xs: 12 },
-    label: {
-      primary: 'Χώρα',
-    },
-  },
-];
-
-export const AutoErrorGrouping = () => (
-  <FormBuilder
-    grid={true}
-    auto={true}
-    onSubmit={(data) => {
-      console.log(data);
-    }}
-    fields={FIELDS}
-  ></FormBuilder>
-);
-
-export default AutoErrorGrouping;

package/src/FormBuilder/__stories__/ErrorGrouping.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { ErrorGroup } from '@digigov/form/Field/ErrorGroup';
-import { Button } from '@digigov/ui/form/Button';
-
-export const ErrorGrouping = () => (
-  <FormBuilder
-    grid={true}
-    onSubmit={(data) => {
-      console.log(data);
-    }}
-  >
-    <ErrorGroup>
-      <Field
-        key="name"
-        name="name"
-        type="string"
-        label={{ primary: 'Όνομα' }}
-        layout={{ xs: 4 }}
-        required
-      />
-      <Field
-        key="surname"
-        name="surname"
-        type="string"
-        label={{ primary: 'Επίθετο' }}
-        layout={{ xs: 4 }}
-        required
-      />
-      <Field
-        key="address"
-        name="address"
-        type="string"
-        label={{ primary: 'Διεύθυνση' }}
-        layout={{ xs: 4 }}
-        required
-      />
-    </ErrorGroup>
-    <Button type="submit">Συνέχεια</Button>
-  </FormBuilder>
-);
-
-export default ErrorGrouping;

package/src/FormBuilder/interaction.test.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { test, expect } from '@playwright/experimental-ct-react';
-
-import { AutoErrorGrouping } from '@digigov/form/FormBuilder/__stories__/AutoErrorGrouping';
-import { ErrorGrouping } from '@digigov/form/FormBuilder/__stories__/ErrorGrouping';
-
-test('renders the ErrorGrouping and click submit', async ({ mount, page }) => {
-  await mount(<ErrorGrouping />);
-  await page.evaluate(() => document.fonts.ready);
-  await page.click('text="Συνέχεια"');
-
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
-  expect(screenshot).toMatchSnapshot();
-});
-
-test('renders the AutoErrorGrouping and click submit', async ({
-  mount,
-  page,
-}) => {
-  await mount(<AutoErrorGrouping />);
-  await page.evaluate(() => document.fonts.ready);
-  await page.click('text="Συνέχεια"');
-
-  const screenshot = await page.screenshot({
-    fullPage: true,
-    animations: 'disabled',
-  });
-  expect(screenshot).toMatchSnapshot();
-});

package/src/inputs/Input/__stories__/StringWithTrimValidation.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-export const StringWithTrimValidation = () => (
-  <FormBuilder
-    onSubmit={(data) => {
-      console.log(data);
-    }}
-  >
-    <Field
-      key="business-title"
-      name="business-title"
-      type="string"
-      trim={true}
-      label={{
-        primary: 'Όνομα επιχείρησης',
-        secondary:
-          'Εισάγετε μια σειρά από χαρακτήρες και αριθμούς (το πειδίο δεν δέχεται κενά στην αρχή της πρότασης)',
-      }}
-      required
-    />
-    <Button type="submit">Συνέχεια</Button>
-  </FormBuilder>
-);
-export default StringWithTrimValidation;