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

package/cjs/inputs/ImageInput/index.js

@@ -0,0 +1,116 @@
+"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.ImageInput = exports.Image = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FileUpload = _interopRequireDefault(require("@digigov/react-core/cjs/FileUpload"));
+
+var _FileUploadContainer = _interopRequireDefault(require("@digigov/react-core/cjs/FileUploadContainer"));
+
+var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
+
+var _Button = _interopRequireWildcard(require("@digigov/ui/cjs/form/Button"));
+
+var _Paragraph = _interopRequireDefault(require("@digigov/ui/cjs/typography/Paragraph"));
+
+var _i18n = require("@digigov/ui/cjs/i18n");
+
+var _excluded = ["name", "extra", "disabled", "onChange", "reset"];
+
+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 Image = /*#__PURE__*/_react["default"].memo(function Image(_ref) {
+  var src = _ref.src;
+  return /*#__PURE__*/_react["default"].createElement("img", {
+    src: src,
+    className: "govgr-image--ratio"
+  });
+});
+
+exports.Image = Image;
+
+var ImageInput = /*#__PURE__*/_react["default"].forwardRef(function ImageInput(_ref2, ref) {
+  var name = _ref2.name,
+      _ref2$extra = _ref2.extra,
+      extra = _ref2$extra === void 0 ? {} : _ref2$extra,
+      disabled = _ref2.disabled,
+      onChange = _ref2.onChange,
+      reset = _ref2.reset,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+
+  var _useTranslation = (0, _i18n.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      selectedImage = _useState2[0],
+      setSelectedImage = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      imageUrl = _useState4[0],
+      setImageUrl = _useState4[1];
+
+  var handleImageChange = (0, _react.useCallback)(function (e) {
+    var _target$files;
+
+    e.preventDefault();
+    var target = e.target;
+    var selectedFile = (_target$files = target.files) === null || _target$files === void 0 ? void 0 : _target$files[0];
+
+    if (selectedFile) {
+      setSelectedImage(selectedFile);
+      setImageUrl(URL.createObjectURL(selectedFile));
+    }
+
+    onChange(e);
+  }, [selectedImage]);
+  var handleDeleteImage = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    reset((0, _defineProperty2["default"])({}, name, ''));
+    setSelectedImage(null);
+    setImageUrl('');
+  }, [selectedImage]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FileUploadContainer["default"], null, selectedImage !== null ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.image'), ":"), " ", "".concat(selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.name))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+    className: "govgr-dashed--border"
+  }, t('upload.no_image')), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(Image, {
+    src: imageUrl
+  }), /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, {
+    marginTop: 2
+  }, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "link",
+    onClick: handleDeleteImage
+  }, t('upload.reset_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
+    ref: ref,
+    hasFiles: selectedImage !== null,
+    name: name,
+    disabled: disabled,
+    accept: "image/*",
+    onChange: handleImageChange
+  }, (0, _extends2["default"])({}, props, {
+    required: undefined,
+    type: 'file'
+  })), t('upload.choose_image'))))));
+});
+
+exports.ImageInput = ImageInput;
+var _default = ImageInput;
+exports["default"] = _default;

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/form/inputs/Input/__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 _Integer = require("@digigov/form/inputs/Input/__stories__/Integer");
+var _Integer = require("./__stories__/Integer");
 
 Object.keys(_Integer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -38,7 +38,7 @@ Object.keys(_Integer).forEach(function (key) {
   });
 });
 
-var _Boolean = require("@digigov/form/inputs/Input/__stories__/Boolean");
+var _Boolean = require("./__stories__/Boolean");
 
 Object.keys(_Boolean).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -52,7 +52,7 @@ Object.keys(_Boolean).forEach(function (key) {
   });
 });
 
-var _PhoneNumber = require("@digigov/form/inputs/Input/__stories__/PhoneNumber");
+var _PhoneNumber = require("./__stories__/PhoneNumber");
 
 Object.keys(_PhoneNumber).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -66,7 +66,7 @@ Object.keys(_PhoneNumber).forEach(function (key) {
   });
 });
 
-var _MobilePhone = require("@digigov/form/inputs/Input/__stories__/MobilePhone");
+var _MobilePhone = require("./__stories__/MobilePhone");
 
 Object.keys(_MobilePhone).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -80,7 +80,7 @@ Object.keys(_MobilePhone).forEach(function (key) {
   });
 });
 
-var _AFM = require("@digigov/form/inputs/Input/__stories__/AFM");
+var _AFM = require("./__stories__/AFM");
 
 Object.keys(_AFM).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -94,7 +94,7 @@ Object.keys(_AFM).forEach(function (key) {
   });
 });
 
