UNPKG

@avarock/react-form

Version:

A customizable React form library with modular input components for building flexible forms

2 lines 26.8 kB
/*! For license information please see index.js.LICENSE.txt */ import*as e from"react";var r={20:(e,r,t)=>{var n=t(649),o=Symbol.for("react.element"),i=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,r,t){var n,c={},u=null,s=null;for(n in void 0!==t&&(u=""+t),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(s=r.ref),r)i.call(r,n)&&!l.hasOwnProperty(n)&&(c[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===c[n]&&(c[n]=r[n]);return{$$typeof:o,type:e,key:u,ref:s,props:c,_owner:a.current}}r.jsx=c,r.jsxs=c},848:(e,r,t)=>{e.exports=t(20)},649:r=>{r.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var i=t[e]={exports:{}};return r[e](i,i.exports,n),i.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r);var o={};n.d(o,{lV:()=>d,yH:()=>le,U6:()=>be,$k:()=>Y,Sm:()=>k,dw:()=>R,lI:()=>re});var i=n(649),a=function(e,r,t){return!(r.props.required&&!e[r.props.name]&&(t[r.props.name]="* ".concat(r.props.label," is required"),1))},l=function(e,r,t){var n;return"email"!==r.props.type||(((null===(n=r.props)||void 0===n?void 0:n.pattern)||/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/).test(e[r.props.name])||(t[r.props.name]="* Invalid email address"),!1)},c=function(e,r,t){var n;return"password"!==r.props.type||(((null===(n=r.props)||void 0===n?void 0:n.pattern)||/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/).test(e[r.props.name])||(t[r.props.name]="* Invalid password (a-z, A-Z, 0-9, min 8 chars)"),!1)};var u=n(848);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){b(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function b(e,r,t){return(r=y(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(e){var r=function(e){if("object"!=s(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(r)?r:r+""}function m(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,a,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(e,r)||function(e,r){if(e){if("string"==typeof e)return v(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,r):void 0}}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}const d=function(e){var r,t,n,o=e.style,s=e.children,f=e.onSubmit,v=e.HTMLValidate,d=void 0!==v&&v,O=e.showSubmitBtn,h=void 0===O||O,j=e.theme,g=void 0===j?"light":j,w=m((0,i.useState)({}),2),S=w[0],P=w[1],_=m((0,i.useState)({}),2),x=_[0],N=_[1],E=(r=N,t=300,n=(0,i.useRef)(null),function(){for(var e=arguments.length,o=new Array(e),i=0;i<e;i++)o[i]=arguments[i];n.current&&clearTimeout(n.current),n.current=setTimeout((function(){n.current=null,r.apply(void 0,o)}),t)}),I=function(e,r){var t=(0,i.useRef)(0);return function(){var n=Date.now();n-t.current>=r&&(t.current=n,e.apply(void 0,arguments))}}((function(){var e=d?{}:function(e,r){var t={};return i.Children.forEach(r,(function(r){a(e,r,t)&&l(e,r,t)&&c(e,r,t)})),t}(S,s);Object.keys(e).length>0?N(e):(N({}),f(S))}),1e3);function C(e,r){P((function(t){return p(p({},t),{},b({},e,r))}));var t=d?{}:function(e,r,t,n){var o={},u=null;if(i.Children.forEach(t,(function(e){e.props.name===n&&(u=e)})),!u)return o;var s=u;return!r[n]&&String(e[n]).length<3?o:a(e,s,o)&&l(e,s,o)?(c(e,s,o),o):o}(p(p({},S),{},b({},e,r)),x,s,e);if(Object.keys(t).length>0)E(p(p({},x),t));else{x[e];var n=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(x,[e].map(y));E(n)}}return(0,i.useEffect)((function(){var e={};i.Children.forEach(s,(function(r){e[r.props.name]=""})),P(e)}),[]),(0,u.jsxs)("form",{style:o,className:"form form--".concat(g),onSubmit:function(e){e.preventDefault(),I()},noValidate:!d,children:[i.Children.map(s,(function(e){return(0,i.cloneElement)(e,{value:S[e.props.name]||"",onChangeInput:C,error:x[e.props.name]})})),h&&(0,u.jsx)("button",{type:"submit",className:"form__submit",children:"Submit"})]})};var O,h;function j(){return j=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},j.apply(null,arguments)}const g=function(e){return i.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",className:"eye_svg__ionicon",viewBox:"0 0 512 512"},e),O||(O=i.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112"})),h||(h=i.createElement("circle",{cx:256,cy:256,r:80,fill:"none",stroke:"currentColor",strokeMiterlimit:10,strokeWidth:32})))};var w,S;function P(){return P=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},P.apply(null,arguments)}const _=function(e){return i.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",className:"eye-off_svg__ionicon",viewBox:"0 0 512 512"},e),w||(w=i.createElement("path",{d:"M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448m-176.34-64c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.1 239.1 0 0 0 75.8-12.58 2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1 204.8 204.8 0 0 1-51.16 6.47m235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.3 227.3 0 0 0-74.89 12.83 2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1 192.8 192.8 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16 310.7 310.7 0 0 1-64.12 72.73 2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13 343.5 343.5 0 0 0 68.64-78.48 32.2 32.2 0 0 0-.1-34.78"})),S||(S=i.createElement("path",{d:"M256 160a96 96 0 0 0-21.37 2.4 2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160m-90.22 73.66a2 2 0 0 0-3.38 1 96 96 0 0 0 115 115 2 2 0 0 0 1-3.38z"})))};function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}var N=["type","name","label","value","onChangeInput","error","className","togglePasswordVisibility"];function E(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?E(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function C(e,r,t){return(r=function(e){var r=function(e){if("object"!=x(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=x(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==x(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function A(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}const k=function(e){var r,t,n=e.type,o=void 0===n?"text":n,a=e.name,l=e.label,c=e.value,s=e.onChangeInput,f=e.error,p=e.className,b=void 0===p?"":p,y=e.togglePasswordVisibility,m=void 0===y||y,v=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,N),d=(r=(0,i.useState)(!0),t=2,function(e){if(Array.isArray(e))return e}(r)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,a,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,t)||function(e,r){if(e){if("string"==typeof e)return A(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?A(e,r):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=d[0],h=d[1];return(0,u.jsxs)("div",{className:"input ".concat(b),children:[(0,u.jsx)("label",{htmlFor:a,className:"input__label",children:l}),(0,u.jsxs)("div",{className:"input__container",children:[(0,u.jsx)("input",I({type:"password"!==o?o:O?"password":"text",name:a,value:c,onChange:function(e){return null==s?void 0:s(a,"number"===o?Number(e.target.value):e.target.value)},className:"input__field-base ".concat("password"===o&&m?"input__field-password":""," ").concat(f?"input__field-base--error":""),id:a},v)),"password"===o&&m&&(0,u.jsx)("button",{type:"button",className:"input__icon",onClick:function(){return h(!O)},children:O?(0,u.jsx)(g,{}):(0,u.jsx)(_,{})})]}),f&&(0,u.jsx)("span",{className:"input__error",children:f})]})};function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}var T=["type","name","label","value","onChangeInput","error","className","togglePasswordVisibility"];function L(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function $(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?L(Object(t),!0).forEach((function(r){M(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function M(e,r,t){return(r=function(e){var r=function(e){if("object"!=D(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=D(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==D(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function F(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}const R=function(e){var r,t,n=e.type,o=void 0===n?"text":n,a=e.name,l=e.label,c=e.value,s=e.onChangeInput,f=e.error,p=e.className,b=void 0===p?"":p,y=e.togglePasswordVisibility,m=void 0===y||y,v=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,T),d=(r=(0,i.useState)(!0),t=2,function(e){if(Array.isArray(e))return e}(r)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,a,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,t)||function(e,r){if(e){if("string"==typeof e)return F(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?F(e,r):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=d[0],h=d[1];return(0,u.jsxs)("div",{className:"input-animated ".concat(b),children:[(0,u.jsxs)("div",{className:"input-animated__container",children:[(0,u.jsx)("input",$({type:"password"!==o?o:O?"password":"text",name:a,value:c,onChange:function(e){return null==s?void 0:s(a,"number"===o?Number(e.target.value):e.target.value)},placeholder:"",className:"input-animated__field ".concat("password"===o&&m?"input-animated__password":""),id:a},v)),(0,u.jsx)("label",{htmlFor:a,className:"input-animated__label",children:l}),(0,u.jsx)("div",{className:"input-animated__border"}),"password"===o&&m&&(0,u.jsx)("button",{type:"button",className:"input__icon",onClick:function(){return h(!O)},children:O?(0,u.jsx)(g,{}):(0,u.jsx)(_,{})})]}),f&&(0,u.jsx)("span",{className:"input-animated__error",children:f})]})};var U;function V(){return V=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},V.apply(null,arguments)}const z=function(e){return i.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg",className:"chevron-down_svg__ionicon",viewBox:"0 0 512 512"},e),U||(U=i.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:48,d:"m112 184 144 144 144-144"})))};function B(e){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},B(e)}var Z=["name","label","value","onChangeInput","error","className","options","initialOptionLabel"];function W(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function q(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?W(Object(t),!0).forEach((function(r){H(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function H(e,r,t){return(r=function(e){var r=function(e){if("object"!=B(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=B(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==B(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const Y=function(e){var r=e.name,t=e.label,n=e.value,o=e.onChangeInput,i=e.error,a=e.className,l=void 0===a?"":a,c=e.options,s=e.initialOptionLabel,f=void 0===s?"Select":s,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,Z);return(0,u.jsxs)("div",{className:"input ".concat(l),children:[(0,u.jsx)("label",{htmlFor:r,className:"input__label",children:t}),(0,u.jsxs)("div",{className:"input__container",children:[(0,u.jsxs)("select",q(q({name:r,value:n,onChange:function(e){return null==o?void 0:o(r,e.target.value)},className:"input__field-base input__field-select",id:r},p),{},{children:[(0,u.jsx)("option",{hidden:p.required,value:"",children:f}),c.map((function(e,r){var t=e.label,n=e.value;return(0,u.jsx)("option",{value:n,children:t},r)}))]})),(0,u.jsx)("div",{className:"input__icon",children:(0,u.jsx)(z,{})})]}),i&&(0,u.jsx)("span",{className:"input__error",children:i})]})};function G(e){return G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},G(e)}var J=["name","label","value","onChangeInput","error","className"];function K(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function Q(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?K(Object(t),!0).forEach((function(r){X(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):K(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function X(e,r,t){return(r=function(e){var r=function(e){if("object"!=G(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=G(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==G(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ee(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}const re=function(e){var r,t,n=e.name,o=e.label,a=e.value,l=e.onChangeInput,c=e.error,s=e.className,f=void 0===s?"":s,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,J),b=(r=(0,i.useState)(0),t=2,function(e){if(Array.isArray(e))return e}(r)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,a,l=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}(r,t)||function(e,r){if(e){if("string"==typeof e)return ee(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ee(e,r):void 0}}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),y=b[0],m=b[1];return(0,u.jsxs)("div",{className:"input ".concat(f),children:[(0,u.jsx)("label",{htmlFor:n,className:"input__label",children:o}),(0,u.jsxs)("div",{className:"input__container",children:[(0,u.jsx)("textarea",Q({name:n,value:a,onChange:function(e){null==l||l(n,e.target.value),m(e.target.value.length)},className:"input__field-base input__field-textarea ".concat(c?"input__field-base--error":""),id:n},p)),p.maxLength&&(0,u.jsx)("span",{className:"input__count",children:"".concat(y,"/").concat(p.maxLength)})]}),c&&(0,u.jsx)("span",{className:"input__error",children:c})]})};function te(e){return te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},te(e)}var ne=["name","label","value","onChangeInput","error","className"];function oe(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function ie(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?oe(Object(t),!0).forEach((function(r){ae(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):oe(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function ae(e,r,t){return(r=function(e){var r=function(e){if("object"!=te(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=te(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==te(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const le=function(e){var r=e.name,t=e.label,n=e.value,o=e.onChangeInput,i=e.error,a=e.className,l=void 0===a?"":a,c=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,ne);return(0,u.jsxs)("div",{className:"input ".concat(l),children:[(0,u.jsxs)("div",{className:"input__container-checkbox",children:[(0,u.jsx)("label",{className:"input__label",htmlFor:r,children:t}),(0,u.jsx)("input",ie({type:"checkbox",name:r,value:n,onChange:function(e){return null==o?void 0:o(r,e.target.checked)},className:"input__field-checkbox",id:r},c))]}),i&&(0,u.jsx)("span",{className:"input__error",children:i})]})};function ce(e){return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}var ue=["name","label","value","onChangeInput","error","className","options"];function se(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function fe(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?se(Object(t),!0).forEach((function(r){pe(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):se(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function pe(e,r,t){return(r=function(e){var r=function(e){if("object"!=ce(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!=ce(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ce(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const be=function(e){var r=e.name,t=e.label,n=e.value,o=e.onChangeInput,i=e.error,a=e.className,l=void 0===a?"":a,c=e.options,s=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.includes(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,ue);return(0,u.jsxs)("div",{className:"input ".concat(l),children:[(0,u.jsx)("span",{className:"input__label",children:t}),(0,u.jsx)("div",{className:"input__container-radio",children:c.map((function(e){var t=e.label,i=e.value;return(0,u.jsxs)("div",{children:[(0,u.jsx)("input",fe({type:"radio",name:r,value:i,checked:n===i,onChange:function(e){return null==o?void 0:o(r,e.target.value)},className:"input__field-radio",id:"".concat(r,"-").concat(i)},s)),(0,u.jsx)("label",{className:"input__label-radio",htmlFor:"".concat(r,"-").concat(i),children:t})]},i)}))}),i&&(0,u.jsx)("span",{className:"input__error",children:i})]})};var ye=o.lV,me=o.yH,ve=o.U6,de=o.$k,Oe=o.Sm,he=o.dw,je=o.lI;export{ye as Form,me as InputCheckBox,ve as InputRadio,de as InputSelect,Oe as InputText,he as InputTextAnimated,je as InputTextArea};