@digigov/form 2.0.0-rc.8 → 2.0.2

package/cjs/Field/utils/index.js

@@ -1,162 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calculateField = calculateField;
-exports.evaluateFieldWithConditions = evaluateFieldWithConditions;
-exports.useField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-var _FormContext = require("@digigov/form/FormContext");
-var _Checkboxes = _interopRequireDefault(require("@digigov/form/inputs/Checkboxes"));
-var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"));
-var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
-var _ImageInput = _interopRequireDefault(require("@digigov/form/inputs/ImageInput"));
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
-var _OtpInput = _interopRequireDefault(require("@digigov/form/inputs/OtpInput"));
-var _Radio = _interopRequireDefault(require("@digigov/form/inputs/Radio"));
-var _Select = _interopRequireDefault(require("@digigov/form/inputs/Select"));
-var _AutoCompleteInput = _interopRequireDefault(require("@digigov/form/inputs/AutoCompleteInput"));
-var FIELD_COMPONENTS = {
-  text: {
-    component: _Input["default"]
-  },
-  string: {
-    component: _Input["default"]
-  },
-  file: {
-    wrapper: 'fieldset',
-    component: _FileInput["default"]
-  },
-  image: {
-    wrapper: 'fieldset',
-    component: _ImageInput["default"]
-  },
-  date: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: _DateInput["default"]
-  },
-  otp: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: _OtpInput["default"]
-  },
-  'choice:multiple': {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: _Checkboxes["default"]
-  },
-  'choice:single': {
-    wrapper: 'fieldset',
-    controlled: false,
-    component: _Radio["default"]
-  }
-};
-var ALTERNATIVE_COMPONENTS = {
-  Select: {
-    component: _Select["default"],
-    controlled: false
-  },
-  AutoComplete: {
-    component: _AutoCompleteInput["default"],
-    controlled: true,
-    wrapper: 'fieldset'
-  }
-};
-function calculateField(children, field, componentRegistry) {
-  var _field$extra;
-  var calculatedField = (0, _extends2["default"])({}, field);
-  var fieldComponentRegistry = (0, _extends2["default"])({}, 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) {
-    var _fieldComponentRegist;
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist = fieldComponentRegistry.string) === null || _fieldComponentRegist === void 0 ? void 0 : _fieldComponentRegist.controlled) || false;
-  } else if (typeof (field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.component) === 'string' && ALTERNATIVE_COMPONENTS[field.extra.component]) {
-    var _ALTERNATIVE_COMPONEN;
-    calculatedField.controlled = ((_ALTERNATIVE_COMPONEN = ALTERNATIVE_COMPONENTS[field.extra.component]) === null || _ALTERNATIVE_COMPONEN === void 0 ? void 0 : _ALTERNATIVE_COMPONEN.controlled) || false;
-    calculatedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
-    calculatedField.wrapper = ALTERNATIVE_COMPONENTS[field.extra.component].wrapper;
-  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
-    var _fieldComponentRegist2;
-    calculatedField.component = fieldComponentRegistry[field.type].component;
-    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled = ((_fieldComponentRegist2 = fieldComponentRegistry[field.type]) === null || _fieldComponentRegist2 === void 0 ? void 0 : _fieldComponentRegist2.controlled) || false;
-  } else {
-    var _fieldComponentRegist3;
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
-  }
-  return calculatedField;
-}
-var useField = exports.useField = function useField(name, customField) {
-  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
-    fieldsMap = _useContext.fieldsMap,
-    control = _useContext.control,
-    register = _useContext.register,
-    reset = _useContext.reset,
-    trigger = _useContext.trigger,
-    clearErrors = _useContext.clearErrors,
-    errors = _useContext.errors,
-    registerField = _useContext.registerField,
-    watch = _useContext.watch,
-    componentRegistry = _useContext.componentRegistry,
-    getFieldState = _useContext.getFieldState,
-    setValue = _useContext.setValue,
-    getValues = _useContext.getValues,
-    unregister = _useContext.unregister,
-    formState = _useContext.formState;
-  if (!registerField) {
-    throw new Error("\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    ");
-  }
-  (0, _react.useMemo)(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField((0, _extends2["default"])({}, customField, {
-      key: name
-    }));
-  }, [customField, name, registerField]);
-  return {
-    field: customField || fieldsMap[name],
-    control: control,
-    register: register,
-    reset: reset,
-    trigger: trigger,
-    watch: watch,
-    componentRegistry: componentRegistry,
-    getFieldState: getFieldState,
-    setValue: setValue,
-    clearErrors: clearErrors,
-    getValues: getValues,
-    unregister: unregister,
-    formState: formState,
-    error: errors[name]
-  };
-};
-function evaluateFieldWithConditions(field, variables) {
-  var newField = (0, _extends2["default"])({}, field);
-  if (variables) {
-    for (var key in variables) {
-      if (field.condition[key] && field.condition[key].is) {
-        var is = field.condition[key].is;
-        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
-          var then = field.condition[key].then || {};
-          for (var attr in then) {
-            newField[attr] = then[attr];
-          }
-        }
-      } else if (field.condition[key]) {
-        var otherwise = field.condition[key]["else"] || {};
-        for (var _attr in otherwise) {
-          newField[_attr] = otherwise[_attr];
-        }
-      }
-    }
-  }
-  return newField;
-}

package/cjs/FieldArray/FieldArray.stories/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _FieldArray = _interopRequireDefault(require("@digigov/form/FieldArray"));
-var _Default = require("@digigov/form/FieldArray/__stories__/Default");
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
-});
-var _WithExactLength = require("@digigov/form/FieldArray/__stories__/WithExactLength");
-Object.keys(_WithExactLength).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithExactLength[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithExactLength[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov Form/FieldArray',
-  component: _FieldArray["default"],
-  displayName: 'FieldArray'
-};

package/cjs/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/cjs/FieldArray/__stories__/Default/index.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var fields = [{
-  key: 'string',
-  type: 'string',
-  label: {
-    primary: 'Πεδίο κειμένου',
-    secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
-  }
-}, {
-  key: 'multiplicity',
-  type: 'array',
-  label: {
-    primary: 'Συνυπογράφοντες',
-    secondary: 'Οι συνυπογράφοντες είναι άνθρωποι σαν και εμάς'
-  },
-  extra: {
-    label: {
-      object: {
-        title: 'Συνυπογράφοντας',
-        add: 'Προσθήκη συνυπογράφοντα',
-        "delete": 'Αφαίρεση συνυπογράφοντος'
-      },
-      question: {
-        title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
-        objectLabel: {
-          primary: 'Προσθήκη νέου συνυπογράφοντα',
-          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
-        },
-        yes: 'Ναι',
-        no: 'Όχι'
-      }
-    },
-    min: 2,
-    max: 4,
-    of: {
-      type: 'object',
-      extra: {
-        fields: [{
-          key: 'afm',
-          type: 'afm',
-          required: true,
-          label: {
-            primary: 'ΑΦΜ'
-          }
-        }, {
-          key: 'firstName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Όνομα'
-          }
-        }, {
-          key: 'lastName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Επώνυμο'
-          }
-        }]
-      }
-    }
-  }
-}, {
-  key: 'phonenumber',
-  type: 'phone_number',
-  required: true,
-  label: {
-    primary: 'Σταθερό τηλέφωνο',
-    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου'
-  }
-}];
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
-    name: "string"
-  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
-    name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
-    name: "phonenumber"
-  }, fields[2])), _ref);
-};