@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/inputs/Input/__stories__/PostalCode.js

@@ -1,34 +1,17 @@
-"use strict";
+import React from 'react';
+import FormBuilder, { Field } from "../../..";
+import { Button } from '@digigov/ui/form/Button';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PostalCode = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _form = _interopRequireWildcard(require("@digigov/form"));
-
-var _Button = require("@digigov/ui/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, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var PostalCode = function PostalCode() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var PostalCode = function PostalCode() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     key: "postal-code",
     name: "postal-code",
     type: "postal_code",
@@ -41,7 +24,4 @@ var PostalCode = function PostalCode() {
     }
   }), _ref);
 };
-
-exports.PostalCode = PostalCode;
-var _default = PostalCode;
-exports["default"] = _default;
+export default PostalCode;

package/inputs/Input/__stories__/TextWithCharacterLimit.js

@@ -1,34 +1,17 @@
-"use strict";
+import React from 'react';
+import FormBuilder, { Field } from "../../..";
+import { Button } from '@digigov/ui/form';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.TextWithCharacterLimit = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _form = _interopRequireWildcard(require("@digigov/form"));
-
-var _form2 = require("@digigov/ui/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.createElement(Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var TextWithCharacterLimit = function TextWithCharacterLimit() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var TextWithCharacterLimit = function TextWithCharacterLimit() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/React.createElement(Field, {
     key: "text",
     name: "text",
     type: "text",
@@ -45,7 +28,4 @@ var TextWithCharacterLimit = function TextWithCharacterLimit() {
     }
   }), _ref);
 };
-
-exports.TextWithCharacterLimit = TextWithCharacterLimit;
-var _default = TextWithCharacterLimit;
-exports["default"] = _default;
+export default TextWithCharacterLimit;

package/inputs/Input/index.js

@@ -1,42 +1,24 @@
-"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/TextInput"));
-
-var _TextArea = _interopRequireDefault(require("@digigov/react-core/TextArea"));
-
-var _reactCore = require("@digigov/react-core");
-
-var _reactHookForm = require("react-hook-form");
-
-var _i18n = require("@digigov/ui/i18n");
-
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "control", "type", "extra"];
+import React from 'react';
+import TextInput from '@digigov/react-core/TextInput';
+import TextArea from '@digigov/react-core/TextArea';
+import { Hint } from '@digigov/react-core';
+import { useWatch } from 'react-hook-form';
+import { useTranslation } from '@digigov/ui/i18n';
 var TYPES_MAP = {
   string: 'text',
   "int": 'text',
   text: 'text',
   date: 'date'
 };
-
-var Input = /*#__PURE__*/_react["default"].forwardRef(function WrappedInput(_ref, ref) {
+export var Input = /*#__PURE__*/React.forwardRef(function WrappedInput(_ref, ref) {
   var name = _ref.name,
       control = _ref.control,
       type = _ref.type,
       extra = _ref.extra,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   // eslint-disable-next-line prefer-const
   var _ref2 = extra || {},
@@ -55,42 +37,39 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function WrappedInput(_ref
 
   var fieldType = TYPES_MAP[type || 'text'] || 'text';
 
-  var _useTranslation = (0, _i18n.useTranslation)(),
+  var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  var currentValue = (0, _reactHookForm.useWatch)({
+  var currentValue = 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"])({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({
       name: name,
       className: className,
       rows: rows,
       ref: ref
-    }, (0, _extends2["default"])({}, props, {
+    }, _extends({}, 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", {
+    }))), (limit === null || limit === void 0 ? void 0 : limit.max) && /*#__PURE__*/React.createElement(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.createElement("span", null, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.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.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'), ".")));
+    }, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.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"])({
+    return /*#__PURE__*/React.createElement(TextInput, _extends({
       name: name,
       type: fieldType,
       className: className,
       ref: ref
-    }, (0, _extends2["default"])({}, props, {
+    }, _extends({}, props, {
       reset: undefined,
       required: undefined
     })));
   }
 });
-
-exports.Input = Input;
-var _default = Input;
-exports["default"] = _default;
+export default Input;

package/inputs/Input/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/inputs/Input/index.js"
+}

package/inputs/Label/Label.stories.js

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

package/inputs/Label/__stories__/Default.js

@@ -1,39 +1,22 @@
-"use strict";
+import React from 'react';
+import FormBuilder, { Field, Label } from "../../..";
+import { Button } from '@digigov/ui/form/Button';
 
-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 _form = _interopRequireWildcard(require("@digigov/form"));
-
-var _Button = require("@digigov/ui/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, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Label, {
+  }, /*#__PURE__*/React.createElement(Label, {
     label: {
       primary: 'Στοιχεία επιχείρησης',
       secondary: 'Συμπληρώστε τα στοιχεία'
     }
-  }), /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }), /*#__PURE__*/React.createElement(Field, {
     key: "business-title",
     name: "business-title",
     type: "string",
@@ -43,7 +26,4 @@ var Default = function Default() {
     required: true
   }), _ref);
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/inputs/Label/index.js

@@ -1,41 +1,25 @@
-"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/Hint"));
-
-var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
-
-var _i18n = require("@digigov/ui/i18n");
-
-var Label = function Label(_ref) {
+import React from 'react';
+import Hint from '@digigov/react-core/Hint';
+import LabelTitle from '@digigov/react-core/LabelTitle';
+import { useTranslation } from '@digigov/ui/i18n';
+export var Label = function Label(_ref) {
   var className = _ref.className,
       label = _ref.label,
       value = _ref.value;
 
-  var _useTranslation = (0, _i18n.useTranslation)(),
+  var _useTranslation = 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"], {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelTitle, {
     className: className,
     size: "sm"
-  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary)));
+  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)));
 };
