@orangesix/react 1.3.1 → 1.3.4

package/input/index.esm.js

@@ -1,2 +1,2 @@
-import*as e from"react";import r from"react";import{classNames as t}from"primereact/utils";import{InputText as a}from"primereact/inputtext";import{Password as n}from"primereact/password";import{InputMask as o}from"primereact/inputmask";const l=({children:e,...a})=>{const n={size:`box-size-${a.size??"100"}`,direction:`box-direction-${a.direction??"row"}`,justify:void 0===a.justify?"":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"":Array.isArray(a.align)?a.align?.join(" "):a.align},o={className:t(["box",a.className??"",n.size,n.direction,n.justify,n.align]),style:a.css,id:a.id};return r.createElement("div",{...o},e)},s=({iconPrefix:e="bi bi-",...t})=>t.label&&r.createElement("p",{className:"form-label"},t.icon&&r.createElement("i",{className:e+t.icon+" me-1"}),t.label,t.required&&r.createElement("span",{className:"text-danger"},"*")),i=({errors:e,name:t,...a})=>a.mode&&"Controlled"!==a.mode?r.createElement("div",{className:e[t??""]?"invalid-feedback is-invalid":"","data-name":t??"",id:"j_feedback",style:{display:e[t??""]?"block":"none"}},e[t??""]?e[t??""].message:""):r.createElement("div",{"data-name":t,id:"j_feedback"});function u(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var d=e=>null==e;var c=e=>!d(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),m=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,f="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function p(e){let r;const t=Array.isArray(e),a="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else{if(f&&(e instanceof Blob||a)||!t&&!c(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return c(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=p(e[t]));else r=e}return r}var g=e=>Array.isArray(e)?e.filter(Boolean):[],y=e=>void 0===e,b=(e,r,t)=>{if(!r||!c(e))return t;const a=g(r.split(/[,[\].]+?/)).reduce(((e,r)=>d(e)?e:e[r]),e);return y(a)||a===e?y(e[r])?t:e[r]:a},v=e=>"boolean"==typeof e,h=(e,r,t)=>{let a=-1;const n=(e=>/^\w*$/.test(e))(r)?[r]:g(r.replace(/["|']|\]/g,"").split(/\.|\[/));const o=n.length,l=o-1;for(;++a<o;){const r=n[a];let o=t;if(a!==l){const t=e[r];o=c(t)||Array.isArray(t)?t:isNaN(+n[a+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=o,e=e[r]}};const C="blur",_="change",w="all",k=r.createContext(null),E=()=>r.useContext(k);const B="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function V(e){const t=E(),{control:a=t.control,disabled:n,name:o,exact:l}=e||{},[s,i]=r.useState(a._formState),u=r.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return B((()=>a._subscribe({name:o,formState:u.current,exact:l,callback:e=>{!n&&i({...a._formState,...e})}})),[o,n,l]),r.useEffect((()=>{u.current.isValid&&a._setValid(!0)}),[a]),r.useMemo((()=>((e,r,t,a=!0)=>{const n={defaultValues:r._defaultValues};for(const o in e)Object.defineProperty(n,o,{get:()=>{const n=o;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!a||w),t&&(t[n]=!0),e[n]}});return n})(s,a,u.current,!1)),[s,a])}function x(e){const t=E(),{control:a=t.control,name:n,defaultValue:o,disabled:l,exact:s}=e||{},i=r.useRef(o),[u,d]=r.useState(a._getWatch(n,i.current));return B((()=>a._subscribe({name:n,formState:{values:!0},exact:s,callback:e=>!l&&d(((e,r,t,a,n)=>"string"==typeof e?b(t,e,n):Array.isArray(e)?e.map((e=>b(t,e))):t)(n,a._names,e.values||a._formValues,0,i.current))})),[n,a,l,s]),r.useEffect((()=>a._removeUnmounted())),u}const F=e=>e.render(function(e){const t=E(),{name:a,disabled:n,control:o=t.control,shouldUnregister:l}=e,s=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(o._names.array,a),i=x({control:o,name:a,defaultValue:b(o._formValues,a,b(o._defaultValues,a,e.defaultValue)),exact:!0}),u=V({control:o,name:a,exact:!0}),d=r.useRef(e),c=r.useRef(o.register(a,{...e.rules,value:i,...v(e.disabled)?{disabled:e.disabled}:{}})),f=r.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!b(u.errors,a)},isDirty:{enumerable:!0,get:()=>!!b(u.dirtyFields,a)},isTouched:{enumerable:!0,get:()=>!!b(u.touchedFields,a)},isValidating:{enumerable:!0,get:()=>!!b(u.validatingFields,a)},error:{enumerable:!0,get:()=>b(u.errors,a)}})),[u,a]),g=r.useCallback((e=>c.current.onChange({target:{value:m(e),name:a},type:_})),[a]),w=r.useCallback((()=>c.current.onBlur({target:{value:b(o._formValues,a),name:a},type:C})),[a,o._formValues]),k=r.useCallback((e=>{const r=b(o._fields,a);r&&e&&(r._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})}),[o._fields,a]),B=r.useMemo((()=>({name:a,value:i,...v(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:g,onBlur:w,ref:k})),[a,n,u.disabled,g,w,k,i]);return r.useEffect((()=>{const e=o._options.shouldUnregister||l;o.register(a,{...d.current.rules,...v(d.current.disabled)?{disabled:d.current.disabled}:{}});const r=(e,r)=>{const t=b(o._fields,e);t&&t._f&&(t._f.mount=r)};if(r(a,!0),e){const e=p(b(o._options.defaultValues,a));h(o._defaultValues,a,e),y(b(o._formValues,a))&&h(o._formValues,a,e)}return!s&&o.register(a),()=>{(s?e&&!o._state.action:e)?o.unregister(a):r(a,!1)}}),[a,o,s,l]),r.useEffect((()=>{o._setDisabledField({disabled:n,name:a})}),[n,a,o]),r.useMemo((()=>({field:B,formState:u,fieldState:f})),[B,u,f])}(e));function A({core:e,password:t,masker:l,...s}){return r.createElement(F,{render:({field:u,formState:{errors:d}})=>r.createElement(r.Fragment,null,void 0!==s.mask?r.createElement(o,{...e,...u,...l,invalid:!!d[s.name],readOnly:s.readonly,required:s.required,onBlur:e=>s.onBlur?s.onBlur(e.target.value):u.onBlur(),onChange:e=>void 0!==s.onChange?s.onChange(e.target.value):u.onChange(e)}):"password"===s.type?r.createElement(n,{...e,...u,...t,autoComplete:"current-password",invalid:!!d[s.name],readOnly:s.readonly,required:s.required,onBlur:e=>s.onBlur?s.onBlur(e.target.value):u.onBlur(),onChange:e=>void 0!==s.onChange?s.onChange(e.target.value):u.onChange(e)}):r.createElement(a,{...e,...u,invalid:!!d[s.name],readOnly:s.readonly,ref:s.ref,required:s.required,onBlur:e=>s.onBlur?s.onBlur(e.target.value):u.onBlur(),onChange:e=>void 0!==s.onChange?s.onChange(e.target.value):u.onChange(e)}),r.createElement(i,{...s,errors:d})),control:s.control,name:s.name,rules:{required:!!s.required&&"Campo obrigatório"}})}function j({core:e,password:t,masker:l,...s}){return r.createElement(r.Fragment,null,void 0!==s.mask?r.createElement(o,{...e,...l,readOnly:s.readonly,value:s.value,onBlur:e=>{s.onBlur&&s.onBlur(e.target.value)},onChange:e=>{s.onChange&&s.onChange(e.target.value)}}):"password"===s.type?r.createElement(n,{...e,...t,autoComplete:"current-password",readOnly:s.readonly,value:s.value,onBlur:e=>{s.onBlur&&s.onBlur(e.target.value)},onChange:e=>{s.onChange&&s.onChange(e.target.value)}}):r.createElement(a,{...e,readOnly:s.readonly,ref:s.ref,value:s.value,onBlur:e=>{s.onBlur&&s.onBlur(e.target.value)},onChange:e=>{s.onChange&&s.onChange(e.target.value)}}),r.createElement(i,{...s}))}function N(e){let t=e,a="small"===e.sizes?"p-inputtext-sm":"large"===e.sizes?"p-inputtext-lg":"",n={...u(t),className:a,type:e.type??"text"},o={appendTo:"self",feedback:e.passwordFeedback,footer:e.passwordFooterTemplate,header:e.passwordHeaderTemplate,mediumLabel:"Média",promptLabel:"Por favor, insira uma senha",pt:{input:{className:"w-100"}},strongLabel:"Forte",toggleMask:e.passwordShow,weakLabel:"Fraca",content:e.passwordTemplate},i={mask:"cpf"===e.mask?"999.999.999-99":"cnpj"===e.mask?"00.000.000/0000-00":e.mask,autoClear:e.maskAutoClear};return r.createElement(l,{className:e.className,css:e.css,size:e.size??"100"},r.createElement(s,{...e}),e.mode&&"Controlled"!==e.mode?r.createElement(A,{core:n,masker:i,password:o,...t}):r.createElement(j,{core:n,masker:i,password:o,...t}))}export{N as Input};
+import*as e from"react";import r from"react";import{classNames as t}from"primereact/utils";import{InputText as a}from"primereact/inputtext";import{Password as n}from"primereact/password";import{InputMask as o}from"primereact/inputmask";const l=({children:e,...a})=>{const n={size:`box-size-${a.size??"100"}`,direction:`box-direction-${a.direction??"row"}`,justify:void 0===a.justify?"":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"":Array.isArray(a.align)?a.align?.join(" "):a.align},o={className:t(["box",a.className??"",n.size,n.direction,n.justify,n.align]),style:a.css,id:a.id};return r.createElement("div",{...o},e)},s=({iconPrefix:e="bi bi-",...t})=>t.label&&r.createElement("p",{className:"form-label"},t.icon&&r.createElement("i",{className:e+t.icon+" me-1"}),t.label,t.required&&r.createElement("span",{className:"text-danger"},"*")),i=({errors:e,name:t,...a})=>a.mode&&"Controlled"!==a.mode?r.createElement("div",{className:e[t??""]?"invalid-feedback is-invalid":"","data-name":t??"",id:"j_feedback",style:{display:e[t??""]?"block":"none"}},e[t??""]?e[t??""].message:""):r.createElement("div",{"data-name":t,id:"j_feedback"});function u(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var d=e=>null==e;var c=e=>!d(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),m=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,f="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function p(e){let r;const t=Array.isArray(e),a="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else if(e instanceof Set)r=new Set(e);else{if(f&&(e instanceof Blob||a)||!t&&!c(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return c(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=p(e[t]));else r=e}return r}var g=e=>Array.isArray(e)?e.filter(Boolean):[],y=e=>void 0===e,b=(e,r,t)=>{if(!r||!c(e))return t;const a=g(r.split(/[,[\].]+?/)).reduce(((e,r)=>d(e)?e:e[r]),e);return y(a)||a===e?y(e[r])?t:e[r]:a},v=e=>"boolean"==typeof e,h=(e,r,t)=>{let a=-1;const n=(e=>/^\w*$/.test(e))(r)?[r]:g(r.replace(/["|']|\]/g,"").split(/\.|\[/));const o=n.length,l=o-1;for(;++a<o;){const r=n[a];let o=t;if(a!==l){const t=e[r];o=c(t)||Array.isArray(t)?t:isNaN(+n[a+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=o,e=e[r]}};const C="blur",_="change",w="all",k=r.createContext(null),E=()=>r.useContext(k);const B="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function V(e){const t=E(),{control:a=t.control,disabled:n,name:o,exact:l}=e||{},[s,i]=r.useState(a._formState),u=r.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return B((()=>a._subscribe({name:o,formState:u.current,exact:l,callback:e=>{!n&&i({...a._formState,...e})}})),[o,n,l]),r.useEffect((()=>{u.current.isValid&&a._setValid(!0)}),[a]),r.useMemo((()=>((e,r,t,a=!0)=>{const n={defaultValues:r._defaultValues};for(const o in e)Object.defineProperty(n,o,{get:()=>{const n=o;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!a||w),t&&(t[n]=!0),e[n]}});return n})(s,a,u.current,!1)),[s,a])}function x(e){const t=E(),{control:a=t.control,name:n,defaultValue:o,disabled:l,exact:s}=e||{},i=r.useRef(o),[u,d]=r.useState(a._getWatch(n,i.current));return B((()=>a._subscribe({name:n,formState:{values:!0},exact:s,callback:e=>!l&&d(((e,r,t,a,n)=>"string"==typeof e?b(t,e,n):Array.isArray(e)?e.map((e=>b(t,e))):t)(n,a._names,e.values||a._formValues,0,i.current))})),[n,a,l,s]),r.useEffect((()=>a._removeUnmounted())),u}const F=e=>e.render(function(e){const t=E(),{name:a,disabled:n,control:o=t.control,shouldUnregister:l}=e,s=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(o._names.array,a),i=x({control:o,name:a,defaultValue:b(o._formValues,a,b(o._defaultValues,a,e.defaultValue)),exact:!0}),u=V({control:o,name:a,exact:!0}),d=r.useRef(e),c=r.useRef(o.register(a,{...e.rules,value:i,...v(e.disabled)?{disabled:e.disabled}:{}})),f=r.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!b(u.errors,a)},isDirty:{enumerable:!0,get:()=>!!b(u.dirtyFields,a)},isTouched:{enumerable:!0,get:()=>!!b(u.touchedFields,a)},isValidating:{enumerable:!0,get:()=>!!b(u.validatingFields,a)},error:{enumerable:!0,get:()=>b(u.errors,a)}})),[u,a]),g=r.useCallback((e=>c.current.onChange({target:{value:m(e),name:a},type:_})),[a]),w=r.useCallback((()=>c.current.onBlur({target:{value:b(o._formValues,a),name:a},type:C})),[a,o._formValues]),k=r.useCallback((e=>{const r=b(o._fields,a);r&&e&&(r._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})}),[o._fields,a]),B=r.useMemo((()=>({name:a,value:i,...v(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:g,onBlur:w,ref:k})),[a,n,u.disabled,g,w,k,i]);return r.useEffect((()=>{const e=o._options.shouldUnregister||l;o.register(a,{...d.current.rules,...v(d.current.disabled)?{disabled:d.current.disabled}:{}});const r=(e,r)=>{const t=b(o._fields,e);t&&t._f&&(t._f.mount=r)};if(r(a,!0),e){const e=p(b(o._options.defaultValues,a));h(o._defaultValues,a,e),y(b(o._formValues,a))&&h(o._formValues,a,e)}return!s&&o.register(a),()=>{(s?e&&!o._state.action:e)?o.unregister(a):r(a,!1)}}),[a,o,s,l]),r.useEffect((()=>{o._setDisabledField({disabled:n,name:a})}),[n,a,o]),r.useMemo((()=>({field:B,formState:u,fieldState:f})),[B,u,f])}(e));function A({core:e,password:t,masker:l,...s}){return r.createElement(F,{render:({field:u,formState:{errors:d}})=>r.createElement(r.Fragment,null,void 0!==s.mask?r.createElement(o,{...e,...u,...l,invalid:!!d[s.name],readOnly:s.readonly,required:s.required,onBlur:e=>s.onBlur?s.onBlur(e.target.value):u.onBlur(),onChange:e=>void 0!==s.onChange?s.onChange(e.target.value):u.onChange(e)}):"password"===s.type?r.createElement(n,{...e,...u,...t,autoComplete:"current-password",invalid:!!d[s.name],readOnly:s.readonly,required:s.required,onBlur:e=>s.onBlur?s.onBlur(e.target.value):u.onBlur(),onChange:e=>void 0!==s.onChange?s.onChange(e.target.value):u.onChange(e)}):r.createElement(a,{...e,...u,invalid:!!d[s.name],readOnly:s.readonly,ref:s.ref,required:s.required,onBlur:e=>s.onBlur?s.onBlur(e.target.value):u.onBlur(),onChange:e=>void 0!==s.onChange?s.onChange(e.target.value):u.onChange(e)}),r.createElement(i,{...s,errors:d})),control:s.control,name:s.name,rules:{required:!!s.required&&"Campo obrigatório"}})}function j({core:e,password:t,masker:l,...s}){return r.createElement(r.Fragment,null,void 0!==s.mask?r.createElement(o,{...e,...l,readOnly:s.readonly,value:s.value,onBlur:e=>{s.onBlur&&s.onBlur(e.target.value)},onChange:e=>{s.onChange&&s.onChange(e.target.value)}}):"password"===s.type?r.createElement(n,{...e,...t,autoComplete:"current-password",readOnly:s.readonly,value:s.value,onBlur:e=>{s.onBlur&&s.onBlur(e.target.value)},onChange:e=>{s.onChange&&s.onChange(e.target.value)}}):r.createElement(a,{...e,readOnly:s.readonly,ref:s.ref,value:s.value,onBlur:e=>{s.onBlur&&s.onBlur(e.target.value)},onChange:e=>{s.onChange&&s.onChange(e.target.value)}}),r.createElement(i,{...s}))}function N(e){let t=e,a="small"===e.sizes?"p-inputtext-sm":"large"===e.sizes?"p-inputtext-lg":"",n={...u(t),className:a,type:e.type??"text"},o={appendTo:"self",feedback:e.passwordFeedback,footer:e.passwordFooterTemplate,header:e.passwordHeaderTemplate,mediumLabel:"Média",promptLabel:"Por favor, insira uma senha",pt:{input:{className:"w-100"}},strongLabel:"Forte",toggleMask:e.passwordShow,weakLabel:"Fraca",content:e.passwordTemplate},i={mask:"cpf"===e.mask?"999.999.999-99":"cnpj"===e.mask?"99.999.999/9999-99":e.mask,autoClear:e.maskAutoClear};return r.createElement(l,{className:e.className,css:e.css,size:e.size??"100"},r.createElement(s,{...e}),e.mode&&"Controlled"!==e.mode?r.createElement(A,{core:n,masker:i,password:o,...t}):r.createElement(j,{core:n,masker:i,password:o,...t}))}export{N as Input};
 //# sourceMappingURL=index.esm.js.map