@mobilestockweb/form 1.0.4 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +10 -2
- package/index.js +22 -47
- package/package.json +4 -4
package/index.d.ts
CHANGED
|
@@ -217,12 +217,20 @@ interface CustomOption {
|
|
|
217
217
|
label: string;
|
|
218
218
|
value: string;
|
|
219
219
|
}
|
|
220
|
-
interface SelectProps<Option extends CustomOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isDisabled'> {
|
|
220
|
+
interface SelectProps<Option extends CustomOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isDisabled' | 'isMulti'> {
|
|
221
221
|
name: string;
|
|
222
222
|
disabled?: boolean;
|
|
223
223
|
label?: string;
|
|
224
224
|
}
|
|
225
|
-
|
|
225
|
+
interface FormSelectPropsBase extends SelectProps<CustomOption, false, GroupBase<CustomOption>> {
|
|
226
|
+
name: string;
|
|
227
|
+
options: CustomOption[];
|
|
228
|
+
disabled?: boolean;
|
|
229
|
+
placeholder?: string;
|
|
230
|
+
defaultValue?: CustomOption;
|
|
231
|
+
label?: string;
|
|
232
|
+
}
|
|
233
|
+
declare function FormSelect({ name, label, options, placeholder, disabled, defaultValue: defaultValueSelect, ...rest }: FormSelectPropsBase): react_jsx_runtime.JSX.Element;
|
|
226
234
|
|
|
227
235
|
declare function FormVertical({ children, ...props }: ViewBaseProps): react_jsx_runtime.JSX.Element;
|
|
228
236
|
|
package/index.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var Or=Object.create;var ve=Object.defineProperty,Vr=Object.defineProperties,zr=Object.getOwnPropertyDescriptor,Dr=Object.getOwnPropertyDescriptors,Br=Object.getOwnPropertyNames,xe=Object.getOwnPropertySymbols,kr=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty,dt=Object.prototype.propertyIsEnumerable;var ct=(e,t,o)=>t in e?ve(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,C=(e,t)=>{for(var o in t||(t={}))Ge.call(t,o)&&ct(e,o,t[o]);if(xe)for(var o of xe(t))dt.call(t,o)&&ct(e,o,t[o]);return e},v=(e,t)=>Vr(e,Dr(t));var P=(e,t)=>{var o={};for(var n in e)Ge.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&xe)for(var n of xe(e))t.indexOf(n)<0&&dt.call(e,n)&&(o[n]=e[n]);return o};var $r=(e,t)=>{for(var o in t)ve(e,o,{get:t[o],enumerable:!0})},ft=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Br(t))!Ge.call(e,r)&&r!==o&&ve(e,r,{get:()=>t[r],enumerable:!(n=zr(t,r))||n.enumerable});return e};var L=(e,t,o)=>(o=e!=null?Or(kr(e)):{},ft(t||!e||!e.__esModule?ve(o,"default",{value:e,enumerable:!0}):o,e)),_r=e=>ft(ve({},"__esModule",{value:!0}),e);var Ie=(e,t,o)=>new Promise((n,r)=>{var m=a=>{try{l(o.next(a))}catch(c){r(c)}},i=a=>{try{l(o.throw(a))}catch(c){r(c)}},l=a=>a.done?n(a.value):Promise.resolve(a.value).then(m,i);l((o=o.apply(e,t)).next())});var fn={};$r(fn,{Form:()=>dn,useForm:()=>$});module.exports=_r(fn);var yt=require("@mobilestockweb/button");var gt=require("@unform/web"),ht=require("notistack"),te=require("react"),Ct=require("zod"),bt=require("@mobilestockweb/container");var Le=require("react/jsx-runtime"),Et=(0,te.createContext)({});function $(){return(0,te.useContext)(Et)}function Tt(r){var m=r,{children:e,onSubmit:t,schema:o}=m,n=P(m,["children","onSubmit","schema"]);let i=(0,te.useRef)(null),[l,a]=(0,te.useState)(!1);function c(){var u;(u=i.current)==null||u.submitForm()}function f(){var u,b;(u=i.current)==null||u.setErrors({}),(b=i.current)==null||b.reset()}function d(u){let b={};for(let g of u){let p=g.path.filter(S=>typeof S=="string"||typeof S=="number").join(".");p&&(b[String(p)]=g.message)}return b}function E(u){if(u instanceof Ct.ZodError)return d(u.issues);if(typeof u=="object"&&u!==null&&"errors"in u){let b=u.errors;if(Array.isArray(b)&&b.length>0&&"message"in b[0]&&"path"in b[0])return d(b)}return null}function s(g,p){return Ie(this,arguments,function*(u,{reset:b}){var S,R,T,F,B;if((S=i.current)==null||S.setErrors({}),o){let N=o.safeParse(u);if(!N.success){(R=i.current)==null||R.setErrors(d(N.error.issues));return}}try{a(!0),yield t({data:u,ref:i,reset:b})}catch(N){let k=E(N);if(k)(T=i.current)==null||T.setErrors(k);else{let ee="Erro ao realizar opera\xE7\xE3o",fe=500;if(typeof N=="object"&&N!==null&&"isAxiosError"in N&&N.isAxiosError){let h=N;fe=((F=h.response)==null?void 0:F.status)||500;let y=(B=h.response)==null?void 0:B.data;y!=null&&y.message&&(ee=y.message)}else N instanceof Error&&(ee=N.message||ee);(0,ht.enqueueSnackbar)(ee,{variant:fe>=500?"error":"warning"})}}finally{a(!1)}})}return(0,Le.jsx)(Et.Provider,{value:{formRef:i,submitForm:c,clearForm:f,loading:l},children:(0,Le.jsx)(gt.Form,v(C({},n),{ref:i,onSubmit:s,children:(0,Le.jsx)(bt.Container.Vertical,{gap:"2XS",children:e})}))})}var St=require("react/jsx-runtime");function vt(m){var i=m,{type:e="SUBMIT",disabled:t,isLoading:o,onClick:n}=i,r=P(i,["type","disabled","isLoading","onClick"]);let{submitForm:l,clearForm:a,loading:c}=$();function f(d){switch(d.preventDefault(),e){case"SUBMIT":l();break;case"RESET":a();break;default:n==null||n(d)}}return(0,St.jsx)(yt.Button,v(C({},r),{onClick:f,isLoading:e==="SUBMIT"&&c||o,disabled:c||o||t,type:e.toLowerCase()}))}var Xe=L(require("styled-components")),At=require("@mobilestockweb/badge"),Mt=require("@mobilestockweb/container"),wt=L(require("@mobilestockweb/tools")),Ht=require("@mobilestockweb/typography");var Ft=require("@unform/core"),_=require("react"),xt=require("react/jsx-runtime"),Pt=(0,_.createContext)(void 0);function Rt(e){let{fieldName:t,registerField:o,error:n,defaultValue:r}=(0,Ft.useField)(e.name),[m,i]=(0,_.useState)(0),l=(0,_.useCallback)(d=>{let E=d;return e.maxCount!==void 0&&E>e.maxCount&&(E=e.maxCount),e.minCount!==void 0&&E<e.minCount&&(E=e.minCount),E},[e.maxCount,e.minCount]),a=(0,_.useCallback)(d=>{var s;let E=l(d);i(E),(s=e.onChange)==null||s.call(e,{value:E,event:"EDIT"})},[l]);(0,_.useEffect)(()=>{o({name:t,getValue:()=>m,setValue:(d,E)=>a(E),clearValue:()=>a(0)})},[t,m,o,a]),(0,_.useEffect)(()=>{a(Number(e.initialCount)||Number(r)||0)},[e.initialCount,a,r]);function c(d=1){i(E=>{var u;let s=l(E+1*d);return(u=e.onChange)==null||u.call(e,{value:s,event:"INCREMENT"}),s})}function f(d=1){i(E=>{var u;let s=l(E-1*d);return(u=e.onChange)==null||u.call(e,{value:s,event:"DECREMENT"}),s})}return(0,xt.jsx)(Pt.Provider,{value:{count:m,increment:c,decrement:f,configureCount:a,multiplier:e.multiplier,maxCount:e.maxCount,minCount:e.minCount,editable:e.editable,label:e.label,labelPosition:e.labelPosition,buttonTransparent:e.buttonTransparent,groupElements:e.groupElements,error:n},children:e.children})}function U(){let e=(0,_.useContext)(Pt);if(!e)throw new Error("useCounter must be used within a CounterProvider");return e}var It=L(require("styled-components")),Lt=require("@mobilestockweb/container");var Nt=require("react/jsx-runtime");function me(e){return(0,Nt.jsx)(Ur,C({align:"CENTER"},e))}var Ur=(0,It.default)(Lt.Container.Vertical)`
|
|
2
2
|
min-width: 40px;
|
|
3
3
|
height: 34px;
|
|
4
4
|
user-select: none;
|
|
5
|
-
`;var
|
|
5
|
+
`;var Se=require("react/jsx-runtime");function Fe(e){let{groupElements:t}=U();return(0,Se.jsx)(me,{children:t&&e.renderInsidePill?(0,Se.jsx)(Gr,{$type:e.type,full:!0,align:"CENTER",children:(0,Se.jsx)(Xr,{$type:e.type,children:e.text})}):(0,Se.jsx)(At.Badge,{text:e.text,type:e.type,size:"XS"})})}function Ot(e,t){return Object.keys(t.colors.badge).find(o=>o.toLowerCase()===(e==null?void 0:e.toLowerCase()))||"default"}var Gr=(0,Xe.default)(Mt.Container.Vertical)`
|
|
6
6
|
background-color: ${({$type:e,theme:t})=>{let o=Ot(e,t);return t.colors.badge[o]}};
|
|
7
7
|
width: 100%;
|
|
8
|
-
`,
|
|
8
|
+
`,Xr=(0,Xe.default)(Ht.Typography)`
|
|
9
9
|
color: ${({$type:e,theme:t})=>{let o=Ot(e,t);return wt.default.defineTextColor(t.colors.badge[o])}};
|
|
10
|
-
`;Fe.displayName="Form.FormCounter.Badge";var J=require("react"),G=require("@mobilestockweb/container"),_t=
|
|
10
|
+
`;Fe.displayName="Form.FormCounter.Badge";var J=require("react"),G=require("@mobilestockweb/container"),_t=L(require("@mobilestockweb/tools"));var Pe=L(require("styled-components")),Vt=require("@mobilestockweb/container");var zt=require("react/jsx-runtime");function ge(o){var n=o,{children:e}=n,t=P(n,["children"]);let{groupElements:r,error:m}=U();return(0,zt.jsx)(Wr,v(C({align:"CENTER",$groupElements:r,$error:!!m},t),{children:e}))}var Wr=(0,Pe.default)(Vt.Container.Horizontal)`
|
|
11
11
|
border-radius: ${({theme:e})=>e.borderRadius.default};
|
|
12
12
|
overflow: hidden;
|
|
13
13
|
background-color: transparent;
|
|
14
14
|
border: none;
|
|
15
|
-
${({$groupElements:e,theme:t})=>e&&
|
|
15
|
+
${({$groupElements:e,theme:t})=>e&&Pe.css`
|
|
16
16
|
background-color: ${t.colors.input.default};
|
|
17
17
|
|
|
18
18
|
border: 1px solid ${t.colors.input.border};
|
|
19
19
|
`}
|
|
20
|
-
${({$error:e,theme:t})=>e&&
|
|
20
|
+
${({$error:e,theme:t})=>e&&Pe.css`
|
|
21
21
|
background-color: ${t.colors.input.error};
|
|
22
22
|
border: 1px solid ${t.colors.alert.urgent};
|
|
23
23
|
`}
|
|
24
|
-
`;var Dt=require("@mobilestockweb/typography"),Bt=require("react/jsx-runtime");function Y({children:e}){return(0,Bt.jsx)(Dt.Typography,{color:"DANGER_600",size:"SM",weight:"MEDIUM",children:e})}var
|
|
24
|
+
`;var Dt=require("@mobilestockweb/typography"),Bt=require("react/jsx-runtime");function Y({children:e}){return(0,Bt.jsx)(Dt.Typography,{color:"DANGER_600",size:"SM",weight:"MEDIUM",children:e})}var kt=require("@mobilestockweb/typography"),$t=require("react/jsx-runtime");function oe({children:e}){return(0,$t.jsx)(kt.Typography,{weight:"REGULAR",children:e})}var I=require("react/jsx-runtime");function Ut({children:e}){let{label:t,error:o,labelPosition:n}=U(),r=[],m=[],i=(0,J.useCallback)(a=>(0,J.isValidElement)(a)&&a.type===J.Fragment?i(a.props.children):a,[]),l=i(e);return J.Children.toArray(l).forEach(a=>{(0,J.isValidElement)(a)&&_t.default.isComponentWithDisplayName(a.type)&&a.type.displayName===Fe.displayName&&!a.props.renderInsidePill?r.push(a):m.push(a)}),(0,I.jsxs)(G.Container.Vertical,{align:"CENTER_START",children:[n==="TOP_START"&&t&&(0,I.jsxs)(G.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,I.jsx)(oe,{children:t}),o&&!r.length&&(0,I.jsx)(Y,{children:o})]}),n!=="LEFT"&&(0,I.jsxs)(G.Container.Vertical,{align:"CENTER",children:[(n!=="TOP_START"&&t||n!=="TOP_START"&&o&&!r.length)&&(0,I.jsxs)(G.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[t&&(0,I.jsx)(oe,{children:t}),o&&!r.length&&(0,I.jsx)(Y,{children:o})]}),(0,I.jsxs)(G.Container.Horizontal,{align:"CENTER_START",children:[r.length>0&&(0,I.jsx)(G.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,I.jsxs)(G.Container.Vertical,{children:[(0,I.jsx)(ge,{children:m}),o&&!!r.length&&(0,I.jsx)(Y,{children:o})]})]})]}),n==="LEFT"&&(0,I.jsx)(G.Container.Vertical,{children:(0,I.jsxs)(G.Container.Horizontal,{align:"CENTER",children:[(0,I.jsxs)(G.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[t&&(0,I.jsx)(oe,{children:t}),o&&!r.length&&(0,I.jsx)(Y,{children:o})]}),r.length>0&&(0,I.jsx)(G.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,I.jsx)(ge,{children:m})]})})]})}var re=require("@mobilestockweb/container");var Ne=require("react"),Gt=L(require("styled-components")),Xt=require("@mobilestockweb/button");var We=require("react/jsx-runtime");function Q(n){var r=n,{type:e,disabled:t}=r,o=P(r,["type","disabled"]);let{loading:m}=$(),i=U(),l=(0,Ne.useRef)(null),a=(0,Ne.useMemo)(()=>e==="PLUS"&&i.maxCount!==void 0?i.count>=i.maxCount:e==="MINUS"&&i.minCount!==void 0?i.count<=i.minCount:!1,[e,i.count,i.maxCount,i.minCount]);function c(){e==="PLUS"?i.increment():i.decrement()}function f(){l.current=setTimeout(()=>{"vibrate"in navigator&&navigator.vibrate(500),e==="PLUS"?i.increment(i.multiplier):i.decrement(i.multiplier)},500)}function d(){l.current&&(clearTimeout(l.current),l.current=null)}return(0,We.jsx)(me,{children:(0,We.jsx)(qr,v(C({type:"button",icon:e==="PLUS"?"Plus":"Minus",backgroundColor:e==="PLUS"?"DEFAULT_DARK":"CANCEL_DARK"},o),{size:"SM",variant:i.buttonTransparent?"TRANSPARENT":"DEFAULT",$grouped:i.groupElements,disabled:a||t||m,onClick:c,onMouseDown:f,onMouseUp:d,onMouseLeave:d,onTouchStart:f,onTouchEnd:d}))})}var qr=(0,Gt.default)(Xt.Button)`
|
|
25
25
|
border-radius: ${({$grouped:e,theme:t})=>e?t.borderRadius.none:t.borderRadius.default};
|
|
26
|
-
`;var pe=require("react"),Wt=
|
|
26
|
+
`;var pe=require("react"),Wt=L(require("styled-components")),qt=require("@mobilestockweb/clickable"),qe=require("@mobilestockweb/container"),Ke=require("@mobilestockweb/typography");var j=require("react/jsx-runtime");function he(){let{count:e,editable:t,configureCount:o}=U(),n=(0,pe.useRef)(null),[r,m]=(0,pe.useState)(!1),[i,l]=(0,pe.useState)(e.toString());(0,pe.useEffect)(()=>{l(e.toString())},[e]);function a(f){let d=Number(f.target.value);o(Number.isNaN(d)?0:d),m(!1)}function c(f){var d;f.key==="Enter"&&(f.preventDefault(),(d=n.current)==null||d.blur())}return t?(0,j.jsx)(qt.Clickable,{onClick:()=>m(!0),type:"button",children:(0,j.jsx)(qe.Container.Horizontal,{padding:"NONE_2XS",children:(0,j.jsx)(me,{children:r?(0,j.jsx)(Kr,{"data-testid":"counter-input",ref:n,value:i,autoFocus:!0,onKeyDown:c,type:"text",inputMode:"numeric",onChange:f=>l(f.target.value),onFocus:f=>f.target.select(),onBlur:a}):(0,j.jsx)(Ke.Typography,{weight:"BOLD",size:"LG",children:e})})})}):(0,j.jsx)(qe.Container.Horizontal,{padding:"NONE_2XS",children:(0,j.jsx)(me,{children:(0,j.jsx)(Ke.Typography,{weight:"BOLD",size:"LG",children:e})})})}var Kr=Wt.default.input`
|
|
27
27
|
&:focus {
|
|
28
28
|
outline: none;
|
|
29
29
|
box-shadow: none;
|
|
@@ -42,87 +42,62 @@
|
|
|
42
42
|
text-align: center;
|
|
43
43
|
width: 40px;
|
|
44
44
|
height: 34px;
|
|
45
|
-
`;he.displayName="Form.FormCounter.Display";var
|
|
45
|
+
`;he.displayName="Form.FormCounter.Display";var x=require("react/jsx-runtime");function Kt(){let{label:e,labelPosition:t,error:o}=U();return(0,x.jsxs)(re.Container.Vertical,{align:"CENTER_START",children:[t==="TOP_START"&&e&&(0,x.jsxs)(re.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,x.jsx)(oe,{children:e}),o&&(0,x.jsx)(Y,{children:o})]}),t!=="LEFT"&&(0,x.jsxs)(re.Container.Vertical,{align:"CENTER",children:[t!=="TOP_START"&&(e||o)&&(0,x.jsxs)(re.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[e&&(0,x.jsx)(oe,{children:e}),o&&(0,x.jsx)(Y,{children:o})]}),(0,x.jsxs)(ge,{children:[(0,x.jsx)(Q,{type:"MINUS"}),(0,x.jsx)(he,{}),(0,x.jsx)(Q,{type:"PLUS"})]})]}),t==="LEFT"&&(0,x.jsx)(re.Container.Vertical,{children:(0,x.jsxs)(re.Container.Horizontal,{align:"CENTER",children:[(e||o)&&(0,x.jsxs)(re.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[e&&(0,x.jsx)(oe,{children:e}),o&&(0,x.jsx)(Y,{children:o})]}),(0,x.jsxs)(ge,{children:[(0,x.jsx)(Q,{type:"MINUS"}),(0,x.jsx)(he,{}),(0,x.jsx)(Q,{type:"PLUS"})]})]})})]})}var Ae=require("react/jsx-runtime");function Zt(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,Ae.jsx)(Rt,v(C({buttonTransparent:!1,labelPosition:"TOP_START",multiplier:1},t),{children:e?(0,Ae.jsx)(Ut,{children:e}):(0,Ae.jsx)(Kt,{})}))}var Yt=require("react/jsx-runtime");function Ze(e){return(0,Yt.jsx)(Q,v(C({},e),{type:"MINUS"}))}Ze.displayName="Form.FormCounter.Minus";var Jt=require("react/jsx-runtime");function Ye(e){return(0,Jt.jsx)(Q,v(C({},e),{type:"PLUS"}))}Ye.displayName="Form.FormCounter.Plus";var Qt=Object.assign(Zt,{Display:he,Plus:Ye,Minus:Ze,Badge:Fe});var jt=require("@mobilestockweb/container");var to=require("react/jsx-runtime");function eo(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,to.jsx)(jt.Container.Horizontal,v(C({gap:"SM"},t),{children:e}))}var oo=require("@unform/core"),O=require("react"),Re=L(require("styled-components")),ro=require("@mobilestockweb/button"),Qe=require("@mobilestockweb/container"),Je=L(require("@mobilestockweb/tools")),je=require("@mobilestockweb/typography");var ne=require("react/jsx-runtime"),no=(0,O.forwardRef)(function(s,E){var u=s,{name:t,label:o,defaultValue:n,type:r,autoSubmit:m,full:i,error:l,format:a,onChange:c,maxLength:f}=u,d=P(u,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:b}=$(),g=(0,oo.useField)(t),p=(0,O.useRef)(null),[S,R]=(0,O.useState)(!1),[T,F]=(0,O.useState)(""),B=r==="password",N=r==="tel"?15:r==="zipcode"?9:f,k=t+"-input"+(0,O.useId)();(0,O.useEffect)(()=>{let h=T||n||(g==null?void 0:g.defaultValue)||"";p.current.value=h,F(h),g.registerField({name:g.fieldName,ref:p,getValue:y=>{var W;return((W=y.current)==null?void 0:W.value)||""},setValue:(y,W)=>{y.current&&(y.current.value=W,F(W))},clearValue:y=>{y.current&&(y.current.value="",F(""))}})},[g==null?void 0:g.fieldName,g==null?void 0:g.registerField]),(0,O.useImperativeHandle)(E,()=>({focus(){var h;(h=p.current)==null||h.focus()},blur(){var h;(h=p.current)==null||h.blur()}}));let ee=(0,O.useCallback)(h=>{let y=h.target.value;switch(r){case"tel":y=Je.default.phoneNumberFormatter(y);break;case"email":case"url":y=y.trim();break;case"zipcode":y=Je.default.formatZipcode(y);break}a&&(y=a(y)),F(y),h.target.value=y,p.current.value=y,c==null||c(h),r==="tel"&&m&&y.length===15&&p.current.form&&(p.current.form.requestSubmit(),p.current.blur()),r==="zipcode"&&m&&y.length===9&&p.current.form&&(p.current.form.requestSubmit(),p.current.blur())},[r,a,m,c,g]);function fe(){return r==="password"?S?"text":"password":r}return(0,ne.jsxs)(Zr,{full:i,$show:r!=="hidden",children:[o&&(0,ne.jsx)(Yr,{htmlFor:k,size:"SM",children:o}),(0,ne.jsxs)(Jr,{align:"CENTER",padding:"XS_NONE",gap:"SM",$isError:!!(g!=null&&g.error),$isPassword:B,children:[(0,ne.jsx)(Qr,v(C({},d),{ref:p,id:k,value:T,onChange:ee,maxLength:N,type:fe(),disabled:b||d.disabled})),B&&(0,ne.jsx)(ro.Button,{size:"SM",onClick:()=>R(!S),icon:S?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),!!(g!=null&&g.error)&&(0,ne.jsx)(je.Typography,{color:"DANGER",size:"SM",children:g==null?void 0:g.error})]})}),Zr=(0,Re.default)(Qe.Container.Vertical)`
|
|
46
46
|
display: ${({$show:e})=>e?"flex":"none"};
|
|
47
|
-
`,
|
|
47
|
+
`,Yr=(0,Re.default)(je.Typography).attrs({forwardedAs:"label"})``,Jr=(0,Re.default)(Qe.Container.Horizontal)`
|
|
48
48
|
padding: ${({$isPassword:e})=>e?"0 0 0 10px":"0 10px"};
|
|
49
49
|
background-color: ${({$isError:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
|
|
50
50
|
border: 1px solid ${({$isError:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
|
|
51
51
|
border-radius: ${({theme:e})=>e.borderRadius.default};
|
|
52
|
-
`,
|
|
52
|
+
`,Qr=Re.default.input`
|
|
53
53
|
width: 100%;
|
|
54
54
|
border: none;
|
|
55
55
|
height: 2.5rem;
|
|
56
56
|
outline: none;
|
|
57
57
|
background-color: transparent;
|
|
58
|
-
`;var wo=require("@unform/core"),Ho=require("react"),Oo=
|
|
59
|
-
`," ","\r"];return typeof e=="string"?e.split(new RegExp(t.map(o=>`\\${o}`).join("|"))).map(o=>o.trim().replace(".","")).filter(o=>o.length>0):e}};var Co=require("@mobilestockweb/container"),bo=require("@mobilestockweb/spacer");var uo=require("@unform/core"),mo=require("@mobilestockweb/typography");var po=require("react/jsx-runtime");function
|
|
58
|
+
`;var wo=require("@unform/core"),Ho=require("react"),Oo=L(require("styled-components")),Be=require("@mobilestockweb/container");var io=require("@unform/core"),X=require("react");var z={getHashFile(e){return`${e.name}-${e.size}`}};var so=require("react/jsx-runtime"),ao=(0,X.createContext)(null);function lo({children:e,accept:t,onChange:o,name:n}){let{fieldName:r,registerField:m,defaultValue:i}=(0,io.useField)(n),[l,a]=(0,X.useState)(null),c=(0,X.useCallback)(s=>{let u=s.map(T=>({file:T,hash:z.getHashFile(T)})),b=(l||[]).map(T=>({file:T,hash:z.getHashFile(T)})),g=[...u,...b],p=Array.from(new Set(g.map(T=>T.hash))).map(T=>g.find(F=>F.hash===T)),S=p.filter(T=>u.some(F=>F.hash===T.hash));if(!S.length)return;let R=p.map(T=>T.file);a(R),o==null||o({value:S.map(T=>T.file),event:"ADD_FILES"})},[l,o]),f=(0,X.useCallback)(s=>{if(!s){a(null);return}let u=s.filter(b=>!!b);c(u)},[c,a]);(0,X.useEffect)(()=>{m({name:r,getValue:()=>l,setValue:(s,u)=>f(u||i),clearValue:()=>a(null)})},[r,m,l,f,i]),(0,X.useEffect)(()=>{a(null)},[t]);function d(s){if(!l)return;let u=l.filter(b=>z.getHashFile(b)!==s);a(u),o==null||o({value:l.find(b=>z.getHashFile(b)===s),event:"REMOVE_FILE"})}function E(){let s=document.createElement("input");s.style.display="none",s.setAttribute("type","file"),s.setAttribute("accept","*/*"),s.setAttribute("id",String(Math.random())),s.setAttribute("multiple","multiple"),document.body.appendChild(s),s.addEventListener("change",()=>{s.files&&c(Array.from(s.files)),document.body.removeChild(s)});let u=new MouseEvent("click");s.dispatchEvent(u)}return(0,so.jsx)(ao.Provider,{value:{handleSelectFile:E,handleSaveFiles:c,handleRemoveFile:d,accept:t,files:l,name:n},children:e})}function K(){let e=(0,X.useContext)(ao);if(!e)throw new Error("useMultipleArchive must be used within a MultipleArchiveProvider");return e}var Me={convertBytesToReadableFormat(e){return e>=1073741824?(e/1073741824).toFixed(2)+" GB":e>=1048576?(e/1048576).toFixed(2)+" MB":e>=1024?(e/1024).toFixed(2)+" KB":e+" B"},parseAcceptString(e){if(!e)return["all"];let t=["|",",",";"," ",`
|
|
59
|
+
`," ","\r"];return typeof e=="string"?e.split(new RegExp(t.map(o=>`\\${o}`).join("|"))).map(o=>o.trim().replace(".","")).filter(o=>o.length>0):e}};var Co=require("@mobilestockweb/container"),bo=require("@mobilestockweb/spacer");var uo=require("@unform/core"),mo=require("@mobilestockweb/typography");var po=require("react/jsx-runtime");function we(){let e=K(),{error:t}=(0,uo.useField)(e.name);return(0,po.jsx)(mo.Typography,{color:"DANGER",size:"XS",children:t})}var co=require("@mobilestockweb/button"),fo=require("react/jsx-runtime");function He(){return(0,fo.jsx)(co.Button,{type:"button",text:"Selecionar arquivo",size:"XS"})}var Oe=require("@mobilestockweb/typography");var ie=require("react/jsx-runtime");function Ve(){var t,o;let e=K();return(t=e.accept)!=null&&t.includes("all")?(0,ie.jsx)(Oe.Typography,{size:"XS",children:"Todos os tipos de arquivos s\xE3o suportados"}):(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(Oe.Typography,{size:"XS",children:"Arquivos suportados"}),(0,ie.jsxs)(Oe.Typography,{size:"XS",children:["( ",(o=e.accept)==null?void 0:o.join(", ")," )"]})]})}var go=require("@mobilestockweb/typography"),ho=require("react/jsx-runtime");function ze({children:e}){return(0,ho.jsx)(go.Typography,{size:"LG",weight:"REGULAR",children:e||"Arraste o arquivo para c\xE1"})}var ae=require("react/jsx-runtime");function Eo(){var t;let e=K();return(0,ae.jsxs)(Co.Container.Vertical,{align:"CENTER",children:[(0,ae.jsx)(ze,{}),(0,ae.jsx)(bo.Spacer,{size:"2XS"}),(0,ae.jsx)(He,{}),(0,ae.jsx)(we,{}),(t=e.accept)!=null&&t.includes("all")?null:(0,ae.jsx)(Ve,{})]})}var To=L(require("chroma-js")),yo=require("react"),vo=require("styled-components");var Fo=require("react/jsx-runtime");function So(e){let t=K(),o=(0,vo.useTheme)(),[n,r]=(0,yo.useState)(!1);function m(i){var c;i.preventDefault(),r(!1);let l=i.dataTransfer;if(!l)return;let a=[];if(l.items&&l.items.length>0)for(let f=0;f<l.items.length;f++){let d=l.items[f];if(d.kind!=="file")continue;let E=d.webkitGetAsEntry();if(E&&E.isDirectory)continue;let s=d.getAsFile();s&&a.push(s)}else if(l.files&&l.files.length>0)for(let f=0;f<l.files.length;f++){let d=l.files.item(f);d&&a.push(d)}a.length!==0&&((c=t.accept)!=null&&c.some(f=>f!=="all")&&(a=a.filter(f=>{var E;let d=f.name.split(".").pop();return(E=t.accept)==null?void 0:E.includes(d==null?void 0:d.toLowerCase())}),!a.length)||t.handleSaveFiles(a))}return(0,Fo.jsx)("div",C({onDragOver:i=>{i.preventDefault(),r(!0)},onDrop:m,onDragLeave:i=>{i.preventDefault(),r(!1)},style:C({},n?{backgroundColor:(0,To.default)(o.colors.formMultipleArchive.droppableArea).alpha(.5).css()}:void 0),onClick:t.handleSelectFile},e))}var Po=require("react"),et=L(require("styled-components")),Ro=require("@mobilestockweb/button"),xo=require("@mobilestockweb/clickable"),le=require("@mobilestockweb/container"),Io=require("@mobilestockweb/icons"),De=require("@mobilestockweb/typography");var A=require("react/jsx-runtime");function Lo(){var n,r,m;let e=K(),[t,o]=(0,Po.useState)(!1);return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(le.Container.Horizontal,{align:"END",children:!!((n=e.files)!=null&&n.length)&&(0,A.jsx)(xo.Clickable,{type:"button","data-testid":"flip-button",onClick:()=>o(!t),children:(0,A.jsxs)(le.Container.Horizontal,{align:"CENTER",children:[(0,A.jsxs)(De.Typography,{size:"XS",children:[(r=e.files)==null?void 0:r.length," arquivos"]}),(0,A.jsx)(jr,{"data-testid":"flip-icon-container","data-flip":t,$flip:t,children:(0,A.jsx)(Io.Icon,{name:"ChevronDown",size:"XS"})})]})})}),(0,A.jsx)(en,{"data-testid":"multiple-archive-list","data-open":t,$flip:t,children:(m=e.files)==null?void 0:m.map((i,l)=>(0,A.jsxs)(le.Container.Horizontal,{align:"START_CENTER",children:[(0,A.jsxs)(le.Container.Horizontal,{gap:"SM",full:!0,children:[(0,A.jsx)(De.Typography,{size:"XS",weight:"MEDIUM",children:i.name.slice(0,20)}),i.size&&(0,A.jsx)(De.Typography,{size:"XS",children:Me.convertBytesToReadableFormat(i.size)})]}),(0,A.jsx)(le.Container.Vertical,{children:(0,A.jsx)(Ro.Button,{variant:"TRANSPARENT",icon:"Trash",backgroundColor:"CANCEL_DARK",size:"XS","data-testid":`trash-button-${l}`,onClick:()=>e.handleRemoveFile(`${i.name}-${i.size}`)})})]},l))})]})}var jr=(0,et.default)(le.Container.Horizontal)`
|
|
60
60
|
transform: ${({$flip:e})=>e?"rotate(180deg)":"rotate(0deg)"};
|
|
61
61
|
transition: transform 0.3s ease;
|
|
62
|
-
`,
|
|
62
|
+
`,en=(0,et.default)(le.Container.Vertical)`
|
|
63
63
|
display: ${({$flip:e})=>e?"flex":"none"};
|
|
64
64
|
max-height: 200px;
|
|
65
65
|
overflow-y: auto;
|
|
66
|
-
`;var No=require("@mobilestockweb/typography"),
|
|
66
|
+
`;var No=require("@mobilestockweb/typography"),Mo=require("react/jsx-runtime");function Ao({children:e}){return(0,Mo.jsx)(No.Typography,{children:e})}var Z=require("react/jsx-runtime");function Vo(o){var n=o,{accept:e}=n,t=P(n,["accept"]);let{error:r}=(0,wo.useField)(t.name),m=(0,Ho.useMemo)(()=>Me.parseAcceptString(e),[e]);return(0,Z.jsx)(lo,v(C({},t),{accept:m,children:(0,Z.jsxs)(Be.Container.Vertical,{gap:"2XS",children:[(0,Z.jsx)(Be.Container.Horizontal,{align:t.alignLabel||"START",children:(0,Z.jsx)(Ao,{children:t.label})}),(0,Z.jsxs)(tn,{$error:!!r,padding:"MD",children:[(0,Z.jsx)(So,{children:t.children||(0,Z.jsx)(Eo,{})}),(0,Z.jsx)(Lo,{})]})]})}))}var tn=(0,Oo.default)(Be.Container.Vertical)`
|
|
67
67
|
border: 1px solid ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.border};
|
|
68
68
|
border-radius: ${({theme:e})=>e.borderRadius.default};
|
|
69
69
|
background-color: ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.default};
|
|
70
70
|
min-width: 400px;
|
|
71
|
-
`;var
|
|
71
|
+
`;var zo=Object.assign(Vo,{Title:ze,HelpButton:He,HelpText:Ve,ErrorLabel:we});var H=require("@dnd-kit/core"),Tr=require("@dnd-kit/modifiers"),ue=require("@dnd-kit/sortable"),Ee=require("react"),yr=require("styled-components"),_e=require("@mobilestockweb/container");var Do=require("@unform/core"),M=require("react"),Bo=require("styled-components"),_o=require("react/jsx-runtime"),ko=(0,M.createContext)(null);function $o({gap:e="2XS",size:t="SM",name:o,children:n,onChange:r,multiple:m,dragAndDrop:i,buttonAddDirection:l}){let a=(0,Bo.useTheme)(),{fieldName:c,registerField:f,defaultValue:d}=(0,Do.useField)(o),[E,s]=(0,M.useState)(null),[u,b]=(0,M.useState)(!1),[g,p]=(0,M.useState)(null),S=(0,M.useMemo)(()=>a.sizeImage[t.toLowerCase()],[a,t]),R=(0,M.useMemo)(()=>a.gaps[e.toLowerCase()],[a,e]),T=(0,M.useCallback)(h=>{s(l==="RIGHT"?y=>[...y||[],...h].reverse():y=>[...y||[],...h])},[s,l]),F=(0,M.useCallback)(h=>{if(!h){s(null);return}T(h)},[T]);(0,M.useEffect)(()=>{f({name:c,getValue:()=>E,setValue:(h,y)=>F(y||d),clearValue:()=>s(null)})},[c,f,E,F,d]);function B(){let h=document.createElement("input");h.style.display="none",h.setAttribute("type","file"),h.setAttribute("accept","image/*"),h.setAttribute("id",String(Math.random())),m&&h.setAttribute("multiple","multiple"),document.body.appendChild(h),h.addEventListener("change",()=>{h.files&&(m?T(Array.from(h.files)):(b(!0),p(Array.from(h.files)[0])),document.body.removeChild(h))});let y=new MouseEvent("click");h.dispatchEvent(y)}function N(h){if(!E)return;let y=E.filter(W=>`${W.name}-${W.size}`!==h);s(y),r==null||r({value:E.find(W=>`${W.name}-${W.size}`===h),event:"REMOVE_IMAGE"})}function k(h){s(h),r==null||r({value:h,event:"REORDER_IMAGES"})}function ee(h){T([h]),b(!1),p(null),r==null||r({value:h,event:"CROP_SAVE"})}function fe(){b(!1),p(null)}return(0,_o.jsx)(ko.Provider,{value:{showDeviceImage:B,images:E,removeImage:N,reorderImages:k,openImageCropModal:u,imageToCrop:g,handleImageCropCancel:fe,handleImageCropSave:ee,sizeComponent:S,gapComponent:R,dragAndDrop:i,name:o,gap:e},children:n})}function V(){let e=(0,M.useContext)(ko);if(!e)throw new Error("usePhotoList must be used within a PhotoListProvider");return e}var Uo=require("@mobilestockweb/button");var Go=require("react/jsx-runtime");function tt(){let e=V();return(0,Go.jsx)(Uo.Button,{type:"button",icon:"Plus",variant:"OUTLINE",onClick:e.showDeviceImage,style:{height:e.sizeComponent,width:e.sizeComponent,minWidth:e.sizeComponent,maxWidth:e.sizeComponent}})}var Xo=require("@unform/core"),Wo=require("@mobilestockweb/typography");var Ko=require("react/jsx-runtime");function qo(){let e=V(),{error:t}=(0,Xo.useField)(e.name);return(0,Ko.jsx)(Wo.Typography,{color:"DANGER",size:"XS",children:t})}var lr=require("@dnd-kit/sortable"),sr=require("@dnd-kit/utilities"),$e=require("react"),ur=require("styled-components"),mr=require("@mobilestockweb/container");var jo=require("@dnd-kit/sortable"),er=L(require("styled-components")),tr=require("@mobilestockweb/container");var Zo=require("@dnd-kit/sortable"),Yo=L(require("styled-components")),Qo=require("react/jsx-runtime");function Jo({id:e}){let{isDragging:t}=(0,Zo.useSortable)({id:e});return(0,Qo.jsx)(on,{$isDragging:t})}var on=Yo.default.div`
|
|
72
72
|
height: 5px;
|
|
73
73
|
width: 90%;
|
|
74
74
|
background-color: ${({theme:e,$isDragging:t})=>t?e.colors.formPhotoList.highlightBar:e.colors.formPhotoList.defaultBar};
|
|
75
|
-
`;var
|
|
75
|
+
`;var ot=require("react/jsx-runtime");function or({id:e}){let t=V(),{listeners:o,attributes:n}=(0,jo.useSortable)({id:e});return(0,ot.jsx)(rn,v(C(C({$sizeComponent:t.sizeComponent,align:"CENTER"},o),n),{children:(0,ot.jsx)(Jo,{id:e})}))}var rn=(0,er.default)(tr.Container.Horizontal)`
|
|
76
76
|
padding: 4px 12px;
|
|
77
77
|
position: absolute;
|
|
78
78
|
bottom: 0;
|
|
79
79
|
width: ${({$sizeComponent:e})=>e};
|
|
80
80
|
background-color: ${({theme:e})=>e.colors.formPhotoList.controlBar};
|
|
81
|
-
`;var
|
|
81
|
+
`;var ke=L(require("styled-components")),rr=require("@mobilestockweb/clickable"),nr=require("@mobilestockweb/icons"),ir=L(require("@mobilestockweb/tools"));var rt=require("react/jsx-runtime");function ar({id:e}){let t=V(),o=(0,ke.useTheme)();function n(){t.removeImage(e)}return(0,rt.jsx)(nn,{onClick:n,children:(0,rt.jsx)(nr.Icon,{name:"X",size:"XS",color:ir.default.defineTextColor(o.colors.formPhotoList.trashButton)})})}var nn=(0,ke.default)(rr.Clickable)`
|
|
82
82
|
position: absolute;
|
|
83
83
|
top: 0;
|
|
84
84
|
right: 0;
|
|
85
85
|
z-index: 1;
|
|
86
86
|
border-bottom-left-radius: 4px;
|
|
87
87
|
background-color: ${e=>e.theme.colors.formPhotoList.trashButton};
|
|
88
|
-
`;var Ce=require("react/jsx-runtime");function
|
|
88
|
+
`;var Ce=require("react/jsx-runtime");function an({file:e}){let t=(0,ur.useTheme)(),o=V(),{setNodeRef:n,transform:r,transition:m,isDragging:i}=(0,lr.useSortable)({id:z.getHashFile(e)}),l=(0,$e.useMemo)(()=>URL.createObjectURL(e),[e]);return(0,Ce.jsxs)(mr.Container.Vertical,{ref:n,align:"CENTER",style:v(C({borderColor:t.colors.formPhotoList.controlBar,borderStyle:"solid",borderWidth:1},i&&{borderColor:t.colors.formPhotoList.highlightBar}),{transform:sr.CSS.Transform.toString(r),transition:m,zIndex:i?100:0,userSelect:"none",width:o.sizeComponent,minWidth:o.sizeComponent,maxWidth:o.sizeComponent,height:o.sizeComponent,flexShrink:0,backgroundColor:"white",position:"relative",borderRadius:t.borderRadius.default,overflow:"hidden"}),children:[(0,Ce.jsx)(ar,{id:z.getHashFile(e)}),(0,Ce.jsx)("img",{alt:"image",style:{width:"100%",objectFit:"cover"},src:l}),o.dragAndDrop&&(0,Ce.jsx)(or,{id:z.getHashFile(e)})]})}var pr=(0,$e.memo)(an);var cr=require("@mobilestockweb/typography"),fr=require("react/jsx-runtime");function dr({children:e}){return(0,fr.jsx)(cr.Typography,{children:e})}var q=require("react"),br=require("react-image-crop"),be=L(require("styled-components")),at=require("@mobilestockweb/button"),ce=require("@mobilestockweb/container");var se=require("react"),nt=L(require("react-modal")),gr=require("styled-components"),hr=require("ua-parser-js");var it=require("react/jsx-runtime");function Cr(o){var n=o,{children:e}=n,t=P(n,["children"]);let r=(0,gr.useTheme)(),[m,i]=(0,se.useState)(!1),[l,a]=(0,se.useState)(void 0),c=(0,se.useCallback)(()=>(0,hr.UAParser)(window.navigator.userAgent).device.type==="mobile"||window.innerWidth<=768,[]),f=(0,se.useCallback)(()=>{i(c()),a(window.innerHeight)},[c]);return(0,se.useEffect)(()=>(i(c()),a(window.innerHeight),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f)}),[c,f]),m?(0,it.jsx)(nt.default,v(C({ariaHideApp:!1,style:{content:{top:0,left:0,right:0,bottom:0,padding:0,margin:0,borderRadius:0,border:"none",height:l?`${l}px`:"100vh",maxHeight:l?`${l}px`:"100vh",boxSizing:"border-box"}}},t),{children:e})):(0,it.jsx)(nt.default,v(C({ariaHideApp:!1,style:{overlay:{backgroundColor:r.colors.container.shadow},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",padding:0,margin:0,transform:"translate(-50%, -50%)",borderRadius:8,border:"none",width:"min(900px, 100vw - 32px)",height:"min(700px, 100vh - 32px)",maxWidth:"calc(100vw - 32px)",maxHeight:"calc(100vh - 32px)",boxSizing:"border-box"}}},t),{children:e}))}var D=require("react/jsx-runtime");function Er(){let e=V(),t=(0,q.useRef)(null),o=(0,q.useRef)(null),[n,r]=(0,q.useState)(),[m,i]=(0,q.useState)(),[l,a]=(0,q.useState)(),c=(0,q.useMemo)(()=>e.imageToCrop?URL.createObjectURL(e.imageToCrop):void 0,[e.imageToCrop]);(0,q.useEffect)(()=>{e.imageToCrop||(r(void 0),i(void 0),a(void 0))},[e.imageToCrop,e.openImageCropModal]);function f({displayWidth:s,displayHeight:u,naturalWidth:b,naturalHeight:g}){i({displayWidth:s,displayHeight:u,naturalWidth:b,naturalHeight:g});let p=Math.min(s,u);r({unit:"px",width:p,height:p,x:s>u?(s-p)/2:0,y:u>s?(u-p)/2:0})}function d(){return Ie(this,null,function*(){if(!e.imageToCrop||!n||!m)return;let s=m.naturalWidth/m.displayWidth,u=m.naturalHeight/m.displayHeight,b=n.x*s,g=n.y*u,p=n.width*s,S=n.height*u,R=new OffscreenCanvas(p,S),T=R.getContext("2d"),F=new Image;F.src=URL.createObjectURL(e.imageToCrop),yield new Promise(k=>{F.onload=()=>k()}),T.drawImage(F,b,g,p,S,0,0,p,S);let B=yield R.convertToBlob({type:"image/png",quality:1}),N="";if(!e.imageToCrop.name)N="image-cropped.png";else{let k=e.imageToCrop.name.split(".");k.pop(),N=k.join(".")+"-cropped.png"}e.handleImageCropSave(new File([B],N,{type:"image/png",lastModified:Date.now()}))})}function E(s){let u=s.currentTarget,b=o.current,g=b.clientWidth,p=b.clientHeight,S=u.naturalWidth,R=u.naturalHeight,T=Math.min(g/S,p/R),F=S*T,B=R*T;a({width:F,height:B}),f({displayWidth:F,displayHeight:B,naturalWidth:S,naturalHeight:R})}return(0,D.jsx)(Cr,{isOpen:e.openImageCropModal,children:(0,D.jsxs)(ce.Container.Vertical,{full:!0,padding:"NONE_XS_XS_XS",style:{height:"100%",maxHeight:"100%",boxSizing:"border-box"},gap:"MD",children:[(0,D.jsx)(ce.Container.Vertical,{full:!0,align:"CENTER",style:{minHeight:0},children:(0,D.jsx)(ln,{ref:o,align:"CENTER",children:(0,D.jsx)(sn,{crop:n,width:l==null?void 0:l.width,height:l==null?void 0:l.height,onChange:s=>r(s),children:(0,D.jsx)(un,{src:c,ref:t,"data-testid":"image-to-crop",onLoad:E})})})}),(0,D.jsxs)(ce.Container.Horizontal,{gap:"MD",children:[(0,D.jsx)(ce.Container.Vertical,{full:!0,children:(0,D.jsx)(at.Button,{onClick:e.handleImageCropCancel,text:"Cancelar",backgroundColor:"CANCEL_DARK"})}),(0,D.jsx)(ce.Container.Vertical,{full:!0,children:(0,D.jsx)(at.Button,{onClick:d,text:"Salvar"})})]})]})})}var ln=(0,be.default)(ce.Container.Vertical)`
|
|
89
89
|
width: 100%;
|
|
90
90
|
height: 100%;
|
|
91
91
|
min-height: 0;
|
|
92
92
|
padding-left: 16px;
|
|
93
93
|
padding-right: 16px;
|
|
94
|
-
`,
|
|
94
|
+
`,sn=(0,be.default)(br.ReactCrop)`
|
|
95
95
|
${({width:e,height:t})=>e&&t&&be.css`
|
|
96
96
|
width: ${e}px;
|
|
97
97
|
height: ${t}px;
|
|
98
98
|
display: inline-flex;
|
|
99
99
|
`}
|
|
100
|
-
`,
|
|
100
|
+
`,un=be.default.img``;var w=require("react/jsx-runtime");function vr({numberOfImagesVisible:e,buttonAddDirection:t,label:o,alignLabel:n}){var b,g;let r=V(),m=(0,yr.useTheme)(),i=(0,H.useSensors)((0,H.useSensor)(H.MouseSensor),(0,H.useSensor)(H.TouchSensor),(0,H.useSensor)(H.KeyboardSensor,{coordinateGetter:ue.sortableKeyboardCoordinates})),[l,a]=(0,Ee.useState)(null),c=(0,Ee.useId)();function f(p){var R;return((R=r.images)==null?void 0:R.findIndex(T=>z.getHashFile(T)===p))||0}let d=l?f(l):-1;function E({over:p}){if(a(null),p){let S=f(p.id);if(d!==S){let R=(0,ue.arrayMove)(r.images,d,S);r.reorderImages(R)}}}function s({active:p}){p&&a(p.id)}let u=(0,Ee.useMemo)(()=>e?`calc(${r.sizeComponent} * ${e} + (${r.gapComponent} * ${e}))`:`calc(100% - ${r.sizeComponent} - ${r.gapComponent})`,[e,r.sizeComponent,r.gapComponent]);return(0,w.jsxs)(w.Fragment,{children:[!!o&&(0,w.jsx)(_e.Container.Horizontal,{align:n||"START",children:(0,w.jsx)(dr,{children:o})}),(0,w.jsx)(H.DndContext,{id:c,sensors:i,collisionDetection:H.closestCenter,onDragCancel:()=>a(null),onDragStart:s,onDragEnd:E,modifiers:[Tr.restrictToHorizontalAxis],children:(0,w.jsxs)(_e.Container.Horizontal,{align:"START_CENTER",gap:r.gap,children:[t==="LEFT"&&(0,w.jsx)(tt,{}),(0,w.jsx)(ue.SortableContext,{items:((b=r.images)==null?void 0:b.map(p=>z.getHashFile(p)))||[],strategy:ue.horizontalListSortingStrategy,children:(0,w.jsx)(_e.Container.Horizontal,{gap:r.gap,style:{flexBasis:"max-content",overflowX:"scroll",paddingBottom:m.spacing["2xs"],maxWidth:u},children:(g=r.images)==null?void 0:g.map(p=>(0,w.jsx)(pr,{file:p},z.getHashFile(p)))})}),t==="RIGHT"&&(0,w.jsx)(tt,{})]})}),(0,w.jsx)(qo,{}),(0,w.jsx)(Er,{})]})}var lt=require("react/jsx-runtime");function Sr(m){var i=m,{label:e,alignLabel:t,buttonAddDirection:o="LEFT",numberOfImagesVisible:n=0}=i,r=P(i,["label","alignLabel","buttonAddDirection","numberOfImagesVisible"]);return(0,lt.jsx)($o,v(C({multiple:!0,dragAndDrop:!0,buttonAddDirection:o},r),{children:(0,lt.jsx)(vr,{label:e,alignLabel:t,buttonAddDirection:o,numberOfImagesVisible:n})}))}var Fr=require("@unform/core"),Pr=require("react"),ut=L(require("styled-components")),st=require("@mobilestockweb/container"),mt=require("@mobilestockweb/typography");var de=require("react/jsx-runtime");function Rr(e){let{loading:t}=$(),{error:o,fieldName:n,registerField:r}=(0,Fr.useField)(e.name),m=(0,Pr.useRef)(null),i=`radio_${e.name}_${e.label}`;function l(){r({name:n,ref:m,getValue:a=>a.current.value,clearValue:a=>{a.current.checked=!1}})}return(0,de.jsxs)(st.Container.Vertical,{onClick:l,gap:"XS",padding:"2XS_NONE",children:[(0,de.jsxs)(st.Container.Horizontal,{align:"START_CENTER",gap:"XS",children:[(0,de.jsx)(mn,v(C({id:i,ref:m},e),{type:"radio",disabled:t})),(0,de.jsx)(pn,{htmlFor:i,size:"MD",children:e.label})]}),o&&(0,de.jsx)(mt.Typography,{color:"DANGER",size:"SM",children:o})]})}var mn=ut.default.input`
|
|
101
101
|
width: 1rem;
|
|
102
102
|
height: 1rem;
|
|
103
|
-
`,
|
|
104
|
-
.react-select {
|
|
105
|
-
background-color: ${({$isWrong:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
|
|
106
|
-
border: 1px solid ${({$isWrong:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
|
|
107
|
-
border-radius: ${({theme:e})=>e.borderRadius.default};
|
|
108
|
-
height: 2.7rem;
|
|
109
|
-
width: 100%;
|
|
110
|
-
}
|
|
111
|
-
.react-select__control {
|
|
112
|
-
background-color: ${({$isWrong:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
|
|
113
|
-
border: none;
|
|
114
|
-
height: 100%;
|
|
115
|
-
}
|
|
116
|
-
.react-select__placeholder {
|
|
117
|
-
padding: 0.3rem;
|
|
118
|
-
}
|
|
119
|
-
.react-select__menu {
|
|
120
|
-
color: ${({theme:e})=>e.colors.select.text};
|
|
121
|
-
background-color: ${({theme:e})=>e.colors.select.default};
|
|
122
|
-
height: auto;
|
|
123
|
-
}
|
|
124
|
-
.react-select__option--is-focused {
|
|
125
|
-
color: ${({theme:e})=>e.colors.text.contrast};
|
|
126
|
-
background-color: ${({theme:e})=>e.colors.select.focused};
|
|
127
|
-
}
|
|
128
|
-
`,cn=(0,mt.default)(pt.Typography).attrs({forwardedAs:"label"})``;var Mr=require("@mobilestockweb/container");var wr=require("react/jsx-runtime");function Ar(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,wr.jsx)(Mr.Container.Vertical,v(h({gap:"SM"},t),{children:e}))}var dn=Object.assign(Tt,{Input:no,Radio:xr,Select:Nr,Button:yt,Counter:Qt,Vertical:Ar,Horizontal:eo,MultipleArchive:Vo,PhotoList:Fr});0&&(module.exports={Form,useForm});
|
|
103
|
+
`,pn=(0,ut.default)(mt.Typography).attrs({forwardedAs:"label"})``;var xr=require("@unform/core"),Ir=require("lodash"),ye=require("react"),Lr=L(require("react-select")),Ue=L(require("styled-components")),Nr=require("@mobilestockweb/container"),pt=require("@mobilestockweb/typography");var Te=require("react/jsx-runtime");function Ar(l){var a=l,{name:e,label:t,options:o,placeholder:n="Selecione um item",disabled:r,defaultValue:m}=a,i=P(a,["name","label","options","placeholder","disabled","defaultValue"]);let c=(0,Ue.useTheme)(),{loading:f}=$(),{fieldName:d,defaultValue:E,registerField:s,error:u}=(0,xr.useField)(e),b=(0,ye.useRef)(null);(0,ye.useEffect)(()=>{s({name:d,ref:b.current,getValue:p=>{var R,T,F;return((F=(T=(R=p==null?void 0:p.state)==null?void 0:R.selectValue)==null?void 0:T[0])==null?void 0:F.value)||""}})},[d,s]);let g=(0,ye.useCallback)(p=>function(S){return(0,Ir.mergeWith)(S,{fontFamily:c.font.families,lineHeight:c.font.lineHeight,color:c.colors.text.default},p)},[]);return(0,Te.jsxs)(Nr.Container.Vertical,{children:[t&&(0,Te.jsx)(cn,{htmlFor:d,size:"MD",children:t}),(0,Te.jsx)(Lr.default,C({defaultValue:m||E,options:[{label:n,options:o}],placeholder:n,menuPortalTarget:document.body,menuPosition:"fixed",styles:{container:g({width:"100%",display:"flex",height:"3rem"}),control:g({width:"100%",backgroundColor:u?c.colors.input.error:void 0,borderColor:u?c.colors.alert.urgent:void 0}),indicatorSeparator:g({backgroundColor:u?c.colors.alert.urgent:void 0}),dropdownIndicator:g({color:u?c.colors.alert.urgent:c.colors.text.default}),option:(p,S)=>v(C({},p),{fontFamily:c.font.families,color:c.colors.text.default,lineHeight:c.font.lineHeight,backgroundColor:S.isSelected?c.colors.listItem.selected:c.colors.listItem.default}),menuPortal:g({zIndex:99999})},ref:b,isDisabled:f||r},i)),u&&(0,Te.jsx)(pt.Typography,{color:"DANGER",size:"SM",children:u})]})}var cn=(0,Ue.default)(pt.Typography).attrs({forwardedAs:"label"})``;var Mr=require("@mobilestockweb/container");var Hr=require("react/jsx-runtime");function wr(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,Hr.jsx)(Mr.Container.Vertical,v(C({gap:"SM"},t),{children:e}))}var dn=Object.assign(Tt,{Input:no,Radio:Rr,Select:Ar,Button:vt,Counter:Qt,Vertical:wr,Horizontal:eo,MultipleArchive:zo,PhotoList:Sr});0&&(module.exports={Form,useForm});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mobilestockweb/form",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"notistack": "^3.0.1",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"react-modal": "^3.16.3",
|
|
17
17
|
"@mobilestockweb/button": "^1.0.13",
|
|
18
18
|
"@mobilestockweb/badge": "^0.0.6",
|
|
19
|
-
"@mobilestockweb/typography": "^0.0.6",
|
|
20
|
-
"@mobilestockweb/tools": "^0.0.16",
|
|
21
19
|
"@mobilestockweb/snackbar": "^0.0.18",
|
|
20
|
+
"@mobilestockweb/tools": "^0.0.16",
|
|
21
|
+
"@mobilestockweb/typography": "^0.0.6",
|
|
22
22
|
"@mobilestockweb/clickable": "^1.0.8",
|
|
23
|
-
"@mobilestockweb/data-table": "^2.0.
|
|
23
|
+
"@mobilestockweb/data-table": "^2.0.1",
|
|
24
24
|
"@mobilestockweb/spacer": "^1.0.6",
|
|
25
25
|
"@mobilestockweb/container": "^1.0.0"
|
|
26
26
|
},
|