@digigov/form 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/cjs/inputs/Input/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Input = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TextInput = _interopRequireDefault(require("@digigov/react-core/cjs/TextInput"));
+
+var _TextArea = _interopRequireDefault(require("@digigov/react-core/cjs/TextArea"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _reactHookForm = require("react-hook-form");
+
+var _i18n = require("@digigov/ui/cjs/i18n");
+
+var _excluded = ["name", "control", "type", "extra"];
+var TYPES_MAP = {
+  string: 'text',
+  "int": 'text',
+  text: 'text',
+  date: 'date'
+};
+
+var Input = /*#__PURE__*/_react["default"].forwardRef(function WrappedInput(_ref, ref) {
+  var name = _ref.name,
+      control = _ref.control,
+      type = _ref.type,
+      extra = _ref.extra,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  // eslint-disable-next-line prefer-const
+  var _ref2 = extra || {},
+      _ref2$multiline = _ref2.multiline,
+      multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
+      rows = _ref2.rows,
+      limit = _ref2.limit;
+
+  var _ref3 = extra || {},
+      className = _ref3.className; // if enforced to multiline use true. Derive from type otherwise.
+
+
+  multiline = multiline === true || type === 'text'; // use explicit rows value if set. Derive from multiline otherwise.
+
+  rows = rows || (multiline ? 4 : 1); // translate dilosi type to HTML Input type
+
+  var fieldType = TYPES_MAP[type || 'text'] || 'text';
+
+  var _useTranslation = (0, _i18n.useTranslation)(),
+      t = _useTranslation.t;
+
+  var currentValue = (0, _reactHookForm.useWatch)({
+    control: control,
+    name: name
+  });
+
+  if (multiline === true) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_TextArea["default"], (0, _extends2["default"])({
+      name: name,
+      className: className,
+      rows: rows,
+      ref: ref
+    }, (0, _extends2["default"])({}, props, {
+      reset: undefined,
+      required: undefined,
+      type: fieldType
+    }))), (limit === null || limit === void 0 ? void 0 : limit.max) && /*#__PURE__*/_react["default"].createElement(_reactCore.Hint, null, currentValue === undefined || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) >= 0 && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) <= (limit === null || limit === void 0 ? void 0 : limit.max) ? /*#__PURE__*/_react["default"].createElement("span", null, t('form.info.text.you_have'), ' ', /*#__PURE__*/_react["default"].createElement("b", null, !currentValue ? limit.max : (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length)), ' ', currentValue && (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.remaining'), ".") : /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: '#b60202'
+      }
+    }, t('form.info.text.you_have'), ' ', /*#__PURE__*/_react["default"].createElement("b", null, currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max)), ' ', (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.too_many'), ".")));
+  } else {
+    return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
+      name: name,
+      type: fieldType,
+      className: className,
+      ref: ref
+    }, (0, _extends2["default"])({}, props, {
+      reset: undefined,
+      required: undefined
+    })));
+  }
+});
+
+exports.Input = Input;
+var _default = Input;
+exports["default"] = _default;

package/cjs/inputs/Label/Label.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ = _interopRequireDefault(require("./"));
+
+var _Default = require("./__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 _default = {
+  title: 'Digigov Form/inputs/Label',
+  component: _["default"],
+  displayName: 'Label'
+};
+exports["default"] = _default;

package/cjs/inputs/Label/__stories__/Default.js

@@ -0,0 +1,49 @@
+"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.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+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); }
+
+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 _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  type: "submit"
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Label, {
+    label: {
+      primary: 'Στοιχεία επιχείρησης',
+      secondary: 'Συμπληρώστε τα στοιχεία'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_.Field, {
+    key: "business-title",
+    name: "business-title",
+    type: "string",
+    label: {
+      primary: 'Όνομα επιχείρησης'
+    },
+    required: true
+  }), _ref);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/cjs/inputs/Label/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Label = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
+
+var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/cjs/LabelTitle"));
+
+var _i18n = require("@digigov/ui/cjs/i18n");
+
+var Label = function Label(_ref) {
+  var className = _ref.className,
+      label = _ref.label,
+      value = _ref.value;
+
+  var _useTranslation = (0, _i18n.useTranslation)(),
+      t = _useTranslation.t;
+
+  if ((!label || label && !label.primary && !label.secondary) && !value) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+    className: className,
+    size: "sm"
+  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary)));
+};
+
+exports.Label = Label;
+Label.defaultProps = {
+  label: {}
+};
+var _default = Label;
+exports["default"] = _default;

