@orangesix/react 1.2.2 → 1.3.1

package/input/index.d.ts

@@ -88,18 +88,54 @@ interface ApiFieldComponentProps {
      * Define a opção de filtro de dados do componente
      */
     keyfilter?: KeyFilterType;
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly?: boolean
 }
 
 /**
  * Define os tipos `default` para componente de entrada de dados controlled
+ * quando a propriedade `Readonly` estiver habilitada
  */
-interface ApiFieldControlledProps {
+interface ApiFieldReadonlyControlledProps {
+    /**
+     * Define o valor do componente controlado
+     */
+    value: any
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly: true
+
+    /**
+     * Função para alterar o valor do componente controlado
+     */
+    onChange?: (value: any) => void
 
+    /**
+     * Função quando um usuário sai de um componente controlado
+     */
+    onBlur?: (value: any) => void
+}
+
+/**
+ Define os tipos `default` para componente de entrada de dados controlled
+ quando a propriedade `Readonly` estiver desabilitada
+ */
+interface ApiFieldWritableControlledProps {
     /**
      * Define o valor do componente controlado
      */
     value: any
 
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly?: false
+
     /**
      * Função para alterar o valor do componente controlado
      */
@@ -111,6 +147,13 @@ interface ApiFieldControlledProps {
     onBlur?: (value: any) => void
 }
 
+/**
+ * Define os tipos `default` para componente de entrada de dados controlled
+ */
+type ApiFieldControlledProps =
+    | ApiFieldReadonlyControlledProps
+    | ApiFieldWritableControlledProps;
+
 /**
  * Define os tipos `default` para componente de entrada de dados HookFomr
  */

package/input/index.esm.js

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