@digigov/form 1.1.2 → 1.1.4-mobile

package/cjs/inputs/Input/__stories__/PostalCode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/inputs/Input/__stories__/PostalCode.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const PostalCode = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"postal-code\"\n      name=\"postal-code\"\n      type=\"postal_code\"\n      label={{\n        primary: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2',\n      }}\n      required\n      extra={{ countries: ['GR'] }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default PostalCode;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAmC;AACnC,oBAAuB;AAEhB,MAAM,aAAa,MACxB,6BAAAA,QAAA;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,UAAQ;AAAA,MACR,OAAO,EAAE,WAAW,CAAC,IAAI,EAAE;AAAA;AAAA,EAC7B;AAAA,EACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,qBAAQ;",
+  "names": ["React", "FormBuilder"]
+}

package/cjs/inputs/Input/__stories__/String/index.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var String_exports = {};
+__export(String_exports, {
+  String: () => String,
+  default: () => String_default
+});
+module.exports = __toCommonJS(String_exports);
+var import_react = __toESM(require("react"));
+var import_form = __toESM(require("@digigov/form"));
+var import_Button = require("@digigov/ui/form/Button");
+const String = () => /* @__PURE__ */ import_react.default.createElement(
+  import_form.default,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ import_react.default.createElement(
+    import_form.Field,
+    {
+      key: "business-title",
+      name: "business-title",
+      type: "string",
+      label: {
+        primary: "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
+        secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC \u03B1\u03C0\u03CC \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2"
+      },
+      required: true
+    }
+  ),
+  /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var String_default = String;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  String
+});
+//# sourceMappingURL=String.js.map

package/cjs/inputs/Input/__stories__/String.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/inputs/Input/__stories__/String.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const String = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"business-title\"\n      name=\"business-title\"\n      type=\"string\"\n      label={{\n        primary: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n        secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC \u03B1\u03C0\u03CC \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2',\n      }}\n      required\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default String;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAmC;AACnC,oBAAuB;AAEhB,MAAM,SAAS,MACpB,6BAAAA,QAAA;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,iBAAQ;",
+  "names": ["React", "FormBuilder"]
+}

package/cjs/inputs/Input/__stories__/TextWithLimit/index.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TextWithLimit_exports = {};
+__export(TextWithLimit_exports, {
+  TextWithLimit: () => TextWithLimit,
+  default: () => TextWithLimit_default
+});
+module.exports = __toCommonJS(TextWithLimit_exports);
+var import_react = __toESM(require("react"));
+var import_form = __toESM(require("@digigov/form"));
+var import_form2 = require("@digigov/ui/form");
+const TextWithLimit = () => /* @__PURE__ */ import_react.default.createElement(
+  import_form.default,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ import_react.default.createElement(
+    import_form.Field,
+    {
+      key: "text",
+      name: "text",
+      type: "text",
+      label: {
+        primary: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"
+      },
+      required: true,
+      extra: { limit: { min: 3, max: 10 }, multiline: true }
+    }
+  ),
+  /* @__PURE__ */ import_react.default.createElement(import_form2.Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var TextWithLimit_default = TextWithLimit;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextWithLimit
+});
+//# sourceMappingURL=TextWithLimit.js.map

package/cjs/inputs/Input/__stories__/TextWithLimit.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/inputs/Input/__stories__/TextWithLimit.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form';\n\nexport const TextWithLimit = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"text\"\n      name=\"text\"\n      type=\"text\"\n      label={{\n        primary: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;',\n      }}\n      required\n      extra={{ limit: { min: 3, max: 10 }, multiline: true }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default TextWithLimit;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAmC;AACnC,IAAAA,eAAuB;AAEhB,MAAM,gBAAgB,MAC3B,6BAAAC,QAAA;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,UAAQ;AAAA,MACR,OAAO,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,GAAG,WAAW,KAAK;AAAA;AAAA,EACvD;AAAA,EACA,6BAAAA,QAAA,cAAC,uBAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,wBAAQ;",
+  "names": ["import_form", "React", "FormBuilder"]
+}

package/cjs/inputs/Input/index.js

@@ -1,76 +1,91 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input,
+  default: () => Input_default
 });
