@digigov/form 1.0.0-079f34f3d → 1.0.0-23c81d9f

package/{Questions/index.spec.js → cjs/Questions/index.spec/index.js}

@@ -6,9 +6,9 @@ var React = _interopRequireWildcard(require("react"));
 
 var _enzyme = require("enzyme");
 
-var _form = require("@digigov/form");
+var _ = require("./..");
 
-var _Questions = _interopRequireWildcard(require("@digigov/form/Questions"));
+var _2 = _interopRequireWildcard(require("./"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -44,26 +44,26 @@ var steps = [{
   }]
 }];
 
-var _ref = /*#__PURE__*/React.createElement(_Questions.Step, {
+var _ref = /*#__PURE__*/React.createElement(_2.Step, {
   name: "intro"
-}, /*#__PURE__*/React.createElement(_Questions.StepTitle, null), /*#__PURE__*/React.createElement(_Questions.StepQuote, null, "This is the intro"), /*#__PURE__*/React.createElement(_Questions.StepForm, {
+}, /*#__PURE__*/React.createElement(_2.StepTitle, null), /*#__PURE__*/React.createElement(_2.StepQuote, null, "This is the intro"), /*#__PURE__*/React.createElement(_2.StepForm, {
   submitButton: true
-}, /*#__PURE__*/React.createElement(_form.Field, {
+}, /*#__PURE__*/React.createElement(_.Field, {
   key: 'name',
   name: "name"
 })));
 
-var _ref2 = /*#__PURE__*/React.createElement(_Questions.Step, {
+var _ref2 = /*#__PURE__*/React.createElement(_2.Step, {
   name: "age"
-}, /*#__PURE__*/React.createElement(_Questions.StepTitle, null), /*#__PURE__*/React.createElement(_Questions.StepQuote, null, "This is the age"), /*#__PURE__*/React.createElement(_Questions.StepForm, {
+}, /*#__PURE__*/React.createElement(_2.StepTitle, null), /*#__PURE__*/React.createElement(_2.StepQuote, null, "This is the age"), /*#__PURE__*/React.createElement(_2.StepForm, {
   submitButton: true
-}, /*#__PURE__*/React.createElement(_form.Field, {
+}, /*#__PURE__*/React.createElement(_.Field, {
   key: 'dateOfBirth',
   name: "dateOfBirth"
 })));
 
 it('renders the Questions', function () {
-  expect((0, _enzyme.mount)( /*#__PURE__*/React.createElement(_Questions["default"], {
+  expect((0, _enzyme.mount)( /*#__PURE__*/React.createElement(_2["default"], {
     name: 'example',
     onSubmit: function onSubmit(data) {
       console.log(data);

package/cjs/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _internal = require("./internal");
+
+Object.keys(_internal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _internal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _internal[key];
+    }
+  });
+});
+
+var _FormBuilder = _interopRequireDefault(require("./FormBuilder"));
+
+var _default = _FormBuilder["default"];
+exports["default"] = _default;

package/{inputs/AutoComplete/AutoComplete.stories.js → cjs/inputs/AutoComplete/AutoComplete.stories/index.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _AutoComplete = _interopRequireDefault(require("@digigov/form/inputs/AutoComplete"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/form/inputs/AutoComplete/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,7 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/inputs/AutoComplete',
-  component: _AutoComplete["default"],
+  component: _["default"],
   displayName: 'AutoComplete'
 };
 exports["default"] = _default;

package/{inputs/AutoComplete/__stories__/Default.js → cjs/inputs/AutoComplete/__stories__/Default/index.js}

@@ -11,13 +11,13 @@ exports.Default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Field = require("@digigov/form/Field");
+var _Field = require("../../../Field");
 
-var _FormBuilder = _interopRequireDefault(require("@digigov/form/FormBuilder"));
+var _FormBuilder = _interopRequireDefault(require("../../../FormBuilder"));
 
-var _utils = require("@digigov/ui/form/AutoComplete/utils");
+var _utils = require("@digigov/ui/cjs/form/AutoComplete/utils");
 
-var _Button = _interopRequireDefault(require("@digigov/ui/form/Button"));
+var _Button = _interopRequireDefault(require("@digigov/ui/cjs/form/Button"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/cjs/inputs/AutoComplete/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AutoComplete = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _AutoComplete = _interopRequireDefault(require("@digigov/ui/cjs/form/AutoComplete"));
+
+var _excluded = ["name", "extra", "onChange", "value"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var AutoComplete = function AutoComplete(_ref) {
+  var name = _ref.name,
+      options = _ref.extra.options,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var suggest = (0, _react.useCallback)(function suggest(query, syncResults) {
+    syncResults(query ? options.filter(function (option) {
+      var _option$label, _option$label2;
+
+      return "".concat(option.value, " ").concat(((_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.primary) || '', " ").concat(((_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.secondary) || '').toLowerCase().indexOf(query.toLowerCase()) !== -1;
+    }) : []);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_AutoComplete["default"], (0, _extends2["default"])({
+    source: suggest,
+    onConfirm: function onConfirm(value) {
+      onChange(value.value);
+    },
+    templates: {
+      suggestion: function suggestion(_ref2) {
+        var label = _ref2.label,
+            value = _ref2.value;
+        return /*#__PURE__*/_react["default"].createElement("div", null, label && label.primary && label.primary || value, label && label.secondary && /*#__PURE__*/_react["default"].createElement(_reactCore.Hint, null, label.secondary));
+      },
+      inputValue: function inputValue(option) {
+        if (!option) {
+          return '';
+        }
+
+        return option.label.primary || option.value;
+      }
+    }
+  }, props, {
+    id: "".concat(name, "-id"),
+    defaultValue: value
+  }));
+};
+
+exports.AutoComplete = AutoComplete;
+var _default = AutoComplete;
+exports["default"] = _default;

package/{inputs/Checkboxes/Checkboxes.stories.js → cjs/inputs/Checkboxes/Checkboxes.stories/index.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Checkboxes = _interopRequireDefault(require("@digigov/form/inputs/Checkboxes"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/form/inputs/Checkboxes/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _WithDivider = require("@digigov/form/inputs/Checkboxes/__stories__/WithDivider");
+var _WithDivider = require("./__stories__/WithDivider");
 
 Object.keys(_WithDivider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -38,7 +38,7 @@ Object.keys(_WithDivider).forEach(function (key) {
   });
 });
 
-var _Conditional = require("@digigov/form/inputs/Checkboxes/__stories__/Conditional");
+var _Conditional = require("./__stories__/Conditional");
 
 Object.keys(_Conditional).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -53,7 +53,7 @@ Object.keys(_Conditional).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/inputs/Checkboxes',
-  component: _Checkboxes["default"],
+  component: _["default"],
   displayName: 'Checkboxes'
 };
 exports["default"] = _default;

package/{inputs/Checkboxes/__stories__/Conditional.js → cjs/inputs/Checkboxes/__stories__/Conditional/index.js}

@@ -11,9 +11,9 @@ exports.Conditional = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../../.."));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("@digigov/ui/cjs/form/Button");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -94,7 +94,7 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_form.Field, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_.Field, {
   key: "auth_form",
   name: "auth_form"
 });
@@ -104,7 +104,7 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var Conditional = function Conditional() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     },

package/{inputs/Checkboxes/__stories__/Default.js → cjs/inputs/Checkboxes/__stories__/Default/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../../.."));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("@digigov/ui/cjs/form/Button");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -24,11 +24,11 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, {
     key: 'string',
     name: "string",
     type: "choice:multiple",

package/{inputs/Checkboxes/__stories__/WithDivider.js → cjs/inputs/Checkboxes/__stories__/WithDivider/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.WithDivider = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../../.."));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("@digigov/ui/cjs/form/Button");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -24,11 +24,11 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var WithDivider = function WithDivider() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, {
     key: 'string',
     name: "string",
     type: "choice:multiple",

package/cjs/inputs/Checkboxes/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Checkboxes = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("../..");
+
+var _reactCore = require("@digigov/react-core");
+
+var _Checkbox = _interopRequireDefault(require("@digigov/react-core/cjs/Checkbox"));
+
+var _CheckboxItem = _interopRequireDefault(require("@digigov/react-core/cjs/CheckboxItem"));
+
+var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
+
+var _i18n = require("@digigov/ui/cjs/i18n");
+
+var _excluded = ["name", "onChange", "value", "extra", "disabled"],
+    _excluded2 = ["label", "value", "show", "disabled", "selected"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Checkboxes = function Checkboxes(_ref) {
+  var name = _ref.name,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      _ref$extra = _ref.extra,
+      options = _ref$extra.options,
+      className = _ref$extra.className,
+      disabled = _ref.disabled,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!value) value = [];
+
+  var handleChange = function handleChange(optionValue, idx, show) {
+    return function (evt) {
+      var newValue;
+
+      if (evt.currentTarget.checked) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        newValue = value.concat([optionValue]);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        newValue = value.filter(function (val) {
+          return val !== optionValue;
+        });
+      }
+
+      if (show && show.length > 0) {
+        setChecked(function (items) {
+          return items.map(function (item, index) {
+            return index === idx ? !item : item;
+          });
+        });
+      } // reset value to undefined instead of an empty array
+      // so the error state mechanism can throw validation errors
+
+
+      if (newValue.length === 0) newValue = undefined;
+      onChange(newValue);
+    };
+  };
+
+  var _useTranslation = (0, _i18n.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(Array(options.length).fill(false)),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      checked = _useState2[0],
+      setChecked = _useState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+    className: className
+  }, options.map(function (_ref2, index) {
+    var _value;
+
+    var label = _ref2.label,
+        v = _ref2.value,
+        show = _ref2.show,
+        optionDisabled = _ref2.disabled,
+        selected = _ref2.selected,
+        option = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_CheckboxItem["default"], (0, _extends2["default"])({
+      key: "".concat(name, ".").concat(index),
+      name: name,
+      value: v,
+      disabled: disabled || optionDisabled,
+      checked: (_value = value) === null || _value === void 0 ? void 0 : _value.includes(v),
+      onChange: handleChange(v, index, show)
+    }, option, (0, _extends2["default"])({}, props, {
+      reset: undefined,
+      defaultValue: undefined,
+      onBlur: undefined,
+      required: undefined,
+      'aria-describedby': undefined,
+      type: 'checkbox'
+    })), label && label.primary && t(label.primary) || value, label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary))), !!checked[index] && show && /*#__PURE__*/_react["default"].createElement(_reactCore.CheckboxConditional, null, show.map(function (fieldName) {
+      return /*#__PURE__*/_react["default"].createElement(_.Field, {
+        name: fieldName,
+        key: fieldName
+      });
+    })), selected && selected());
+  }));
+};
+
+exports.Checkboxes = Checkboxes;
+var _default = Checkboxes;
+exports["default"] = _default;

package/{inputs/DateInput/DateInput.stories.js → cjs/inputs/DateInput/DateInput.stories/index.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/form/inputs/DateInput/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,7 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/inputs/DateInput',
-  component: _DateInput["default"],
+  component: _["default"],
   displayName: 'DateInput'
 };
 exports["default"] = _default;

package/{inputs/DateInput/__stories__/Default.js → cjs/inputs/DateInput/__stories__/Default/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../../.."));
 
-var _Button = require("@digigov/ui/form/Button");
+var _Button = require("@digigov/ui/cjs/form/Button");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -24,11 +24,11 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, {
     key: 'string',
     name: "string",
     type: "date",
@@ -36,24 +36,6 @@ var Default = function Default() {
     label: {
       primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
       secondary: 'Για παράδειγμα, 05 11 2020'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Έχω συνάχι'
-        },
-        value: 'runny-nose'
-      }, {
-        label: {
-          primary: 'Έχω πυρετό'
-        },
-        value: 'fever'
-      }, {
-        label: {
-          primary: 'Αισθάνομαι κούραση'
-        },
-        value: 'fatigue'
-      }]
     }
   }), _ref);
 };