-var _IBAN = require("@digigov/form/inputs/Input/__stories__/IBAN");
+var _IBAN = require("./__stories__/IBAN");
 
 Object.keys(_IBAN).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -108,7 +108,7 @@ Object.keys(_IBAN).forEach(function (key) {
   });
 });
 
-var _PostalCode = require("@digigov/form/inputs/Input/__stories__/PostalCode");
+var _PostalCode = require("./__stories__/PostalCode");
 
 Object.keys(_PostalCode).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -122,7 +122,7 @@ Object.keys(_PostalCode).forEach(function (key) {
   });
 });
 
-var _TextWithCharacterLimit = require("@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit");
+var _TextWithCharacterLimit = require("./__stories__/TextWithCharacterLimit");
 
 Object.keys(_TextWithCharacterLimit).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -137,7 +137,7 @@ Object.keys(_TextWithCharacterLimit).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/inputs/Input',
-  component: _Input["default"],
+  component: _["default"],
   displayName: 'Input'
 };
 exports["default"] = _default;

package/{inputs/Input/__stories__/AFM.js → cjs/inputs/Input/__stories__/AFM/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.AFM = 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 AFM = function AFM() {
-  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: "afm",
     name: "afm",
     type: "afm",

package/{inputs/Input/__stories__/Boolean.js → cjs/inputs/Input/__stories__/Boolean/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.Boolean = 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 Boolean = function Boolean() {
-  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: "boolean-value",
     name: "boolean-value",
     type: "boolean",

package/{inputs/Input/__stories__/Default.js → cjs/inputs/Input/__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: "business-title",
     name: "business-title",
     type: "string",

package/{inputs/Input/__stories__/IBAN.js → cjs/inputs/Input/__stories__/IBAN/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.IBAN = 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 IBAN = function IBAN() {
-  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: "iban",
     name: "iban",
     type: "iban",

package/{inputs/Input/__stories__/Integer.js → cjs/inputs/Input/__stories__/Integer/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.Integer = 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 Integer = function Integer() {
-  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: "random-number",
     name: "random-number",
     type: "int",
@@ -37,7 +37,7 @@ var Integer = function Integer() {
       secondary: 'Εισάγετε έναν οποιοδήποτε αριθμό μεγαλύτερο από το μηδέν'
     },
     required: true
-  }), /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }), /*#__PURE__*/_react["default"].createElement(_.Field, {
     key: "random-number-not-req",
     name: "random-number-not-req",
     type: "int",

package/{inputs/Input/__stories__/MobilePhone.js → cjs/inputs/Input/__stories__/MobilePhone/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.MobilePhone = 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 MobilePhone = function MobilePhone() {
-  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: "mobile-phone",
     name: "mobile-phone",
     type: "mobile_phone",

package/{inputs/Input/__stories__/PhoneNumber.js → cjs/inputs/Input/__stories__/PhoneNumber/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.PhoneNumber = 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 PhoneNumber = function PhoneNumber() {
-  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: "phone-number",
     name: "phone-number",
     type: "phone_number",

package/{inputs/Input/__stories__/PostalCode.js → cjs/inputs/Input/__stories__/PostalCode/index.js}

@@ -11,9 +11,9 @@ exports["default"] = exports.PostalCode = 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 PostalCode = function PostalCode() {
-  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: "postal-code",
     name: "postal-code",
     type: "postal_code",

package/{inputs/Input/__stories__/TextWithCharacterLimit.js → cjs/inputs/Input/__stories__/TextWithCharacterLimit/index.js}

@@ -11,24 +11,24 @@ exports["default"] = exports.TextWithCharacterLimit = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _form = _interopRequireWildcard(require("@digigov/form"));
+var _ = _interopRequireWildcard(require("../../.."));
 
-var _form2 = require("@digigov/ui/form");
+var _form = require("@digigov/ui/cjs/form");
 
 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(_form2.Button, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_form.Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 var TextWithCharacterLimit = function TextWithCharacterLimit() {
-  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: "text",
     name: "text",
     type: "text",

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/{inputs/Label/Label.stories.js → cjs/inputs/Label/Label.stories/index.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Label = _interopRequireDefault(require("@digigov/form/inputs/Label"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/form/inputs/Label/__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/Label',
-  component: _Label["default"],
+  component: _["default"],
   displayName: 'Label'
 };
 exports["default"] = _default;

package/{inputs/Label/__stories__/Default.js → cjs/inputs/Label/__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,16 +24,16 @@ 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.Label, {
+  }, /*#__PURE__*/_react["default"].createElement(_.Label, {
     label: {
       primary: 'Στοιχεία επιχείρησης',
       secondary: 'Συμπληρώστε τα στοιχεία'
     }
-  }), /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }), /*#__PURE__*/_react["default"].createElement(_.Field, {
     key: "business-title",
     name: "business-title",
     type: "string",