@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

package/src/inputs/ImageInput/index.mdx

@@ -0,0 +1,19 @@
+---
+title: Image Input
+---
+ 
+# Image input
+
+
+
+Input element of type `image` defines an image as a submit button, i.e. submit buttons that take the form of an image rather than text.
+
+## How to use
+
+### Default
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/ImageInput"
+  story="Default.tsx"
+/>

package/src/inputs/Input/index.mdx

@@ -1,8 +1,95 @@
 ---
 title: Input
-parent: docs/ui/components
 ---
+ 
+# Input
+
+
+
+The input element of type `string` is used to create interactive controls for web-based forms in order to accept data from the user; 
+a wide variety of types of input data and control widgets are available, depending on the device and user agent. The input element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
+
+## How to use
+
+### Default
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="Default.tsx"
+/>
+
+### Boolean
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="Boolean.tsx"
+/>
+### AFM
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="AFM.tsx"
+/>
+
+### IBAN
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="IBAN.tsx"
+/>
+
+### Integer
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="Default.tsx"
+/>
+
+### Landline number
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="LandlineNumber.tsx"
+/>
+
+### Mobile phone 
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="MobilePhone.tsx"
+/>
+
+### Phone number
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="PhoneNumber.tsx"
+/>
+
+### Postal code 
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="PostalCode.tsx"
+/>
+
+### Text with character limit 
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Input"
+  story="TextWithCharacterLimit.tsx"
+/>
+
+
 
-## Example
 
-<Input type="text" />

package/src/inputs/OtpInput/index.mdx

@@ -0,0 +1,23 @@
+---
+title: OTP Input
+---
+ 
+# OTP input
+
+
+
+A one-time password (OTP) input element of type `otp`, also known as a one-time PIN, one-time authorization code (OTAC) or dynamic password, is a password that is valid for only one login session or transaction, 
+on a computer system or other digital device.
+
+## How to use
+
+### Default
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/OtpInput"
+  story="Default.tsx"
+/>
+
+
+

package/src/inputs/OtpInput/index.tsx

@@ -123,7 +123,7 @@ const SingleCharacterInputPart = ({ ...props }) => {
   return <SingleCharacterInput {...props} />;
 };
 