-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 _reactHookForm = require("react-hook-form");
-var _reactCore = require("@digigov/react-core");
-var _TextArea = _interopRequireDefault(require("@digigov/react-core/cjs/TextArea"));
-var _TextInput = _interopRequireDefault(require("@digigov/react-core/cjs/TextInput"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var _excluded = ["name", "control", "type", "extra"];
-var TYPES_MAP = {
-  string: 'text',
-  "int": 'text',
-  text: 'text',
-  date: 'date'
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_Hint = require("@digigov/react-core/Hint");
+var import_TextArea = require("@digigov/react-core/TextArea");
+var import_TextInput = require("@digigov/react-core/TextInput");
+var import_i18n = require("@digigov/ui/i18n");
+var import_Base = require("@digigov/react-core/Base");
+const TYPES_MAP = {
+  string: "text",
+  int: "text",
+  text: "text",
+  date: "date"
 };
-var Input = exports.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
-    })));
+const Input = import_react.default.forwardRef(
+  function WrappedInput({ name, control, type, extra, ...props }, ref) {
+    let { multiline = false, rows, limit } = extra || {};
+    const { className } = extra || {};
+    multiline = multiline === true || type === "text";
+    rows = rows || (multiline ? 4 : 1);
+    const fieldType = TYPES_MAP[type || "text"] || "text";
+    const { t } = (0, import_i18n.useTranslation)();
+    const currentValue = (0, import_react_hook_form.useWatch)({ control, name });
+    if (multiline === true) {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        import_TextArea.TextArea,
+        {
+          name,
+          className,
+          rows,
+          ref,
+          ...{
+            ...props,
+            reset: void 0,
+            required: void 0,
+            type: fieldType
+          }
+        }
+      ), limit?.max && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, currentValue === void 0 || currentValue?.length >= 0 && currentValue?.length <= limit?.max ? /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "span" }, t("form.info.text.you_have"), " ", /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "span" }, !currentValue ? `${limit.max}` : `${limit?.max - currentValue?.length}`), " ", currentValue && limit?.max - currentValue?.length === 1 ? `${t("form.info.text.character")}` : `${t("form.info.text.characters")}`, " ", t("form.info.text.remaining"), ".") : /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "span", style: { color: "#b60202" } }, t("form.info.text.you_have"), " ", /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "b" }, currentValue && currentValue?.length - limit?.max), " ", currentValue?.length - limit?.max === 1 ? `${t("form.info.text.character")}` : `${t("form.info.text.characters")}`, " ", t("form.info.text.too_many"), ".")));
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_TextInput.TextInput,
+        {
+          name,
+          type: fieldType,
+          className,
+          ref,
+          ...{ ...props, reset: void 0, required: void 0 }
+        }
+      );
+    }
   }
+);
+var Input_default = Input;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input
 });
-var _default = exports["default"] = Input;
+//# sourceMappingURL=index.js.map

