@orangesix/react 1.3.3 → 1.3.8

package/radio/index.esm.js

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