-
-exports.Label = Label;
 Label.defaultProps = {
   label: {}
 };
-var _default = Label;
-exports["default"] = _default;
+export default Label;

package/inputs/Label/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/inputs/Label/index.js"
+}

package/inputs/OtpInput/OtpInput.stories.js

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

package/inputs/OtpInput/__stories__/Default.js

@@ -1,24 +1,6 @@
-"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 _form = _interopRequireWildcard(require("@digigov/form"));
-
-var _Button = require("@digigov/ui/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; }
-
+import React from 'react';
+import FormBuilder, { Field, Fieldset } from "../../..";
+import { Button } from '@digigov/ui/form/Button';
 var FIELDS = [{
   key: 'otp',
   type: 'otp',
@@ -29,24 +11,21 @@ var FIELDS = [{
   }
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref = /*#__PURE__*/React.createElement(Button, {
   type: "submit"
 }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     fields: FIELDS,
     onSubmit: function onSubmit(data) {
       console.log(data);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  }, /*#__PURE__*/React.createElement(Fieldset, null, FIELDS.map(function (field) {
+    return /*#__PURE__*/React.createElement(Field, {
       key: field.key,
       name: field.key
     });
   })), _ref);
 };
-
-exports.Default = Default;
-var _default = Default;
-exports["default"] = _default;
+export default Default;

package/inputs/OtpInput/index.js

@@ -1,51 +1,27 @@
-"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/form/SingleCharacterInputs"));
-
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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;
+import React, { useState, useCallback } from 'react';
+import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
+export var RE_DIGIT = new RegExp(/^\d+$/);
+export var REMOVE_SPACES = new RegExp(/\s+/g);
 
 function useOtp(onChange, maxLength) {
-  var _useState = (0, _react.useState)(Array(maxLength).fill('')),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(Array(maxLength).fill('')),
+      _useState2 = _slicedToArray(_useState, 2),
       otpValues = _useState2[0],
       setOtpValues = _useState2[1];
 
-  var handleChange = (0, _react.useCallback)(function (otp) {
+  var handleChange = useCallback(function (otp) {
     setOtpValues(otp);
     var otpValue = otp.join('');
     onChange(otpValue);
   }, [onChange]);
 
   var setOtp = function setOtp(item, idx) {
-    var updatedOTPValues = (0, _toConsumableArray2["default"])(otpValues);
+    var updatedOTPValues = _toConsumableArray(otpValues);
 
     if (item.length === 1 || item.length === 0) {
       updatedOTPValues[idx] = item[0] || '';
@@ -56,24 +32,24 @@ function useOtp(onChange, maxLength) {
     }
   };
 
-  var setSelectionRange = (0, _react.useCallback)(function (target) {
+  var setSelectionRange = useCallback(function (target) {
     return target.setSelectionRange(0, target.value.length);
   }, []);
-  var focusToNextInput = (0, _react.useCallback)(function (target) {
+  var focusToNextInput = useCallback(function (target) {
     var nextElement = target.nextElementSibling;
 
     if (nextElement) {
       nextElement.focus();
     }
   }, []);
-  var focusToPrevInput = (0, _react.useCallback)(function (target) {
+  var focusToPrevInput = useCallback(function (target) {
     var previousElement = target.previousElementSibling;
 
     if (previousElement) {
       previousElement.focus();
     }
   }, []);
-  var handleKeyDown = (0, _react.useCallback)(function (e, idx) {
+  var handleKeyDown = useCallback(function (e, idx) {
     var key = e.key;
     var target = e.target;
     var targetValue = target.value;
@@ -100,11 +76,11 @@ function useOtp(onChange, maxLength) {
       return e.preventDefault();
     }
   }, [setOtp, focusToPrevInput, focusToNextInput]);
-  var handleFocus = (0, _react.useCallback)(function (e) {
+  var handleFocus = useCallback(function (e) {
     var target = e.target;
     setSelectionRange(target);
   }, [setSelectionRange]);
-  var handleOtpChange = (0, _react.useCallback)(function (e, idx) {
+  var handleOtpChange = 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
@@ -120,7 +96,7 @@ function useOtp(onChange, maxLength) {
       focusToNextInput(target);
     }
   }, [setOtp, handleKeyDown, handleFocus]);
-  var handlePaste = (0, _react.useCallback)(function (e) {
+  var handlePaste = useCallback(function (e) {
     e.preventDefault();
     var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
 
@@ -138,18 +114,20 @@ function useOtp(onChange, maxLength) {
 }
 
 var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
-  var props = (0, _extends2["default"])({}, _ref);
-  return /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs.SingleCharacterInput, props);
+  var props = _extends({}, _ref);
+
+  return /*#__PURE__*/React.createElement(SingleCharacterInput, props);
 };
 
-var OtpInput = function OtpInput(_ref2) {
+export 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);
+      props = _objectWithoutProperties(_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, {
+  return /*#__PURE__*/React.createElement(SingleCharacterInputs, null, otp.otpValues.map(function (digit, idx) {
+    return /*#__PURE__*/React.createElement(SingleCharacterInputPart, {
       name: "".concat(name, "-").concat(idx),
       type: "text",
       key: idx,
@@ -176,7 +154,4 @@ var OtpInput = function OtpInput(_ref2) {
     });
   }));
 };
-
-exports.OtpInput = OtpInput;
-var _default = OtpInput;
-exports["default"] = _default;
+export default OtpInput;

package/inputs/OtpInput/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/inputs/OtpInput/index.js"
+}