-export const OtpInput = function OtpInput({ name, maxLength = 6, ...props }) {
+export const OtpInput = ({ name, maxLength = 6, ...props }) => {
   const otp = useOtp(props.onChange, maxLength);
   return (
     <SingleCharacterInputs>

package/src/inputs/Radio/__stories__/Conditional.tsx

@@ -95,3 +95,5 @@ export const Conditional = () => (
     <Button type="submit">Συνέχεια</Button>
   </FormBuilder>
 );
+
+export default Conditional;

package/src/inputs/Radio/index.mdx

@@ -0,0 +1,33 @@
+---
+title: Radio
+---
+ 
+# Radio
+Input element of type `radio` are generally used in radio groups—collections of radio buttons describing a set of related options.
+Radios are used to let a user select one option of a limited number of choices.
+
+## How to use
+
+### Default
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Radio"
+  story="Default.tsx"
+/>
+
+### Conditional
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Radio"
+  story="Conditional.tsx"
+/>
+
+### With divider
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Radio"
+  story="WithDivider.tsx"
+/>

package/src/inputs/Select/index.mdx

@@ -0,0 +1,17 @@
+---
+title: Select
+---
+ 
+# Select
+
+The select element represents a control that provides a menu of options.
+
+## How to use
+
+### Default
+
+<Story
+  packageName="@digigov/form"
+  component="inputs/Select"
+  story="Default.tsx"
+/>

package/types/index.js

@@ -1 +1 @@
-export {};
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/utils/index.js

@@ -1,80 +1,42 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _extends from "@babel/runtime/helpers/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-import { validateFieldsNatively } from '@hookform/resolvers';
-import { appendErrors } from 'react-hook-form';
-/**
- * Why `path!` ? because it could be `undefined` in some case
- * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string
- */
-var parseErrorSchema = function parseErrorSchema(error, validateAllFieldCriteria) {
-  return (error.inner || []).reduce(function (previous, error) {
-    var _error$path;
-    error.path = (_error$path = error.path) === null || _error$path === void 0 ? void 0 : _error$path.replace(/\[([0-9]+)\]/g, '.$1');
-    if (!previous[error.path]) {
-      previous[error.path] = {
-        message: error.message,
-        type: error.type
-      };
+import {validateFieldsNatively} from "@hookform/resolvers";
+import {appendErrors} from "react-hook-form";
+const parseErrorSchema = (error, validateAllFieldCriteria) => {
+  return (error.inner || []).reduce((previous, error2) => {
+    error2.path = error2.path?.replace(/\[([0-9]+)\]/g, ".$1");
+    if (!previous[error2.path]) {
+      previous[error2.path] = {message: error2.message, type: error2.type};
     }
     if (validateAllFieldCriteria) {
-      var types = previous[error.path].types;
-      var messages = types && types[error.type];
-      previous[error.path] = appendErrors(error.path, validateAllFieldCriteria, previous, error.type, messages ? [].concat(messages, error.message) : error.message);
+      const types = previous[error2.path].types;
+      const messages = types && types[error2.type];
+      previous[error2.path] = appendErrors(error2.path, validateAllFieldCriteria, previous, error2.type, messages ? [].concat(messages, error2.message) : error2.message);
     }
     return previous;
   }, {});
 };
-export var yupResolver = function yupResolver(schema) {
-  var schemaOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var resolverOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values, context, options) {
-      var result, parsed;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            if (schemaOptions.context && process.env.NODE_ENV === 'development') {
-              // eslint-disable-next-line no-console
-              console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead");
-            }
-            _context.next = 4;
-            return schema[resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'](values, _extends({
-              abortEarly: false
-            }, schemaOptions, {
-              context: context
-            }));
-          case 4:
-            result = _context.sent;
-            options.shouldUseNativeValidation && validateFieldsNatively({}, options);
-            return _context.abrupt("return", {
-              values: resolverOptions.rawValues ? values : result,
-              errors: {}
-            });
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](0);
-            if (_context.t0.inner) {
-              _context.next = 13;
-              break;
-            }
-            throw _context.t0;
-          case 13:
-            parsed = parseErrorSchema(_context.t0, !options.shouldUseNativeValidation && options.criteriaMode === 'all');
-            return _context.abrupt("return", {
-              values: {},
-              errors: parsed
-            });
-          case 15:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 9]]);
-    }));
-    return function (_x, _x2, _x3) {
-      return _ref.apply(this, arguments);
+const yupResolver = (schema, schemaOptions = {}, resolverOptions = {}) => async (values, context, options) => {
+  try {
+    if (schemaOptions.context && process.env.NODE_ENV === "development") {
+      console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead");
+    }
+    const result = await schema[resolverOptions.mode === "sync" ? "validateSync" : "validate"](values, Object.assign({abortEarly: false}, schemaOptions, {context}));
+    options.shouldUseNativeValidation && validateFieldsNatively({}, options);
+    return {
+      values: resolverOptions.rawValues ? values : result,
+      errors: {}
+    };
+  } catch (e) {
+    if (!e.inner) {
+      throw e;
+    }
+    const parsed = parseErrorSchema(e, !options.shouldUseNativeValidation && options.criteriaMode === "all");
+    return {
+      values: {},
+      errors: parsed
     };
-  }();
-};
+  }
+};
+export {
+  yupResolver
+};
+//# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils.ts"],
+  "sourcesContent": ["import { validateFieldsNatively } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport * as Yup from 'yup';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean\n) => {\n  return (error.inner || []).reduce<Record<string, FieldError>>(\n    (previous, error) => {\n      error.path = error.path?.replace(/\\[([0-9]+)\\]/g, '.$1');\n      if (!previous[error.path!]) {\n        previous[error.path!] = { message: error.message, type: error.type! };\n      }\n\n      if (validateAllFieldCriteria) {\n        const types = previous[error.path!].types;\n        const messages = types && types[error.type!];\n\n        previous[error.path!] = appendErrors(\n          error.path!,\n          validateAllFieldCriteria,\n          previous,\n          error.type!,\n          messages\n            ? ([] as string[]).concat(messages as string[], error.message)\n            : error.message\n        ) as FieldError;\n      }\n\n      return previous;\n    },\n    {}\n  );\n};\n\nexport const yupResolver = (\n  schema: any,\n  schemaOptions: any = {},\n  resolverOptions: any = {}\n) => async (values, context, options) => {\n  try {\n    if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"You should not used the yup options context. Please, use the 'useForm' context object instead\"\n      );\n    }\n\n    const result = await schema[\n      resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n    ](values, Object.assign({ abortEarly: false }, schemaOptions, { context }));\n\n    options.shouldUseNativeValidation && validateFieldsNatively({}, options);\n\n    return {\n      values: resolverOptions.rawValues ? values : result,\n      errors: {},\n    };\n  } catch (e) {\n    if (!e.inner) {\n      throw e;\n    }\n\n    const parsed = parseErrorSchema(\n      e,\n      !options.shouldUseNativeValidation && options.criteriaMode === 'all'\n    );\n    return {\n      values: {},\n      errors: parsed,\n    };\n  }\n};\n"],
+  "mappings": "AAAA;AACA;AAOA,MAAM,mBAAmB,CACvB,OACA,6BACG;AACH,SAAQ,OAAM,SAAS,IAAI,OACzB,CAAC,UAAU,WAAU;AACnB,WAAM,OAAO,OAAM,MAAM,QAAQ,iBAAiB;AAClD,QAAI,CAAC,SAAS,OAAM,OAAQ;AAC1B,eAAS,OAAM,QAAS,CAAE,SAAS,OAAM,SAAS,MAAM,OAAM;AAAA;AAGhE,QAAI,0BAA0B;AAC5B,YAAM,QAAQ,SAAS,OAAM,MAAO;AACpC,YAAM,WAAW,SAAS,MAAM,OAAM;AAEtC,eAAS,OAAM,QAAS,aACtB,OAAM,MACN,0BACA,UACA,OAAM,MACN,WACK,GAAgB,OAAO,UAAsB,OAAM,WACpD,OAAM;AAAA;AAId,WAAO;AAAA,KAET;AAAA;AAIG,MAAM,cAAc,CACzB,QACA,gBAAqB,IACrB,kBAAuB,OACpB,OAAO,QAAQ,SAAS,YAAY;AACvC,MAAI;AACF,QAAI,cAAc,WAAW,QAAQ,IAAI,aAAa,eAAe;AAEnE,cAAQ,KACN;AAAA;AAIJ,UAAM,SAAS,MAAM,OACnB,gBAAgB,SAAS,SAAS,iBAAiB,YACnD,QAAQ,OAAO,OAAO,CAAE,YAAY,QAAS,eAAe,CAAE;AAEhE,YAAQ,6BAA6B,uBAAuB,IAAI;AAEhE,WAAO;AAAA,MACL,QAAQ,gBAAgB,YAAY,SAAS;AAAA,MAC7C,QAAQ;AAAA;AAAA,WAEH,GAAP;AACA,QAAI,CAAC,EAAE,OAAO;AACZ,YAAM;AAAA;AAGR,UAAM,SAAS,iBACb,GACA,CAAC,QAAQ,6BAA6B,QAAQ,iBAAiB;AAEjE,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA;AAAA;AAAA;",
+  "names": []
+}