package/cjs/inputs/OtpInput/OtpInput.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ = _interopRequireDefault(require("./"));
+
+var _Default = require("./__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 _default = {
+  title: 'Digigov Form/inputs/OtpInput',
+  component: _["default"],
+  displayName: 'OtpInput'
+};
+exports["default"] = _default;

package/cjs/inputs/OtpInput/__stories__/Default.js

@@ -0,0 +1,52 @@
+"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.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+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); }
+
+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 FIELDS = [{
+  key: 'otp',
+  type: 'otp',
+  maxLength: 6,
+  required: true,
+  label: {
+    primary: 'Κωδικός Επιβεβαίωσης'
+  }
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  type: "submit"
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    fields: FIELDS,
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Fieldset, null, FIELDS.map(function (field) {
+    return /*#__PURE__*/_react["default"].createElement(_.Field, {
+      key: field.key,
+      name: field.key
+    });
+  })), _ref);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/cjs/inputs/OtpInput/index.js

@@ -0,0 +1,182 @@
+"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.RE_DIGIT = exports.REMOVE_SPACES = exports.OtpInput = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _SingleCharacterInputs = _interopRequireWildcard(require("@digigov/ui/cjs/form/SingleCharacterInputs"));
+
+var _excluded = ["name", "maxLength"];
+
+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 RE_DIGIT = new RegExp(/^\d+$/);
+exports.RE_DIGIT = RE_DIGIT;
+var REMOVE_SPACES = new RegExp(/\s+/g);
+exports.REMOVE_SPACES = REMOVE_SPACES;
+
+function useOtp(onChange, maxLength) {
+  var _useState = (0, _react.useState)(Array(maxLength).fill('')),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      otpValues = _useState2[0],
+      setOtpValues = _useState2[1];
+
+  var handleChange = (0, _react.useCallback)(function (otp) {
+    setOtpValues(otp);
+    var otpValue = otp.join('');
+    onChange(otpValue);
+  }, [onChange]);
+
+  var setOtp = function setOtp(item, idx) {
+    var updatedOTPValues = (0, _toConsumableArray2["default"])(otpValues);
+
+    if (item.length === 1 || item.length === 0) {
+      updatedOTPValues[idx] = item[0] || '';
+      handleChange(updatedOTPValues);
+    } else if (item.length === maxLength) {
+      var valueArray = item.split('').slice(0, maxLength);
+      handleChange(valueArray);
+    }
+  };
+
+  var setSelectionRange = (0, _react.useCallback)(function (target) {
+    return target.setSelectionRange(0, target.value.length);
+  }, []);
+  var focusToNextInput = (0, _react.useCallback)(function (target) {
+    var nextElement = target.nextElementSibling;
+
+    if (nextElement) {
+      nextElement.focus();
+    }
+  }, []);
+  var focusToPrevInput = (0, _react.useCallback)(function (target) {
+    var previousElement = target.previousElementSibling;
+
+    if (previousElement) {
+      previousElement.focus();
+    }
+  }, []);
+  var handleKeyDown = (0, _react.useCallback)(function (e, idx) {
+    var key = e.key;
+    var target = e.target;
+    var targetValue = target.value;
+    setSelectionRange(target);
+
+    if (key === 'ArrowRight' || key === 'ArrowDown') {
+      e.preventDefault();
+      return focusToNextInput(target);
+    }
+
+    if (key === 'ArrowLeft' || key === 'ArrowUp') {
+      e.preventDefault();
+      return focusToPrevInput(target);
+    }
+
+    if (e.key === 'Backspace' || e.key === 'Delete') {
+      if (targetValue !== '') {
+        targetValue = '';
+      } else {
+        focusToPrevInput(target);
+      }
+
+      setOtp(targetValue, idx);
+      return e.preventDefault();
+    }
+  }, [setOtp, focusToPrevInput, focusToNextInput]);
+  var handleFocus = (0, _react.useCallback)(function (e) {
+    var target = e.target;
+    setSelectionRange(target);
+  }, [setSelectionRange]);
+  var handleOtpChange = (0, _react.useCallback)(function (e, idx) {
+    var target = e.target;
+    var targetValue = target.value;
+    var isTargetValueDigit = RE_DIGIT.test(targetValue); // We want to pass the empty string when the value is deleted
+    // emptry string replaces the deleted value
+
+    if (isTargetValueDigit || targetValue === '') {
+      setOtp(targetValue, idx);
+
+      if (target.value.length > 1) {
+        target.blur();
+      }
+
+      focusToNextInput(target);
+    }
+  }, [setOtp, handleKeyDown, handleFocus]);
+  var handlePaste = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+    var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
+
+    if (pastedData) {
+      setOtp(pastedData, 0);
+    }
+  }, []);
+  return {
+    otpValues: otpValues,
+    handleOtpChange: handleOtpChange,
+    handleKeyDown: handleKeyDown,
+    handleFocus: handleFocus,
+    handlePaste: handlePaste
+  };
+}
+
+var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
+  var props = (0, _extends2["default"])({}, _ref);
+  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs.SingleCharacterInput, props);
+};
+
+var OtpInput = function OtpInput(_ref2) {
+  var name = _ref2.name,
+      _ref2$maxLength = _ref2.maxLength,
+      maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  var otp = useOtp(props.onChange, maxLength);
+  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs["default"], null, otp.otpValues.map(function (digit, idx) {
+    return /*#__PURE__*/_react["default"].createElement(SingleCharacterInputPart, {
+      name: "".concat(name, "-").concat(idx),
+      type: "text",
+      key: idx,
+      autoComplete: "one-time-code",
+      pattern: "\\d{1}",
+      maxLength: maxLength,
+      value: digit,
+      disabled: props.disabled,
+      "aria-required": props['aria-required'],
+      onChange: function onChange(e) {
+        return otp.handleOtpChange(e, idx);
+      },
+      onInput: function onInput(e) {
+        if (e.target.value === digit) {
+          otp.handleOtpChange(e, idx);
+        }
+      },
+      onKeyDown: function onKeyDown(e) {
+        return otp.handleKeyDown(e, idx);
+      },
+      onFocus: otp.handleFocus,
+      onPaste: otp.handlePaste,
+      error: !digit ? props.error : false
+    });
+  }));
+};
+
+exports.OtpInput = OtpInput;
+var _default = OtpInput;
+exports["default"] = _default;

