@orangesix/react 1.2.2 → 1.3.1

package/textarea/index.d.ts

@@ -87,18 +87,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
      */
@@ -110,6 +146,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/textarea/index.esm.js

@@ -1,2 +1,2 @@
-import e from"react";import{classNames as t}from"primereact/utils";import{InputTextarea as r}from"primereact/inputtextarea";const n=({children:r,...n})=>{const a={size:`box-size-${n.size??"100"}`,direction:`box-direction-${n.direction??"row"}`,justify:void 0===n.justify?"":Array.isArray(n.justify)?n.justify?.join(" "):n.justify,align:void 0===n.align?"":Array.isArray(n.align)?n.align?.join(" "):n.align},s={className:t(["box",n.className??"",a.size,a.direction,a.justify,a.align]),style:n.css,id:n.id};return e.createElement("div",{...s},r)},a=({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"},"*")),s=({errors:t,name:r,...n})=>n.mode&&"Controlled"!==n.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 o=e=>null==e;var l=e=>!o(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),u=e=>l(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,c=e=>{const t=e.constructor&&e.constructor.prototype;return l(t)&&t.hasOwnProperty("isPrototypeOf")},d="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function f(e){let t;const r=Array.isArray(e),n="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(d&&(e instanceof Blob||n)||!r&&!l(e))return e;if(t=r?[]:{},r||c(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=f(e[r]));else t=e}return t}var m=e=>Array.isArray(e)?e.filter(Boolean):[],b=e=>void 0===e,y=(e,t,r)=>{if(!t||!l(e))return r;const n=m(t.split(/[,[\].]+?/)).reduce(((e,t)=>o(e)?e:e[t]),e);return b(n)||n===e?b(e[t])?r:e[t]:n},g=e=>"boolean"==typeof e,p=(e,t,r)=>{let n=-1;const a=(e=>/^\w*$/.test(e))(t)?[t]:m(t.replace(/["|']|\]/g,"").split(/\.|\[/));const s=a.length,i=s-1;for(;++n<s;){const t=a[n];let s=r;if(n!==i){const r=e[t];s=l(r)||Array.isArray(r)?r:isNaN(+a[n+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=s,e=e[t]}return e};const _="blur",v="change",h="all",j=e.createContext(null),E=()=>e.useContext(j);var V=(e,t,r,n=!0)=>{const a={defaultValues:t._defaultValues};for(const s in e)Object.defineProperty(a,s,{get:()=>{const a=s;return t._proxyFormState[a]!==h&&(t._proxyFormState[a]=!n||h),r&&(r[a]=!0),e[a]}});return a},x=(e,t,r,n)=>{r(e);const{name:a,...s}=e;return l(i=s)&&!Object.keys(i).length||Object.keys(s).length>=Object.keys(t).length||Object.keys(s).find((e=>!0===t[e]));var i},A=(e,t,r)=>{return!e||!t||e===t||(n=e,Array.isArray(n)?n:[n]).some((e=>e&&(r?e===t:e.startsWith(t)||t.startsWith(e))));var n};function C(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,n,a)=>"string"==typeof e?y(r,e,a):Array.isArray(e)?e.map((e=>y(r,e))):r;function k(t){const r=E(),{name:n,disabled:a,control:s=r.control,shouldUnregister:i}=t,o=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(s._names.array,n),l=function(t){const r=E(),{control:n=r.control,name:a,defaultValue:s,disabled:i,exact:o}=t||{},l=e.useRef(a);l.current=a,C({disabled:i,subject:n._subjects.values,next:e=>{A(l.current,e.name,o)&&c(f(F(l.current,n._names,e.values||n._formValues,!1,s)))}});const[u,c]=e.useState(n._getWatch(a,s));return e.useEffect((()=>n._removeUnmounted())),u}({control:s,name:n,defaultValue:y(s._formValues,n,y(s._defaultValues,n,t.defaultValue)),exact:!0}),c=function(t){const r=E(),{control:n=r.control,disabled:a,name:s,exact:i}=t||{},[o,l]=e.useState(n._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,C({disabled:a,next:e=>u.current&&A(d.current,e.name,i)&&x(e,c.current,n._updateFormState)&&l({...n._formState,...e}),subject:n._subjects.state}),e.useEffect((()=>(u.current=!0,c.current.isValid&&n._updateValid(!0),()=>{u.current=!1})),[n]),e.useMemo((()=>V(o,n,c.current,!1)),[o,n])}({control:s,name:n,exact:!0}),d=e.useRef(s.register(n,{...t.rules,value:l,...g(t.disabled)?{disabled:t.disabled}:{}})),m=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!y(c.errors,n)},isDirty:{enumerable:!0,get:()=>!!y(c.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!y(c.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!y(c.validatingFields,n)},error:{enumerable:!0,get:()=>y(c.errors,n)}})),[c,n]),h=e.useMemo((()=>({name:n,value:l,...g(a)||c.disabled?{disabled:c.disabled||a}:{},onChange:e=>d.current.onChange({target:{value:u(e),name:n},type:v}),onBlur:()=>d.current.onBlur({target:{value:y(s._formValues,n),name:n},type:_}),ref:e=>{const t=y(s._fields,n);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}})),[n,s._formValues,a,c.disabled,l,s._fields]);return e.useEffect((()=>{const e=s._options.shouldUnregister||i,t=(e,t)=>{const r=y(s._fields,e);r&&r._f&&(r._f.mount=t)};if(t(n,!0),e){const e=f(y(s._options.defaultValues,n));p(s._defaultValues,n,e),b(y(s._formValues,n))&&p(s._formValues,n,e)}return!o&&s.register(n),()=>{(o?e&&!s._state.action:e)?s.unregister(n):t(n,!1)}}),[n,s,o,i]),e.useEffect((()=>{s._updateDisabledField({disabled:a,fields:s._fields,name:n})}),[a,n,s]),e.useMemo((()=>({field:h,formState:c,fieldState:m})),[h,c,m])}const N=e=>e.render(k(e));function S({core:t,...n}){return e.createElement(N,{render:({field:a,formState:{errors:i}})=>e.createElement(e.Fragment,null,e.createElement(r,{...t,...a,invalid:!!i[n.name],ref:n.ref,required:n.required,onBlur:e=>n.onBlur?n.onBlur(e.target.value):a.onBlur(),onChange:e=>void 0!==n.onChange?n.onChange(e.target.value):a.onChange(e)}),e.createElement(s,{...n,errors:i})),control:n.control,name:n.name,rules:{required:!!n.required&&"Campo obrigatório"}})}function w({core:t,...n}){return e.createElement(e.Fragment,null,e.createElement(r,{...t,ref:n.ref,value:n.value,onBlur:e=>{n.onBlur&&n.onBlur(e.target.value)},onChange:e=>n.onChange(e.target.value)}),e.createElement(s,{...n}))}function B(t){let r=t,s={...i(r),autoResize:t.autoResize};return e.createElement(n,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(a,{...t}),t.mode&&"Controlled"!==t.mode?e.createElement(S,{core:s,...r}):e.createElement(w,{core:s,...r}))}export{B as Textarea};
+import*as e from"react";import t from"react";import{classNames as r}from"primereact/utils";import{InputTextarea as a}from"primereact/inputtextarea";const n=({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:r(["box",a.className??"",n.size,n.direction,n.justify,n.align]),style:a.css,id:a.id};return t.createElement("div",{...o},e)},o=({iconPrefix:e="bi bi-",...r})=>r.label&&t.createElement("p",{className:"form-label"},r.icon&&t.createElement("i",{className:e+r.icon+" me-1"}),r.label,r.required&&t.createElement("span",{className:"text-danger"},"*")),s=({errors:e,name:r,...a})=>a.mode&&"Controlled"!==a.mode?t.createElement("div",{className:e[r??""]?"invalid-feedback is-invalid":"","data-name":r??"",id:"j_feedback",style:{display:e[r??""]?"block":"none"}},e[r??""]?e[r??""].message:""):t.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 l=e=>null==e;var c=e=>!l(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),u=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,d="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function f(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(d&&(e instanceof Blob||a)||!r&&!c(e))return e;if(t=r?[]:{},r||(e=>{const t=e.constructor&&e.constructor.prototype;return c(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=f(e[r]));else t=e}return t}var m=e=>Array.isArray(e)?e.filter(Boolean):[],y=e=>void 0===e,g=(e,t,r)=>{if(!t||!c(e))return r;const a=m(t.split(/[,[\].]+?/)).reduce(((e,t)=>l(e)?e:e[t]),e);return y(a)||a===e?y(e[t])?r:e[t]:a},b=e=>"boolean"==typeof e,p=(e,t,r)=>{let a=-1;const n=(e=>/^\w*$/.test(e))(t)?[t]:m(t.replace(/["|']|\]/g,"").split(/\.|\[/));const o=n.length,s=o-1;for(;++a<o;){const t=n[a];let o=r;if(a!==s){const r=e[t];o=c(r)||Array.isArray(r)?r:isNaN(+n[a+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=o,e=e[t]}};const _="blur",v="change",h="all",E=t.createContext(null),V=()=>t.useContext(E);const C="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function x(e){const r=V(),{control:a=r.control,disabled:n,name:o,exact:s}=e||{},[i,l]=t.useState(a._formState),c=t.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C((()=>a._subscribe({name:o,formState:c.current,exact:s,callback:e=>{!n&&l({...a._formState,...e})}})),[o,n,s]),t.useEffect((()=>{c.current.isValid&&a._setValid(!0)}),[a]),t.useMemo((()=>((e,t,r,a=!0)=>{const n={defaultValues:t._defaultValues};for(const o in e)Object.defineProperty(n,o,{get:()=>{const n=o;return t._proxyFormState[n]!==h&&(t._proxyFormState[n]=!a||h),r&&(r[n]=!0),e[n]}});return n})(i,a,c.current,!1)),[i,a])}function A(e){const r=V(),{control:a=r.control,name:n,defaultValue:o,disabled:s,exact:i}=e||{},l=t.useRef(o),[c,u]=t.useState(a._getWatch(n,l.current));return C((()=>a._subscribe({name:n,formState:{values:!0},exact:i,callback:e=>!s&&u(((e,t,r,a,n)=>"string"==typeof e?g(r,e,n):Array.isArray(e)?e.map((e=>g(r,e))):r)(n,a._names,e.values||a._formValues,0,l.current))})),[n,a,s,i]),t.useEffect((()=>a._removeUnmounted())),c}const j=e=>e.render(function(e){const r=V(),{name:a,disabled:n,control:o=r.control,shouldUnregister:s}=e,i=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(o._names.array,a),l=A({control:o,name:a,defaultValue:g(o._formValues,a,g(o._defaultValues,a,e.defaultValue)),exact:!0}),c=x({control:o,name:a,exact:!0}),d=t.useRef(e),m=t.useRef(o.register(a,{...e.rules,value:l,...b(e.disabled)?{disabled:e.disabled}:{}})),h=t.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!g(c.errors,a)},isDirty:{enumerable:!0,get:()=>!!g(c.dirtyFields,a)},isTouched:{enumerable:!0,get:()=>!!g(c.touchedFields,a)},isValidating:{enumerable:!0,get:()=>!!g(c.validatingFields,a)},error:{enumerable:!0,get:()=>g(c.errors,a)}})),[c,a]),E=t.useCallback((e=>m.current.onChange({target:{value:u(e),name:a},type:v})),[a]),C=t.useCallback((()=>m.current.onBlur({target:{value:g(o._formValues,a),name:a},type:_})),[a,o._formValues]),j=t.useCallback((e=>{const t=g(o._fields,a);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[o._fields,a]),k=t.useMemo((()=>({name:a,value:l,...b(n)||c.disabled?{disabled:c.disabled||n}:{},onChange:E,onBlur:C,ref:j})),[a,n,c.disabled,E,C,j,l]);return t.useEffect((()=>{const e=o._options.shouldUnregister||s;o.register(a,{...d.current.rules,...b(d.current.disabled)?{disabled:d.current.disabled}:{}});const t=(e,t)=>{const r=g(o._fields,e);r&&r._f&&(r._f.mount=t)};if(t(a,!0),e){const e=f(g(o._options.defaultValues,a));p(o._defaultValues,a,e),y(g(o._formValues,a))&&p(o._formValues,a,e)}return!i&&o.register(a),()=>{(i?e&&!o._state.action:e)?o.unregister(a):t(a,!1)}}),[a,o,i,s]),t.useEffect((()=>{o._setDisabledField({disabled:n,name:a})}),[n,a,o]),t.useMemo((()=>({field:k,formState:c,fieldState:h})),[k,c,h])}(e));function k({core:e,...r}){return t.createElement(j,{render:({field:n,formState:{errors:o}})=>t.createElement(t.Fragment,null,t.createElement(a,{...e,...n,invalid:!!o[r.name],ref:r.ref,required:r.required,onBlur:e=>r.onBlur?r.onBlur(e.target.value):n.onBlur(),onChange:e=>void 0!==r.onChange?r.onChange(e.target.value):n.onChange(e)}),t.createElement(s,{...r,errors:o})),control:r.control,name:r.name,rules:{required:!!r.required&&"Campo obrigatório"}})}function w({core:e,...r}){return t.createElement(t.Fragment,null,t.createElement(a,{...e,ref:r.ref,value:r.value,onBlur:e=>{r.onBlur&&r.onBlur(e.target.value)},onChange:e=>{r.onChange&&r.onChange(e.target.value)}}),t.createElement(s,{...r}))}function F(e){let r=e,a={...i(r),autoResize:e.autoResize};return t.createElement(n,{className:e.className,css:e.css,size:e.size??"100"},t.createElement(o,{...e}),e.mode&&"Controlled"!==e.mode?t.createElement(k,{core:a,...r}):t.createElement(w,{core:a,...r}))}export{F as Textarea};
 //# sourceMappingURL=index.esm.js.map