package/cjs/inputs/Input/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { Hint } from '@digigov/react-core/Hint';\nimport { TextArea } from '@digigov/react-core/TextArea';\nimport { TextInput } from '@digigov/react-core/TextInput';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Base } from '@digigov/react-core/Base';\nconst TYPES_MAP = {\n  string: 'text',\n  int: 'text',\n  text: 'text',\n  date: 'date',\n};\n\nexport interface InputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    fullWidth?: boolean;\n    multiline?: boolean;\n    className?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    rows?: any;\n    limit: {\n      min?: number;\n      max?: number;\n    };\n  };\n}\n\nexport const Input: React.ExoticComponent<InputProps> = React.forwardRef(\n  function WrappedInput({ name, control, type, extra, ...props }, ref: never) {\n    // eslint-disable-next-line prefer-const\n    let { multiline = false, rows, limit } = extra || {};\n    const { className } = extra || {};\n    // if enforced to multiline use true. Derive from type otherwise.\n    multiline = multiline === true || type === 'text';\n    // use explicit rows value if set. Derive from multiline otherwise.\n    rows = rows || (multiline ? 4 : 1);\n    // translate dilosi type to HTML Input type\n    const fieldType = TYPES_MAP[type || 'text'] || 'text';\n    const { t } = useTranslation();\n    const currentValue: string | '' = useWatch({ control, name });\n    if (multiline === true) {\n      return (\n        <>\n          <TextArea\n            name={name}\n            className={className}\n            rows={rows}\n            ref={ref}\n            {...{\n              ...props,\n              reset: undefined,\n              required: undefined,\n              type: fieldType,\n            }}\n          />\n          {limit?.max && (\n            <Hint>\n              {currentValue === undefined ||\n              (currentValue?.length >= 0 &&\n                currentValue?.length <= limit?.max) ? (\n                <Base as=\"span\">\n                  {t('form.info.text.you_have')}{' '}\n                  <Base as='span'>\n                    {!currentValue\n                      ? `${limit.max}`\n                      : `${limit?.max - currentValue?.length}`}\n                  </Base>{' '}\n                  {currentValue && limit?.max - currentValue?.length === 1\n                    ? `${t('form.info.text.character')}`\n                    : `${t('form.info.text.characters')}`}{' '}\n                  {t('form.info.text.remaining')}.\n                </Base>\n              ) : (\n                <Base as=\"span\" style={{ color: '#b60202' }}>\n                  {t('form.info.text.you_have')}{' '}\n                  <Base as='b'>{currentValue && currentValue?.length - limit?.max}</Base>{' '}\n                  {currentValue?.length - limit?.max === 1\n                    ? `${t('form.info.text.character')}`\n                    : `${t('form.info.text.characters')}`}{' '}\n                  {t('form.info.text.too_many')}.\n                </Base>\n              )}\n            </Hint>\n          )}\n        </>\n      );\n    } else {\n      return (\n        <TextInput\n          name={name}\n          type={fieldType}\n          className={className}\n          ref={ref}\n          {...{ ...props, reset: undefined, required: undefined }}\n        />\n      );\n    }\n  }\n);\n\nexport default Input;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAyB;AAEzB,kBAAqB;AACrB,sBAAyB;AACzB,uBAA0B;AAC1B,kBAA+B;AAC/B,kBAAqB;AACrB,MAAM,YAAY;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACR;AAgBO,MAAM,QAA2C,aAAAA,QAAM;AAAA,EAC5D,SAAS,aAAa,EAAE,MAAM,SAAS,MAAM,OAAO,GAAG,MAAM,GAAG,KAAY;AAE1E,QAAI,EAAE,YAAY,OAAO,MAAM,MAAM,IAAI,SAAS,CAAC;AACnD,UAAM,EAAE,UAAU,IAAI,SAAS,CAAC;AAEhC,gBAAY,cAAc,QAAQ,SAAS;AAE3C,WAAO,SAAS,YAAY,IAAI;AAEhC,UAAM,YAAY,UAAU,QAAQ,MAAM,KAAK;AAC/C,UAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,UAAM,mBAA4B,iCAAS,EAAE,SAAS,KAAK,CAAC;AAC5D,QAAI,cAAc,MAAM;AACtB,aACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,YACF,GAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU;AAAA,YACV,MAAM;AAAA,UACR;AAAA;AAAA,MACF,GACC,OAAO,OACN,6BAAAA,QAAA,cAAC,wBACE,iBAAiB,UACjB,cAAc,UAAU,KACvB,cAAc,UAAU,OAAO,MAC/B,6BAAAA,QAAA,cAAC,oBAAK,IAAG,UACN,EAAE,yBAAyB,GAAG,KAC/B,6BAAAA,QAAA,cAAC,oBAAK,IAAG,UACN,CAAC,eACE,GAAG,MAAM,GAAG,KACZ,GAAG,OAAO,MAAM,cAAc,MAAM,EAC1C,GAAQ,KACP,gBAAgB,OAAO,MAAM,cAAc,WAAW,IACnD,GAAG,EAAE,0BAA0B,CAAC,KAChC,GAAG,EAAE,2BAA2B,CAAC,IAAI,KACxC,EAAE,0BAA0B,GAAE,GACjC,IAEA,6BAAAA,QAAA,cAAC,oBAAK,IAAG,QAAO,OAAO,EAAE,OAAO,UAAU,KACvC,EAAE,yBAAyB,GAAG,KAC/B,6BAAAA,QAAA,cAAC,oBAAK,IAAG,OAAK,gBAAgB,cAAc,SAAS,OAAO,GAAI,GAAQ,KACvE,cAAc,SAAS,OAAO,QAAQ,IACnC,GAAG,EAAE,0BAA0B,CAAC,KAChC,GAAG,EAAE,2BAA2B,CAAC,IAAI,KACxC,EAAE,yBAAyB,GAAE,GAChC,CAEJ,CAEJ;AAAA,IAEJ,OAAO;AACL,aACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM;AAAA,UACN;AAAA,UACA;AAAA,UACC,GAAG,EAAE,GAAG,OAAO,OAAO,QAAW,UAAU,OAAU;AAAA;AAAA,MACxD;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "names": ["React"]
+}