package/cjs/inputs/Radio/Radio.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ = _interopRequireDefault(require("./"));
+
+var _Default = require("./__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 _WithDivider = require("./__stories__/WithDivider");
+
+Object.keys(_WithDivider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithDivider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithDivider[key];
+    }
+  });
+});
+
+var _Conditional = require("./__stories__/Conditional");
+
+Object.keys(_Conditional).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Conditional[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Conditional[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov Form/inputs/Radio',
+  component: _["default"],
+  displayName: 'Radio'
+};
+exports["default"] = _default;

package/{es → cjs}/inputs/Radio/__stories__/Conditional.js

@@ -1,6 +1,24 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Conditional = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+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); }
+
+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 fields = [{
   key: 'landline',
   type: 'phone_number',
@@ -76,20 +94,22 @@ var fields = [{
   }
 }];
 
-var _ref = /*#__PURE__*/React.createElement(Field, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_.Field, {
   key: "auth_form",
   name: "auth_form"
 });
 
-var _ref2 = /*#__PURE__*/React.createElement(Button, {
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-export var Conditional = function Conditional() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
+var Conditional = function Conditional() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
     onSubmit: function onSubmit(data) {
       console.log(data);
     },
     fields: fields
   }, _ref, _ref2);
-};
+};
+
+exports.Conditional = Conditional;

package/cjs/inputs/Radio/__stories__/Default.js

@@ -0,0 +1,67 @@
+"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.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+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); }
+
+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 _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  type: "submit"
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, {
+    key: 'string',
+    name: "string",
+    type: "choice:single",
+    required: true,
+    label: {
+      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
+    },
+    extra: {
+      options: [{
+        label: {
+          primary: 'Ελλάδα'
+        },
+        value: 'greece'
+      }, {
+        label: {
+          primary: 'Κύπρος'
+        },
+        value: 'cyprus'
+      }, {
+        label: {
+          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
+        },
+        value: 'eu'
+      }, {
+        label: {
+          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
+        },
+        value: 'usa'
+      }]
+    }
+  }), _ref);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;