@ufal-lccv/gpsub-ds 0.0.21 → 0.0.22
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/dist/RequiredLabel.view-BxGOZl_G.cjs +1 -0
- package/dist/{RequiredLabel.view-vhY8Ifny.js → RequiredLabel.view-DXN5uPK2.js} +18 -17
- package/dist/{Table.view-DrGCSijo.js → Table.view-CaOutm0A.js} +16 -16
- package/dist/{Table.view-Cq1l_7IE.cjs → Table.view-qhca9qPp.cjs} +9 -10
- package/dist/{Title.view-Bw6K4U1v.cjs → Title.view-Bu6ZRsfK.cjs} +1 -1
- package/dist/{Title.view-lFI_ZPGv.js → Title.view-DIVNVZPb.js} +1 -1
- package/dist/Tooltip.view-CAXE23gx.cjs +1455 -0
- package/dist/{Tooltip.view-B2Qudmep.js → Tooltip.view-ZTmLiut5.js} +2333 -2175
- package/dist/components/atoms/LoadingBar/LoadingBar.styles.d.ts +1 -0
- package/dist/components/atoms/Tooltip/Tooltip.view.d.ts +4 -2
- package/dist/components/atoms/index.cjs.js +1 -1
- package/dist/components/atoms/index.es.js +2 -2
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +37 -33
- package/dist/components/molecules/ActionButton/ActionButton.view.d.ts +1 -1
- package/dist/components/molecules/Alert/Alert.view.d.ts +1 -0
- package/dist/components/molecules/Alert/index.d.ts +1 -0
- package/dist/components/molecules/AlertInline/AlertInline.view.d.ts +1 -1
- package/dist/components/molecules/Confirm/ConfirmModal.view.d.ts +1 -1
- package/dist/components/molecules/Empty/Empty.types.d.ts +2 -1
- package/dist/components/molecules/Loading/Loading.view.d.ts +1 -1
- package/dist/components/molecules/Modal/DefaultFooter/DefaultFooter.types.d.ts +10 -0
- package/dist/components/molecules/Modal/DefaultFooter/DefaultFooter.view.d.ts +3 -0
- package/dist/components/molecules/Modal/DefaultFooter/index.d.ts +2 -0
- package/dist/components/molecules/Modal/Modal.view.d.ts +5 -1
- package/dist/components/molecules/MultiSelect/MultiSelect.view.d.ts +1 -0
- package/dist/components/molecules/MultiSelect/index.d.ts +1 -0
- package/dist/components/molecules/index.cjs.js +1 -1
- package/dist/components/molecules/index.d.ts +2 -0
- package/dist/components/molecules/index.es.js +19 -16
- package/dist/components/organisms/Autocomplete/Autocomplete.view.d.ts +1 -0
- package/dist/components/organisms/Autocomplete/index.d.ts +1 -0
- package/dist/components/organisms/index.cjs.js +1 -1
- package/dist/components/organisms/index.d.ts +1 -0
- package/dist/components/organisms/index.es.js +13 -11
- package/dist/hash-BtT4jVLO.js +25 -0
- package/dist/hash-CJrPvUOz.cjs +1 -0
- package/dist/helpers/functions/getLabelText.d.ts +2 -0
- package/dist/helpers/functions/index.d.ts +1 -0
- package/dist/helpers/index.cjs.js +1 -1
- package/dist/helpers/index.es.js +10 -18
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +45 -40
- package/dist/types/baseProps.d.ts +8 -0
- package/dist/types/icons.d.ts +1 -0
- package/dist/types/styleGuide/index.d.ts +174 -0
- package/dist/types/styleGuide/position.d.ts +1 -0
- package/package.json +3 -2
- package/dist/RequiredLabel.view-Dn02h8aL.cjs +0 -1
- package/dist/Tooltip.view-DGl4VmmK.cjs +0 -1456
|
@@ -0,0 +1,1455 @@
|
|
|
1
|
+
"use strict";const P=require("react"),t=require("sbwb-ds"),U=require("./index-BcwQwoIM.cjs"),ho=require("sbwb-ds-latest"),ht=require("react-dom");function po(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const Ae=po(P);function br(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $t={exports:{}},Qe={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var Qt;function mo(){if(Qt)return Qe;Qt=1;var e=P,o=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function l(d,f,g){var p,y={},S=null,C=null;g!==void 0&&(S=""+g),f.key!==void 0&&(S=""+f.key),f.ref!==void 0&&(C=f.ref);for(p in f)n.call(f,p)&&!a.hasOwnProperty(p)&&(y[p]=f[p]);if(d&&d.defaultProps)for(p in f=d.defaultProps,f)y[p]===void 0&&(y[p]=f[p]);return{$$typeof:o,type:d,key:S,ref:C,props:y,_owner:i.current}}return Qe.Fragment=r,Qe.jsx=l,Qe.jsxs=l,Qe}var et={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var er;function yo(){return er||(er=1,process.env.NODE_ENV!=="production"&&function(){var e=P,o=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),d=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),C=Symbol.for("react.offscreen"),m=Symbol.iterator,c="@@iterator";function b(s){if(s===null||typeof s!="object")return null;var w=m&&s[m]||s[c];return typeof w=="function"?w:null}var T=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(s){{for(var w=arguments.length,N=new Array(w>1?w-1:0),L=1;L<w;L++)N[L-1]=arguments[L];I("error",s,N)}}function I(s,w,N){{var L=T.ReactDebugCurrentFrame,ne=L.getStackAddendum();ne!==""&&(w+="%s",N=N.concat([ne]));var fe=N.map(function(Q){return String(Q)});fe.unshift("Warning: "+w),Function.prototype.apply.call(console[s],console,fe)}}var j=!1,v=!1,ce=!1,be=!1,W=!1,V;V=Symbol.for("react.module.reference");function K(s){return!!(typeof s=="string"||typeof s=="function"||s===n||s===a||W||s===i||s===g||s===p||be||s===C||j||v||ce||typeof s=="object"&&s!==null&&(s.$$typeof===S||s.$$typeof===y||s.$$typeof===l||s.$$typeof===d||s.$$typeof===f||s.$$typeof===V||s.getModuleId!==void 0))}function he(s,w,N){var L=s.displayName;if(L)return L;var ne=w.displayName||w.name||"";return ne!==""?N+"("+ne+")":N}function re(s){return s.displayName||"Context"}function te(s){if(s==null)return null;if(typeof s.tag=="number"&&k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case n:return"Fragment";case r:return"Portal";case a:return"Profiler";case i:return"StrictMode";case g:return"Suspense";case p:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case d:var w=s;return re(w)+".Consumer";case l:var N=s;return re(N._context)+".Provider";case f:return he(s,s.render,"ForwardRef");case y:var L=s.displayName||null;return L!==null?L:te(s.type)||"Memo";case S:{var ne=s,fe=ne._payload,Q=ne._init;try{return te(Q(fe))}catch{return null}}}return null}var oe=Object.assign,q=0,Ee,xe,O,ue,Z,de,z;function _(){}_.__reactDisabledLog=!0;function R(){{if(q===0){Ee=console.log,xe=console.info,O=console.warn,ue=console.error,Z=console.group,de=console.groupCollapsed,z=console.groupEnd;var s={configurable:!0,enumerable:!0,value:_,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}q++}}function F(){{if(q--,q===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:oe({},s,{value:Ee}),info:oe({},s,{value:xe}),warn:oe({},s,{value:O}),error:oe({},s,{value:ue}),group:oe({},s,{value:Z}),groupCollapsed:oe({},s,{value:de}),groupEnd:oe({},s,{value:z})})}q<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var h=T.ReactCurrentDispatcher,Y;function $(s,w,N){{if(Y===void 0)try{throw Error()}catch(ne){var L=ne.stack.trim().match(/\n( *(at )?)/);Y=L&&L[1]||""}return`
|
|
18
|
+
`+Y+s}}var ee=!1,H;{var G=typeof WeakMap=="function"?WeakMap:Map;H=new G}function x(s,w){if(!s||ee)return"";{var N=H.get(s);if(N!==void 0)return N}var L;ee=!0;var ne=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var fe;fe=h.current,h.current=null,R();try{if(w){var Q=function(){throw Error()};if(Object.defineProperty(Q.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(Q,[])}catch(_e){L=_e}Reflect.construct(s,[],Q)}else{try{Q.call()}catch(_e){L=_e}s.call(Q.prototype)}}else{try{throw Error()}catch(_e){L=_e}s()}}catch(_e){if(_e&&L&&typeof _e.stack=="string"){for(var X=_e.stack.split(`
|
|
19
|
+
`),ke=L.stack.split(`
|
|
20
|
+
`),Se=X.length-1,we=ke.length-1;Se>=1&&we>=0&&X[Se]!==ke[we];)we--;for(;Se>=1&&we>=0;Se--,we--)if(X[Se]!==ke[we]){if(Se!==1||we!==1)do if(Se--,we--,we<0||X[Se]!==ke[we]){var Ne=`
|
|
21
|
+
`+X[Se].replace(" at new "," at ");return s.displayName&&Ne.includes("<anonymous>")&&(Ne=Ne.replace("<anonymous>",s.displayName)),typeof s=="function"&&H.set(s,Ne),Ne}while(Se>=1&&we>=0);break}}}finally{ee=!1,h.current=fe,F(),Error.prepareStackTrace=ne}var Xe=s?s.displayName||s.name:"",He=Xe?$(Xe):"";return typeof s=="function"&&H.set(s,He),He}function ge(s,w,N){return x(s,!1)}function ye(s){var w=s.prototype;return!!(w&&w.isReactComponent)}function B(s,w,N){if(s==null)return"";if(typeof s=="function")return x(s,ye(s));if(typeof s=="string")return $(s);switch(s){case g:return $("Suspense");case p:return $("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case f:return ge(s.render);case y:return B(s.type,w,N);case S:{var L=s,ne=L._payload,fe=L._init;try{return B(fe(ne),w,N)}catch{}}}return""}var pe=Object.prototype.hasOwnProperty,J={},ve=T.ReactDebugCurrentFrame;function ze(s){if(s){var w=s._owner,N=B(s.type,s._source,w?w.type:null);ve.setExtraStackFrame(N)}else ve.setExtraStackFrame(null)}function D(s,w,N,L,ne){{var fe=Function.call.bind(pe);for(var Q in s)if(fe(s,Q)){var X=void 0;try{if(typeof s[Q]!="function"){var ke=Error((L||"React class")+": "+N+" type `"+Q+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[Q]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ke.name="Invariant Violation",ke}X=s[Q](w,Q,L,N,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Se){X=Se}X&&!(X instanceof Error)&&(ze(ne),k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",L||"React class",N,Q,typeof X),ze(null)),X instanceof Error&&!(X.message in J)&&(J[X.message]=!0,ze(ne),k("Failed %s type: %s",N,X.message),ze(null))}}}var je=Array.isArray;function Oe(s){return je(s)}function Re(s){{var w=typeof Symbol=="function"&&Symbol.toStringTag,N=w&&s[Symbol.toStringTag]||s.constructor.name||"Object";return N}}function M(s){try{return me(s),!1}catch{return!0}}function me(s){return""+s}function Ye(s){if(M(s))return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Re(s)),me(s)}var Ue=T.ReactCurrentOwner,Pe={key:!0,ref:!0,__self:!0,__source:!0},Vt,qt;function Kr(s){if(pe.call(s,"ref")){var w=Object.getOwnPropertyDescriptor(s,"ref").get;if(w&&w.isReactWarning)return!1}return s.ref!==void 0}function Zr(s){if(pe.call(s,"key")){var w=Object.getOwnPropertyDescriptor(s,"key").get;if(w&&w.isReactWarning)return!1}return s.key!==void 0}function Jr(s,w){typeof s.ref=="string"&&Ue.current}function Qr(s,w){{var N=function(){Vt||(Vt=!0,k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",w))};N.isReactWarning=!0,Object.defineProperty(s,"key",{get:N,configurable:!0})}}function eo(s,w){{var N=function(){qt||(qt=!0,k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",w))};N.isReactWarning=!0,Object.defineProperty(s,"ref",{get:N,configurable:!0})}}var to=function(s,w,N,L,ne,fe,Q){var X={$$typeof:o,type:s,key:w,ref:N,props:Q,_owner:fe};return X._store={},Object.defineProperty(X._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(X,"_self",{configurable:!1,enumerable:!1,writable:!1,value:L}),Object.defineProperty(X,"_source",{configurable:!1,enumerable:!1,writable:!1,value:ne}),Object.freeze&&(Object.freeze(X.props),Object.freeze(X)),X};function ro(s,w,N,L,ne){{var fe,Q={},X=null,ke=null;N!==void 0&&(Ye(N),X=""+N),Zr(w)&&(Ye(w.key),X=""+w.key),Kr(w)&&(ke=w.ref,Jr(w,ne));for(fe in w)pe.call(w,fe)&&!Pe.hasOwnProperty(fe)&&(Q[fe]=w[fe]);if(s&&s.defaultProps){var Se=s.defaultProps;for(fe in Se)Q[fe]===void 0&&(Q[fe]=Se[fe])}if(X||ke){var we=typeof s=="function"?s.displayName||s.name||"Unknown":s;X&&Qr(Q,we),ke&&eo(Q,we)}return to(s,X,ke,ne,L,Ue.current,Q)}}var yt=T.ReactCurrentOwner,Yt=T.ReactDebugCurrentFrame;function Ge(s){if(s){var w=s._owner,N=B(s.type,s._source,w?w.type:null);Yt.setExtraStackFrame(N)}else Yt.setExtraStackFrame(null)}var vt;vt=!1;function St(s){return typeof s=="object"&&s!==null&&s.$$typeof===o}function Ut(){{if(yt.current){var s=te(yt.current.type);if(s)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+s+"`."}return""}}function oo(s){return""}var Gt={};function no(s){{var w=Ut();if(!w){var N=typeof s=="string"?s:s.displayName||s.name;N&&(w=`
|
|
24
|
+
|
|
25
|
+
Check the top-level render call using <`+N+">.")}return w}}function Xt(s,w){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var N=no(w);if(Gt[N])return;Gt[N]=!0;var L="";s&&s._owner&&s._owner!==yt.current&&(L=" It was passed a child from "+te(s._owner.type)+"."),Ge(s),k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',N,L),Ge(null)}}function Kt(s,w){{if(typeof s!="object")return;if(Oe(s))for(var N=0;N<s.length;N++){var L=s[N];St(L)&&Xt(L,w)}else if(St(s))s._store&&(s._store.validated=!0);else if(s){var ne=b(s);if(typeof ne=="function"&&ne!==s.entries)for(var fe=ne.call(s),Q;!(Q=fe.next()).done;)St(Q.value)&&Xt(Q.value,w)}}}function io(s){{var w=s.type;if(w==null||typeof w=="string")return;var N;if(typeof w=="function")N=w.propTypes;else if(typeof w=="object"&&(w.$$typeof===f||w.$$typeof===y))N=w.propTypes;else return;if(N){var L=te(w);D(N,s.props,"prop",L,s)}else if(w.PropTypes!==void 0&&!vt){vt=!0;var ne=te(w);k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",ne||"Unknown")}typeof w.getDefaultProps=="function"&&!w.getDefaultProps.isReactClassApproved&&k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function so(s){{for(var w=Object.keys(s.props),N=0;N<w.length;N++){var L=w[N];if(L!=="children"&&L!=="key"){Ge(s),k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",L),Ge(null);break}}s.ref!==null&&(Ge(s),k("Invalid attribute `ref` supplied to `React.Fragment`."),Ge(null))}}var Zt={};function Jt(s,w,N,L,ne,fe){{var Q=K(s);if(!Q){var X="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(X+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var ke=oo();ke?X+=ke:X+=Ut();var Se;s===null?Se="null":Oe(s)?Se="array":s!==void 0&&s.$$typeof===o?(Se="<"+(te(s.type)||"Unknown")+" />",X=" Did you accidentally export a JSX literal instead of a component?"):Se=typeof s,k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Se,X)}var we=ro(s,w,N,ne,fe);if(we==null)return we;if(Q){var Ne=w.children;if(Ne!==void 0)if(L)if(Oe(Ne)){for(var Xe=0;Xe<Ne.length;Xe++)Kt(Ne[Xe],s);Object.freeze&&Object.freeze(Ne)}else k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Kt(Ne,s)}if(pe.call(w,"key")){var He=te(s),_e=Object.keys(w).filter(function(go){return go!=="key"}),bt=_e.length>0?"{key: someKey, "+_e.join(": ..., ")+": ...}":"{key: someKey}";if(!Zt[He+bt]){var fo=_e.length>0?"{"+_e.join(": ..., ")+": ...}":"{}";k(`A props object containing a "key" prop is being spread into JSX:
|
|
26
|
+
let props = %s;
|
|
27
|
+
<%s {...props} />
|
|
28
|
+
React keys must be passed directly to JSX without using spread:
|
|
29
|
+
let props = %s;
|
|
30
|
+
<%s key={someKey} {...props} />`,bt,He,fo,He),Zt[He+bt]=!0}}return s===n?so(we):io(we),we}}function ao(s,w,N){return Jt(s,w,N,!0)}function lo(s,w,N){return Jt(s,w,N,!1)}var co=lo,uo=ao;et.Fragment=n,et.jsx=co,et.jsxs=uo}()),et}process.env.NODE_ENV==="production"?$t.exports=mo():$t.exports=yo();var u=$t.exports,Et={exports:{}},ae={};/**
|
|
31
|
+
* @license React
|
|
32
|
+
* react-is.production.js
|
|
33
|
+
*
|
|
34
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
35
|
+
*
|
|
36
|
+
* This source code is licensed under the MIT license found in the
|
|
37
|
+
* LICENSE file in the root directory of this source tree.
|
|
38
|
+
*/var tr;function vo(){if(tr)return ae;tr=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),S=Symbol.for("react.view_transition"),C=Symbol.for("react.client.reference");function m(c){if(typeof c=="object"&&c!==null){var b=c.$$typeof;switch(b){case e:switch(c=c.type,c){case r:case i:case n:case f:case g:case S:return c;default:switch(c=c&&c.$$typeof,c){case l:case d:case y:case p:return c;case a:return c;default:return b}}case o:return b}}}return ae.ContextConsumer=a,ae.ContextProvider=l,ae.Element=e,ae.ForwardRef=d,ae.Fragment=r,ae.Lazy=y,ae.Memo=p,ae.Portal=o,ae.Profiler=i,ae.StrictMode=n,ae.Suspense=f,ae.SuspenseList=g,ae.isContextConsumer=function(c){return m(c)===a},ae.isContextProvider=function(c){return m(c)===l},ae.isElement=function(c){return typeof c=="object"&&c!==null&&c.$$typeof===e},ae.isForwardRef=function(c){return m(c)===d},ae.isFragment=function(c){return m(c)===r},ae.isLazy=function(c){return m(c)===y},ae.isMemo=function(c){return m(c)===p},ae.isPortal=function(c){return m(c)===o},ae.isProfiler=function(c){return m(c)===i},ae.isStrictMode=function(c){return m(c)===n},ae.isSuspense=function(c){return m(c)===f},ae.isSuspenseList=function(c){return m(c)===g},ae.isValidElementType=function(c){return typeof c=="string"||typeof c=="function"||c===r||c===i||c===n||c===f||c===g||typeof c=="object"&&c!==null&&(c.$$typeof===y||c.$$typeof===p||c.$$typeof===l||c.$$typeof===a||c.$$typeof===d||c.$$typeof===C||c.getModuleId!==void 0)},ae.typeOf=m,ae}var le={};/**
|
|
39
|
+
* @license React
|
|
40
|
+
* react-is.development.js
|
|
41
|
+
*
|
|
42
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
43
|
+
*
|
|
44
|
+
* This source code is licensed under the MIT license found in the
|
|
45
|
+
* LICENSE file in the root directory of this source tree.
|
|
46
|
+
*/var rr;function So(){return rr||(rr=1,process.env.NODE_ENV!=="production"&&function(){function e(c){if(typeof c=="object"&&c!==null){var b=c.$$typeof;switch(b){case o:switch(c=c.type,c){case n:case a:case i:case g:case p:case C:return c;default:switch(c=c&&c.$$typeof,c){case d:case f:case S:case y:return c;case l:return c;default:return b}}case r:return b}}}var o=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),l=Symbol.for("react.consumer"),d=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),C=Symbol.for("react.view_transition"),m=Symbol.for("react.client.reference");le.ContextConsumer=l,le.ContextProvider=d,le.Element=o,le.ForwardRef=f,le.Fragment=n,le.Lazy=S,le.Memo=y,le.Portal=r,le.Profiler=a,le.StrictMode=i,le.Suspense=g,le.SuspenseList=p,le.isContextConsumer=function(c){return e(c)===l},le.isContextProvider=function(c){return e(c)===d},le.isElement=function(c){return typeof c=="object"&&c!==null&&c.$$typeof===o},le.isForwardRef=function(c){return e(c)===f},le.isFragment=function(c){return e(c)===n},le.isLazy=function(c){return e(c)===S},le.isMemo=function(c){return e(c)===y},le.isPortal=function(c){return e(c)===r},le.isProfiler=function(c){return e(c)===a},le.isStrictMode=function(c){return e(c)===i},le.isSuspense=function(c){return e(c)===g},le.isSuspenseList=function(c){return e(c)===p},le.isValidElementType=function(c){return typeof c=="string"||typeof c=="function"||c===n||c===a||c===i||c===g||c===p||typeof c=="object"&&c!==null&&(c.$$typeof===S||c.$$typeof===y||c.$$typeof===d||c.$$typeof===l||c.$$typeof===f||c.$$typeof===m||c.getModuleId!==void 0)},le.typeOf=e}()),le}process.env.NODE_ENV==="production"?Et.exports=vo():Et.exports=So();var Pt=Et.exports;function bo(e){function o(z,_,R,F,h){for(var Y=0,$=0,ee=0,H=0,G,x,ge=0,ye=0,B,pe=B=G=0,J=0,ve=0,ze=0,D=0,je=R.length,Oe=je-1,Re,M="",me="",Ye="",Ue="",Pe;J<je;){if(x=R.charCodeAt(J),J===Oe&&$+H+ee+Y!==0&&($!==0&&(x=$===47?10:47),H=ee=Y=0,je++,Oe++),$+H+ee+Y===0){if(J===Oe&&(0<ve&&(M=M.replace(S,"")),0<M.trim().length)){switch(x){case 32:case 9:case 59:case 13:case 10:break;default:M+=R.charAt(J)}x=59}switch(x){case 123:for(M=M.trim(),G=M.charCodeAt(0),B=1,D=++J;J<je;){switch(x=R.charCodeAt(J)){case 123:B++;break;case 125:B--;break;case 47:switch(x=R.charCodeAt(J+1)){case 42:case 47:e:{for(pe=J+1;pe<Oe;++pe)switch(R.charCodeAt(pe)){case 47:if(x===42&&R.charCodeAt(pe-1)===42&&J+2!==pe){J=pe+1;break e}break;case 10:if(x===47){J=pe+1;break e}}J=pe}}break;case 91:x++;case 40:x++;case 34:case 39:for(;J++<Oe&&R.charCodeAt(J)!==x;);}if(B===0)break;J++}switch(B=R.substring(D,J),G===0&&(G=(M=M.replace(y,"").trim()).charCodeAt(0)),G){case 64:switch(0<ve&&(M=M.replace(S,"")),x=M.charCodeAt(1),x){case 100:case 109:case 115:case 45:ve=_;break;default:ve=Ee}if(B=o(_,ve,B,x,h+1),D=B.length,0<O&&(ve=r(Ee,M,ze),Pe=d(3,B,ve,_,te,re,D,x,h,F),M=ve.join(""),Pe!==void 0&&(D=(B=Pe.trim()).length)===0&&(x=0,B="")),0<D)switch(x){case 115:M=M.replace(ce,l);case 100:case 109:case 45:B=M+"{"+B+"}";break;case 107:M=M.replace(k,"$1 $2"),B=M+"{"+B+"}",B=q===1||q===2&&a("@"+B,3)?"@-webkit-"+B+"@"+B:"@"+B;break;default:B=M+B,F===112&&(B=(me+=B,""))}else B="";break;default:B=o(_,r(_,M,ze),B,F,h+1)}Ye+=B,B=ze=ve=pe=G=0,M="",x=R.charCodeAt(++J);break;case 125:case 59:if(M=(0<ve?M.replace(S,""):M).trim(),1<(D=M.length))switch(pe===0&&(G=M.charCodeAt(0),G===45||96<G&&123>G)&&(D=(M=M.replace(" ",":")).length),0<O&&(Pe=d(1,M,_,z,te,re,me.length,F,h,F))!==void 0&&(D=(M=Pe.trim()).length)===0&&(M="\0\0"),G=M.charCodeAt(0),x=M.charCodeAt(1),G){case 0:break;case 64:if(x===105||x===99){Ue+=M+R.charAt(J);break}default:M.charCodeAt(D-1)!==58&&(me+=i(M,G,x,M.charCodeAt(2)))}ze=ve=pe=G=0,M="",x=R.charCodeAt(++J)}}switch(x){case 13:case 10:$===47?$=0:1+G===0&&F!==107&&0<M.length&&(ve=1,M+="\0"),0<O*Z&&d(0,M,_,z,te,re,me.length,F,h,F),re=1,te++;break;case 59:case 125:if($+H+ee+Y===0){re++;break}default:switch(re++,Re=R.charAt(J),x){case 9:case 32:if(H+Y+$===0)switch(ge){case 44:case 58:case 9:case 32:Re="";break;default:x!==32&&(Re=" ")}break;case 0:Re="\\0";break;case 12:Re="\\f";break;case 11:Re="\\v";break;case 38:H+$+Y===0&&(ve=ze=1,Re="\f"+Re);break;case 108:if(H+$+Y+oe===0&&0<pe)switch(J-pe){case 2:ge===112&&R.charCodeAt(J-3)===58&&(oe=ge);case 8:ye===111&&(oe=ye)}break;case 58:H+$+Y===0&&(pe=J);break;case 44:$+ee+H+Y===0&&(ve=1,Re+="\r");break;case 34:case 39:$===0&&(H=H===x?0:H===0?x:H);break;case 91:H+$+ee===0&&Y++;break;case 93:H+$+ee===0&&Y--;break;case 41:H+$+Y===0&&ee--;break;case 40:if(H+$+Y===0){if(G===0)switch(2*ge+3*ye){case 533:break;default:G=1}ee++}break;case 64:$+ee+H+Y+pe+B===0&&(B=1);break;case 42:case 47:if(!(0<H+Y+ee))switch($){case 0:switch(2*x+3*R.charCodeAt(J+1)){case 235:$=47;break;case 220:D=J,$=42}break;case 42:x===47&&ge===42&&D+2!==J&&(R.charCodeAt(D+2)===33&&(me+=R.substring(D,J+1)),Re="",$=0)}}$===0&&(M+=Re)}ye=ge,ge=x,J++}if(D=me.length,0<D){if(ve=_,0<O&&(Pe=d(2,me,ve,z,te,re,D,F,h,F),Pe!==void 0&&(me=Pe).length===0))return Ue+me+Ye;if(me=ve.join(",")+"{"+me+"}",q*oe!==0){switch(q!==2||a(me,2)||(oe=0),oe){case 111:me=me.replace(j,":-moz-$1")+me;break;case 112:me=me.replace(I,"::-webkit-input-$1")+me.replace(I,"::-moz-$1")+me.replace(I,":-ms-input-$1")+me}oe=0}}return Ue+me+Ye}function r(z,_,R){var F=_.trim().split(b);_=F;var h=F.length,Y=z.length;switch(Y){case 0:case 1:var $=0;for(z=Y===0?"":z[0]+" ";$<h;++$)_[$]=n(z,_[$],R).trim();break;default:var ee=$=0;for(_=[];$<h;++$)for(var H=0;H<Y;++H)_[ee++]=n(z[H]+" ",F[$],R).trim()}return _}function n(z,_,R){var F=_.charCodeAt(0);switch(33>F&&(F=(_=_.trim()).charCodeAt(0)),F){case 38:return _.replace(T,"$1"+z.trim());case 58:return z.trim()+_.replace(T,"$1"+z.trim());default:if(0<1*R&&0<_.indexOf("\f"))return _.replace(T,(z.charCodeAt(0)===58?"":"$1")+z.trim())}return z+_}function i(z,_,R,F){var h=z+";",Y=2*_+3*R+4*F;if(Y===944){z=h.indexOf(":",9)+1;var $=h.substring(z,h.length-1).trim();return $=h.substring(0,z).trim()+$+";",q===1||q===2&&a($,1)?"-webkit-"+$+$:$}if(q===0||q===2&&!a(h,1))return h;switch(Y){case 1015:return h.charCodeAt(10)===97?"-webkit-"+h+h:h;case 951:return h.charCodeAt(3)===116?"-webkit-"+h+h:h;case 963:return h.charCodeAt(5)===110?"-webkit-"+h+h:h;case 1009:if(h.charCodeAt(4)!==100)break;case 969:case 942:return"-webkit-"+h+h;case 978:return"-webkit-"+h+"-moz-"+h+h;case 1019:case 983:return"-webkit-"+h+"-moz-"+h+"-ms-"+h+h;case 883:if(h.charCodeAt(8)===45)return"-webkit-"+h+h;if(0<h.indexOf("image-set(",11))return h.replace(he,"$1-webkit-$2")+h;break;case 932:if(h.charCodeAt(4)===45)switch(h.charCodeAt(5)){case 103:return"-webkit-box-"+h.replace("-grow","")+"-webkit-"+h+"-ms-"+h.replace("grow","positive")+h;case 115:return"-webkit-"+h+"-ms-"+h.replace("shrink","negative")+h;case 98:return"-webkit-"+h+"-ms-"+h.replace("basis","preferred-size")+h}return"-webkit-"+h+"-ms-"+h+h;case 964:return"-webkit-"+h+"-ms-flex-"+h+h;case 1023:if(h.charCodeAt(8)!==99)break;return $=h.substring(h.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+$+"-webkit-"+h+"-ms-flex-pack"+$+h;case 1005:return m.test(h)?h.replace(C,":-webkit-")+h.replace(C,":-moz-")+h:h;case 1e3:switch($=h.substring(13).trim(),_=$.indexOf("-")+1,$.charCodeAt(0)+$.charCodeAt(_)){case 226:$=h.replace(v,"tb");break;case 232:$=h.replace(v,"tb-rl");break;case 220:$=h.replace(v,"lr");break;default:return h}return"-webkit-"+h+"-ms-"+$+h;case 1017:if(h.indexOf("sticky",9)===-1)break;case 975:switch(_=(h=z).length-10,$=(h.charCodeAt(_)===33?h.substring(0,_):h).substring(z.indexOf(":",7)+1).trim(),Y=$.charCodeAt(0)+($.charCodeAt(7)|0)){case 203:if(111>$.charCodeAt(8))break;case 115:h=h.replace($,"-webkit-"+$)+";"+h;break;case 207:case 102:h=h.replace($,"-webkit-"+(102<Y?"inline-":"")+"box")+";"+h.replace($,"-webkit-"+$)+";"+h.replace($,"-ms-"+$+"box")+";"+h}return h+";";case 938:if(h.charCodeAt(5)===45)switch(h.charCodeAt(6)){case 105:return $=h.replace("-items",""),"-webkit-"+h+"-webkit-box-"+$+"-ms-flex-"+$+h;case 115:return"-webkit-"+h+"-ms-flex-item-"+h.replace(W,"")+h;default:return"-webkit-"+h+"-ms-flex-line-pack"+h.replace("align-content","").replace(W,"")+h}break;case 973:case 989:if(h.charCodeAt(3)!==45||h.charCodeAt(4)===122)break;case 931:case 953:if(K.test(z)===!0)return($=z.substring(z.indexOf(":")+1)).charCodeAt(0)===115?i(z.replace("stretch","fill-available"),_,R,F).replace(":fill-available",":stretch"):h.replace($,"-webkit-"+$)+h.replace($,"-moz-"+$.replace("fill-",""))+h;break;case 962:if(h="-webkit-"+h+(h.charCodeAt(5)===102?"-ms-"+h:"")+h,R+F===211&&h.charCodeAt(13)===105&&0<h.indexOf("transform",10))return h.substring(0,h.indexOf(";",27)+1).replace(c,"$1-webkit-$2")+h}return h}function a(z,_){var R=z.indexOf(_===1?":":"{"),F=z.substring(0,_!==3?R:10);return R=z.substring(R+1,z.length-1),ue(_!==2?F:F.replace(V,"$1"),R,_)}function l(z,_){var R=i(_,_.charCodeAt(0),_.charCodeAt(1),_.charCodeAt(2));return R!==_+";"?R.replace(be," or ($1)").substring(4):"("+_+")"}function d(z,_,R,F,h,Y,$,ee,H,G){for(var x=0,ge=_,ye;x<O;++x)switch(ye=xe[x].call(p,z,ge,R,F,h,Y,$,ee,H,G)){case void 0:case!1:case!0:case null:break;default:ge=ye}if(ge!==_)return ge}function f(z){switch(z){case void 0:case null:O=xe.length=0;break;default:if(typeof z=="function")xe[O++]=z;else if(typeof z=="object")for(var _=0,R=z.length;_<R;++_)f(z[_]);else Z=!!z|0}return f}function g(z){return z=z.prefix,z!==void 0&&(ue=null,z?typeof z!="function"?q=1:(q=2,ue=z):q=0),g}function p(z,_){var R=z;if(33>R.charCodeAt(0)&&(R=R.trim()),de=R,R=[de],0<O){var F=d(-1,_,R,R,te,re,0,0,0,0);F!==void 0&&typeof F=="string"&&(_=F)}var h=o(Ee,R,_,0,0);return 0<O&&(F=d(-2,h,R,R,te,re,h.length,0,0,0),F!==void 0&&(h=F)),de="",oe=0,re=te=1,h}var y=/^\0+/g,S=/[\0\r\f]/g,C=/: */g,m=/zoo|gra/,c=/([,: ])(transform)/g,b=/,\r+?/g,T=/([\t\r\n ])*\f?&/g,k=/@(k\w+)\s*(\S*)\s*/,I=/::(place)/g,j=/:(read-only)/g,v=/[svh]\w+-[tblr]{2}/,ce=/\(\s*(.*)\s*\)/g,be=/([\s\S]*?);/g,W=/-self|flex-/g,V=/[^]*?(:[rp][el]a[\w-]+)[^]*/,K=/stretch|:\s*\w+\-(?:conte|avail)/,he=/([^-])(image-set\()/,re=1,te=1,oe=0,q=1,Ee=[],xe=[],O=0,ue=null,Z=0,de="";return p.use=f,p.set=g,e!==void 0&&g(e),p}var xo={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function wo(e){var o=Object.create(null);return function(r){return o[r]===void 0&&(o[r]=e(r)),o[r]}}var Co=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,or=wo(function(e){return Co.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),kt={exports:{}},ie={};/** @license React v16.13.1
|
|
47
|
+
* react-is.production.min.js
|
|
48
|
+
*
|
|
49
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
50
|
+
*
|
|
51
|
+
* This source code is licensed under the MIT license found in the
|
|
52
|
+
* LICENSE file in the root directory of this source tree.
|
|
53
|
+
*/var nr;function $o(){if(nr)return ie;nr=1;var e=typeof Symbol=="function"&&Symbol.for,o=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,d=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,y=e?Symbol.for("react.suspense"):60113,S=e?Symbol.for("react.suspense_list"):60120,C=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,c=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,T=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function I(v){if(typeof v=="object"&&v!==null){var ce=v.$$typeof;switch(ce){case o:switch(v=v.type,v){case f:case g:case n:case a:case i:case y:return v;default:switch(v=v&&v.$$typeof,v){case d:case p:case m:case C:case l:return v;default:return ce}}case r:return ce}}}function j(v){return I(v)===g}return ie.AsyncMode=f,ie.ConcurrentMode=g,ie.ContextConsumer=d,ie.ContextProvider=l,ie.Element=o,ie.ForwardRef=p,ie.Fragment=n,ie.Lazy=m,ie.Memo=C,ie.Portal=r,ie.Profiler=a,ie.StrictMode=i,ie.Suspense=y,ie.isAsyncMode=function(v){return j(v)||I(v)===f},ie.isConcurrentMode=j,ie.isContextConsumer=function(v){return I(v)===d},ie.isContextProvider=function(v){return I(v)===l},ie.isElement=function(v){return typeof v=="object"&&v!==null&&v.$$typeof===o},ie.isForwardRef=function(v){return I(v)===p},ie.isFragment=function(v){return I(v)===n},ie.isLazy=function(v){return I(v)===m},ie.isMemo=function(v){return I(v)===C},ie.isPortal=function(v){return I(v)===r},ie.isProfiler=function(v){return I(v)===a},ie.isStrictMode=function(v){return I(v)===i},ie.isSuspense=function(v){return I(v)===y},ie.isValidElementType=function(v){return typeof v=="string"||typeof v=="function"||v===n||v===g||v===a||v===i||v===y||v===S||typeof v=="object"&&v!==null&&(v.$$typeof===m||v.$$typeof===C||v.$$typeof===l||v.$$typeof===d||v.$$typeof===p||v.$$typeof===b||v.$$typeof===T||v.$$typeof===k||v.$$typeof===c)},ie.typeOf=I,ie}var se={};/** @license React v16.13.1
|
|
54
|
+
* react-is.development.js
|
|
55
|
+
*
|
|
56
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
57
|
+
*
|
|
58
|
+
* This source code is licensed under the MIT license found in the
|
|
59
|
+
* LICENSE file in the root directory of this source tree.
|
|
60
|
+
*/var ir;function Eo(){return ir||(ir=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,o=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,d=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,y=e?Symbol.for("react.suspense"):60113,S=e?Symbol.for("react.suspense_list"):60120,C=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,c=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,T=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function I(x){return typeof x=="string"||typeof x=="function"||x===n||x===g||x===a||x===i||x===y||x===S||typeof x=="object"&&x!==null&&(x.$$typeof===m||x.$$typeof===C||x.$$typeof===l||x.$$typeof===d||x.$$typeof===p||x.$$typeof===b||x.$$typeof===T||x.$$typeof===k||x.$$typeof===c)}function j(x){if(typeof x=="object"&&x!==null){var ge=x.$$typeof;switch(ge){case o:var ye=x.type;switch(ye){case f:case g:case n:case a:case i:case y:return ye;default:var B=ye&&ye.$$typeof;switch(B){case d:case p:case m:case C:case l:return B;default:return ge}}case r:return ge}}}var v=f,ce=g,be=d,W=l,V=o,K=p,he=n,re=m,te=C,oe=r,q=a,Ee=i,xe=y,O=!1;function ue(x){return O||(O=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Z(x)||j(x)===f}function Z(x){return j(x)===g}function de(x){return j(x)===d}function z(x){return j(x)===l}function _(x){return typeof x=="object"&&x!==null&&x.$$typeof===o}function R(x){return j(x)===p}function F(x){return j(x)===n}function h(x){return j(x)===m}function Y(x){return j(x)===C}function $(x){return j(x)===r}function ee(x){return j(x)===a}function H(x){return j(x)===i}function G(x){return j(x)===y}se.AsyncMode=v,se.ConcurrentMode=ce,se.ContextConsumer=be,se.ContextProvider=W,se.Element=V,se.ForwardRef=K,se.Fragment=he,se.Lazy=re,se.Memo=te,se.Portal=oe,se.Profiler=q,se.StrictMode=Ee,se.Suspense=xe,se.isAsyncMode=ue,se.isConcurrentMode=Z,se.isContextConsumer=de,se.isContextProvider=z,se.isElement=_,se.isForwardRef=R,se.isFragment=F,se.isLazy=h,se.isMemo=Y,se.isPortal=$,se.isProfiler=ee,se.isStrictMode=H,se.isSuspense=G,se.isValidElementType=I,se.typeOf=j}()),se}process.env.NODE_ENV==="production"?kt.exports=$o():kt.exports=Eo();var ko=kt.exports,jt=ko,_o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},zo={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ro={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},xr={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ot={};Ot[jt.ForwardRef]=Ro;Ot[jt.Memo]=xr;function sr(e){return jt.isMemo(e)?xr:Ot[e.$$typeof]||_o}var To=Object.defineProperty,No=Object.getOwnPropertyNames,ar=Object.getOwnPropertySymbols,Ao=Object.getOwnPropertyDescriptor,Po=Object.getPrototypeOf,lr=Object.prototype;function wr(e,o,r){if(typeof o!="string"){if(lr){var n=Po(o);n&&n!==lr&&wr(e,n,r)}var i=No(o);ar&&(i=i.concat(ar(o)));for(var a=sr(e),l=sr(o),d=0;d<i.length;++d){var f=i[d];if(!zo[f]&&!(r&&r[f])&&!(l&&l[f])&&!(a&&a[f])){var g=Ao(o,f);try{To(e,f,g)}catch{}}}}return e}var jo=wr;const Oo=br(jo);function Ie(){return(Ie=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var cr=function(e,o){for(var r=[e[0]],n=0,i=o.length;n<i;n+=1)r.push(o[n],e[n+1]);return r},_t=function(e){return e!==null&&typeof e=="object"&&(e.toString?e.toString():Object.prototype.toString.call(e))==="[object Object]"&&!Pt.typeOf(e)},ut=Object.freeze([]),Be=Object.freeze({});function rt(e){return typeof e=="function"}function zt(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function It(e){return e&&typeof e.styledComponentId=="string"}var Ke=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Ft=typeof window<"u"&&"HTMLElement"in window,Io=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production")),Fo=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
61
|
+
|
|
62
|
+
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
63
|
+
|
|
64
|
+
- Are you trying to reuse it across renders?
|
|
65
|
+
- Are you accidentally calling collectStyles twice?
|
|
66
|
+
|
|
67
|
+
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
68
|
+
|
|
69
|
+
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
70
|
+
|
|
71
|
+
- Does this error occur on the client and is your target falsy?
|
|
72
|
+
- Does this error occur on the server and is the sheet falsy?
|
|
73
|
+
|
|
74
|
+
`,5:`The clone method cannot be used on the client!
|
|
75
|
+
|
|
76
|
+
- Are you running in a client-like environment on the server?
|
|
77
|
+
- Are you trying to run SSR on the client?
|
|
78
|
+
|
|
79
|
+
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
80
|
+
|
|
81
|
+
- Are you using a custom target that isn't mounted?
|
|
82
|
+
- Does your document not have a valid head element?
|
|
83
|
+
- Have you accidentally removed a style tag manually?
|
|
84
|
+
|
|
85
|
+
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
86
|
+
|
|
87
|
+
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
88
|
+
|
|
89
|
+
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
90
|
+
|
|
91
|
+
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
92
|
+
|
|
93
|
+
`,14:`ThemeProvider: "theme" prop is required.
|
|
94
|
+
|
|
95
|
+
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
96
|
+
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
97
|
+
as for instance in your render method then you may be running into this limitation.
|
|
98
|
+
|
|
99
|
+
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
100
|
+
Has styled-components' style tag been unmounted or altered by another script?
|
|
101
|
+
`}:{};function Mo(){for(var e=arguments.length<=0?void 0:arguments[0],o=[],r=1,n=arguments.length;r<n;r+=1)o.push(r<0||arguments.length<=r?void 0:arguments[r]);return o.forEach(function(i){e=e.replace(/%[a-z]/,i)}),e}function Je(e){for(var o=arguments.length,r=new Array(o>1?o-1:0),n=1;n<o;n++)r[n-1]=arguments[n];throw process.env.NODE_ENV==="production"?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(r.length>0?" Args: "+r.join(", "):"")):new Error(Mo.apply(void 0,[Fo[e]].concat(r)).trim())}var Lo=function(){function e(r){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=r}var o=e.prototype;return o.indexOfGroup=function(r){for(var n=0,i=0;i<r;i++)n+=this.groupSizes[i];return n},o.insertRules=function(r,n){if(r>=this.groupSizes.length){for(var i=this.groupSizes,a=i.length,l=a;r>=l;)(l<<=1)<0&&Je(16,""+r);this.groupSizes=new Uint32Array(l),this.groupSizes.set(i),this.length=l;for(var d=a;d<l;d++)this.groupSizes[d]=0}for(var f=this.indexOfGroup(r+1),g=0,p=n.length;g<p;g++)this.tag.insertRule(f,n[g])&&(this.groupSizes[r]++,f++)},o.clearGroup=function(r){if(r<this.length){var n=this.groupSizes[r],i=this.indexOfGroup(r),a=i+n;this.groupSizes[r]=0;for(var l=i;l<a;l++)this.tag.deleteRule(i)}},o.getGroup=function(r){var n="";if(r>=this.length||this.groupSizes[r]===0)return n;for(var i=this.groupSizes[r],a=this.indexOfGroup(r),l=a+i,d=a;d<l;d++)n+=this.tag.getRule(d)+`/*!sc*/
|
|
102
|
+
`;return n},e}(),ct=new Map,dt=new Map,tt=1,it=function(e){if(ct.has(e))return ct.get(e);for(;dt.has(tt);)tt++;var o=tt++;return process.env.NODE_ENV!=="production"&&((0|o)<0||o>1<<30)&&Je(16,""+o),ct.set(e,o),dt.set(o,e),o},Bo=function(e){return dt.get(e)},Do=function(e,o){o>=tt&&(tt=o+1),ct.set(e,o),dt.set(o,e)},Wo="style["+Ke+'][data-styled-version="5.3.11"]',Ho=new RegExp("^"+Ke+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),Vo=function(e,o,r){for(var n,i=r.split(","),a=0,l=i.length;a<l;a++)(n=i[a])&&e.registerName(o,n)},qo=function(e,o){for(var r=(o.textContent||"").split(`/*!sc*/
|
|
103
|
+
`),n=[],i=0,a=r.length;i<a;i++){var l=r[i].trim();if(l){var d=l.match(Ho);if(d){var f=0|parseInt(d[1],10),g=d[2];f!==0&&(Do(g,f),Vo(e,g,d[3]),e.getTag().insertRules(f,n)),n.length=0}else n.push(l)}}},Yo=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null},Cr=function(e){var o=document.head,r=e||o,n=document.createElement("style"),i=function(d){for(var f=d.childNodes,g=f.length;g>=0;g--){var p=f[g];if(p&&p.nodeType===1&&p.hasAttribute(Ke))return p}}(r),a=i!==void 0?i.nextSibling:null;n.setAttribute(Ke,"active"),n.setAttribute("data-styled-version","5.3.11");var l=Yo();return l&&n.setAttribute("nonce",l),r.insertBefore(n,a),n},Uo=function(){function e(r){var n=this.element=Cr(r);n.appendChild(document.createTextNode("")),this.sheet=function(i){if(i.sheet)return i.sheet;for(var a=document.styleSheets,l=0,d=a.length;l<d;l++){var f=a[l];if(f.ownerNode===i)return f}Je(17)}(n),this.length=0}var o=e.prototype;return o.insertRule=function(r,n){try{return this.sheet.insertRule(n,r),this.length++,!0}catch{return!1}},o.deleteRule=function(r){this.sheet.deleteRule(r),this.length--},o.getRule=function(r){var n=this.sheet.cssRules[r];return n!==void 0&&typeof n.cssText=="string"?n.cssText:""},e}(),Go=function(){function e(r){var n=this.element=Cr(r);this.nodes=n.childNodes,this.length=0}var o=e.prototype;return o.insertRule=function(r,n){if(r<=this.length&&r>=0){var i=document.createTextNode(n),a=this.nodes[r];return this.element.insertBefore(i,a||null),this.length++,!0}return!1},o.deleteRule=function(r){this.element.removeChild(this.nodes[r]),this.length--},o.getRule=function(r){return r<this.length?this.nodes[r].textContent:""},e}(),Xo=function(){function e(r){this.rules=[],this.length=0}var o=e.prototype;return o.insertRule=function(r,n){return r<=this.length&&(this.rules.splice(r,0,n),this.length++,!0)},o.deleteRule=function(r){this.rules.splice(r,1),this.length--},o.getRule=function(r){return r<this.length?this.rules[r]:""},e}(),ur=Ft,Ko={isServer:!Ft,useCSSOMInjection:!Io},$r=function(){function e(r,n,i){r===void 0&&(r=Be),n===void 0&&(n={}),this.options=Ie({},Ko,{},r),this.gs=n,this.names=new Map(i),this.server=!!r.isServer,!this.server&&Ft&&ur&&(ur=!1,function(a){for(var l=document.querySelectorAll(Wo),d=0,f=l.length;d<f;d++){var g=l[d];g&&g.getAttribute(Ke)!=="active"&&(qo(a,g),g.parentNode&&g.parentNode.removeChild(g))}}(this))}e.registerId=function(r){return it(r)};var o=e.prototype;return o.reconstructWithOptions=function(r,n){return n===void 0&&(n=!0),new e(Ie({},this.options,{},r),this.gs,n&&this.names||void 0)},o.allocateGSInstance=function(r){return this.gs[r]=(this.gs[r]||0)+1},o.getTag=function(){return this.tag||(this.tag=(i=(n=this.options).isServer,a=n.useCSSOMInjection,l=n.target,r=i?new Xo(l):a?new Uo(l):new Go(l),new Lo(r)));var r,n,i,a,l},o.hasNameForId=function(r,n){return this.names.has(r)&&this.names.get(r).has(n)},o.registerName=function(r,n){if(it(r),this.names.has(r))this.names.get(r).add(n);else{var i=new Set;i.add(n),this.names.set(r,i)}},o.insertRules=function(r,n,i){this.registerName(r,n),this.getTag().insertRules(it(r),i)},o.clearNames=function(r){this.names.has(r)&&this.names.get(r).clear()},o.clearRules=function(r){this.getTag().clearGroup(it(r)),this.clearNames(r)},o.clearTag=function(){this.tag=void 0},o.toString=function(){return function(r){for(var n=r.getTag(),i=n.length,a="",l=0;l<i;l++){var d=Bo(l);if(d!==void 0){var f=r.names.get(d),g=n.getGroup(l);if(f&&g&&f.size){var p=Ke+".g"+l+'[id="'+d+'"]',y="";f!==void 0&&f.forEach(function(S){S.length>0&&(y+=S+",")}),a+=""+g+p+'{content:"'+y+`"}/*!sc*/
|
|
104
|
+
`}}}return a}(this)},e}(),Zo=/(a)(d)/gi,dr=function(e){return String.fromCharCode(e+(e>25?39:97))};function Rt(e){var o,r="";for(o=Math.abs(e);o>52;o=o/52|0)r=dr(o%52)+r;return(dr(o%52)+r).replace(Zo,"$1-$2")}var Ve=function(e,o){for(var r=o.length;r;)e=33*e^o.charCodeAt(--r);return e},Er=function(e){return Ve(5381,e)};function Jo(e){for(var o=0;o<e.length;o+=1){var r=e[o];if(rt(r)&&!It(r))return!1}return!0}var Qo=Er("5.3.11"),en=function(){function e(o,r,n){this.rules=o,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(n===void 0||n.isStatic)&&Jo(o),this.componentId=r,this.baseHash=Ve(Qo,r),this.baseStyle=n,$r.registerId(r)}return e.prototype.generateAndInjectStyles=function(o,r,n){var i=this.componentId,a=[];if(this.baseStyle&&a.push(this.baseStyle.generateAndInjectStyles(o,r,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(i,this.staticRulesId))a.push(this.staticRulesId);else{var l=Ze(this.rules,o,r,n).join(""),d=Rt(Ve(this.baseHash,l)>>>0);if(!r.hasNameForId(i,d)){var f=n(l,"."+d,void 0,i);r.insertRules(i,d,f)}a.push(d),this.staticRulesId=d}else{for(var g=this.rules.length,p=Ve(this.baseHash,n.hash),y="",S=0;S<g;S++){var C=this.rules[S];if(typeof C=="string")y+=C,process.env.NODE_ENV!=="production"&&(p=Ve(p,C+S));else if(C){var m=Ze(C,o,r,n),c=Array.isArray(m)?m.join(""):m;p=Ve(p,c+S),y+=c}}if(y){var b=Rt(p>>>0);if(!r.hasNameForId(i,b)){var T=n(y,"."+b,void 0,i);r.insertRules(i,b,T)}a.push(b)}}return a.join(" ")},e}(),tn=/^\s*\/\/.*$/gm,rn=[":","[",".","#"];function on(e){var o,r,n,i,a=Be,l=a.options,d=l===void 0?Be:l,f=a.plugins,g=f===void 0?ut:f,p=new bo(d),y=[],S=function(c){function b(T){if(T)try{c(T+"}")}catch{}}return function(T,k,I,j,v,ce,be,W,V,K){switch(T){case 1:if(V===0&&k.charCodeAt(0)===64)return c(k+";"),"";break;case 2:if(W===0)return k+"/*|*/";break;case 3:switch(W){case 102:case 112:return c(I[0]+k),"";default:return k+(K===0?"/*|*/":"")}case-2:k.split("/*|*/}").forEach(b)}}}(function(c){y.push(c)}),C=function(c,b,T){return b===0&&rn.indexOf(T[r.length])!==-1||T.match(i)?c:"."+o};function m(c,b,T,k){k===void 0&&(k="&");var I=c.replace(tn,""),j=b&&T?T+" "+b+" { "+I+" }":I;return o=k,r=b,n=new RegExp("\\"+r+"\\b","g"),i=new RegExp("(\\"+r+"\\b){2,}"),p(T||!b?"":b,j)}return p.use([].concat(g,[function(c,b,T){c===2&&T.length&&T[0].lastIndexOf(r)>0&&(T[0]=T[0].replace(n,C))},S,function(c){if(c===-2){var b=y;return y=[],b}}])),m.hash=g.length?g.reduce(function(c,b){return b.name||Je(15),Ve(c,b.name)},5381).toString():"",m}var kr=P.createContext();kr.Consumer;var _r=P.createContext(),nn=(_r.Consumer,new $r),Tt=on();function sn(){return P.useContext(kr)||nn}function an(){return P.useContext(_r)||Tt}var zr=function(){function e(o,r){var n=this;this.inject=function(i,a){a===void 0&&(a=Tt);var l=n.name+a.hash;i.hasNameForId(n.id,l)||i.insertRules(n.id,l,a(n.rules,l,"@keyframes"))},this.toString=function(){return Je(12,String(n.name))},this.name=o,this.id="sc-keyframes-"+o,this.rules=r}return e.prototype.getName=function(o){return o===void 0&&(o=Tt),this.name+o.hash},e}(),ln=/([A-Z])/,cn=/([A-Z])/g,un=/^ms-/,dn=function(e){return"-"+e.toLowerCase()};function fr(e){return ln.test(e)?e.replace(cn,dn).replace(un,"-ms-"):e}var gr=function(e){return e==null||e===!1||e===""};function Ze(e,o,r,n){if(Array.isArray(e)){for(var i,a=[],l=0,d=e.length;l<d;l+=1)(i=Ze(e[l],o,r,n))!==""&&(Array.isArray(i)?a.push.apply(a,i):a.push(i));return a}if(gr(e))return"";if(It(e))return"."+e.styledComponentId;if(rt(e)){if(typeof(g=e)!="function"||g.prototype&&g.prototype.isReactComponent||!o)return e;var f=e(o);return process.env.NODE_ENV!=="production"&&Pt.isElement(f)&&console.warn(zt(e)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),Ze(f,o,r,n)}var g;return e instanceof zr?r?(e.inject(r,n),e.getName(n)):e:_t(e)?function p(y,S){var C,m,c=[];for(var b in y)y.hasOwnProperty(b)&&!gr(y[b])&&(Array.isArray(y[b])&&y[b].isCss||rt(y[b])?c.push(fr(b)+":",y[b],";"):_t(y[b])?c.push.apply(c,p(y[b],b)):c.push(fr(b)+": "+(C=b,(m=y[b])==null||typeof m=="boolean"||m===""?"":typeof m!="number"||m===0||C in xo||C.startsWith("--")?String(m).trim():m+"px")+";"));return S?[S+" {"].concat(c,["}"]):c}(e):e.toString()}var hr=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function A(e){for(var o=arguments.length,r=new Array(o>1?o-1:0),n=1;n<o;n++)r[n-1]=arguments[n];return rt(e)||_t(e)?hr(Ze(cr(ut,[e].concat(r)))):r.length===0&&e.length===1&&typeof e[0]=="string"?e:hr(Ze(cr(e,r)))}var pr=/invalid hook call/i,st=new Set,fn=function(e,o){if(process.env.NODE_ENV!=="production"){var r="The component "+e+(o?' with the id of "'+o+'"':"")+` has been created dynamically.
|
|
105
|
+
You may see this warning because you've called styled inside another component.
|
|
106
|
+
To resolve this only create new StyledComponents outside of any render method and function component.`,n=console.error;try{var i=!0;console.error=function(a){if(pr.test(a))i=!1,st.delete(r);else{for(var l=arguments.length,d=new Array(l>1?l-1:0),f=1;f<l;f++)d[f-1]=arguments[f];n.apply(void 0,[a].concat(d))}},P.useRef(),i&&!st.has(r)&&(console.warn(r),st.add(r))}catch(a){pr.test(a.message)&&st.delete(r)}finally{console.error=n}}},gn=function(e,o,r){return r===void 0&&(r=Be),e.theme!==r.theme&&e.theme||o||r.theme},hn=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,pn=/(^-|-$)/g;function xt(e){return e.replace(hn,"-").replace(pn,"")}var Rr=function(e){return Rt(Er(e)>>>0)};function at(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var Nt=function(e){return typeof e=="function"||typeof e=="object"&&e!==null&&!Array.isArray(e)},mn=function(e){return e!=="__proto__"&&e!=="constructor"&&e!=="prototype"};function yn(e,o,r){var n=e[r];Nt(o)&&Nt(n)?Tr(n,o):e[r]=o}function Tr(e){for(var o=arguments.length,r=new Array(o>1?o-1:0),n=1;n<o;n++)r[n-1]=arguments[n];for(var i=0,a=r;i<a.length;i++){var l=a[i];if(Nt(l))for(var d in l)mn(d)&&yn(e,l[d],d)}return e}var Nr=P.createContext();Nr.Consumer;var wt={};function Ar(e,o,r){var n=It(e),i=!at(e),a=o.attrs,l=a===void 0?ut:a,d=o.componentId,f=d===void 0?function(k,I){var j=typeof k!="string"?"sc":xt(k);wt[j]=(wt[j]||0)+1;var v=j+"-"+Rr("5.3.11"+j+wt[j]);return I?I+"-"+v:v}(o.displayName,o.parentComponentId):d,g=o.displayName,p=g===void 0?function(k){return at(k)?"styled."+k:"Styled("+zt(k)+")"}(e):g,y=o.displayName&&o.componentId?xt(o.displayName)+"-"+o.componentId:o.componentId||f,S=n&&e.attrs?Array.prototype.concat(e.attrs,l).filter(Boolean):l,C=o.shouldForwardProp;n&&e.shouldForwardProp&&(C=o.shouldForwardProp?function(k,I,j){return e.shouldForwardProp(k,I,j)&&o.shouldForwardProp(k,I,j)}:e.shouldForwardProp);var m,c=new en(r,y,n?e.componentStyle:void 0),b=c.isStatic&&l.length===0,T=function(k,I){return function(j,v,ce,be){var W=j.attrs,V=j.componentStyle,K=j.defaultProps,he=j.foldedComponentIds,re=j.shouldForwardProp,te=j.styledComponentId,oe=j.target,q=function(F,h,Y){F===void 0&&(F=Be);var $=Ie({},h,{theme:F}),ee={};return Y.forEach(function(H){var G,x,ge,ye=H;for(G in rt(ye)&&(ye=ye($)),ye)$[G]=ee[G]=G==="className"?(x=ee[G],ge=ye[G],x&&ge?x+" "+ge:x||ge):ye[G]}),[$,ee]}(gn(v,P.useContext(Nr),K)||Be,v,W),Ee=q[0],xe=q[1],O=function(F,h,Y,$){var ee=sn(),H=an(),G=h?F.generateAndInjectStyles(Be,ee,H):F.generateAndInjectStyles(Y,ee,H);return process.env.NODE_ENV!=="production"&&!h&&$&&$(G),G}(V,be,Ee,process.env.NODE_ENV!=="production"?j.warnTooManyClasses:void 0),ue=ce,Z=xe.$as||v.$as||xe.as||v.as||oe,de=at(Z),z=xe!==v?Ie({},v,{},xe):v,_={};for(var R in z)R[0]!=="$"&&R!=="as"&&(R==="forwardedAs"?_.as=z[R]:(re?re(R,or,Z):!de||or(R))&&(_[R]=z[R]));return v.style&&xe.style!==v.style&&(_.style=Ie({},v.style,{},xe.style)),_.className=Array.prototype.concat(he,te,O!==te?O:null,v.className,xe.className).filter(Boolean).join(" "),_.ref=ue,P.createElement(Z,_)}(m,k,I,b)};return T.displayName=p,(m=P.forwardRef(T)).attrs=S,m.componentStyle=c,m.displayName=p,m.shouldForwardProp=C,m.foldedComponentIds=n?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):ut,m.styledComponentId=y,m.target=n?e.target:e,m.withComponent=function(k){var I=o.componentId,j=function(ce,be){if(ce==null)return{};var W,V,K={},he=Object.keys(ce);for(V=0;V<he.length;V++)W=he[V],be.indexOf(W)>=0||(K[W]=ce[W]);return K}(o,["componentId"]),v=I&&I+"-"+(at(k)?k:xt(zt(k)));return Ar(k,Ie({},j,{attrs:S,componentId:v}),r)},Object.defineProperty(m,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(k){this._foldedDefaultProps=n?Tr({},e.defaultProps,k):k}}),process.env.NODE_ENV!=="production"&&(fn(p,y),m.warnTooManyClasses=function(k,I){var j={},v=!1;return function(ce){if(!v&&(j[ce]=!0,Object.keys(j).length>=200)){var be=I?' with the id of "'+I+'"':"";console.warn("Over 200 classes were generated for component "+k+be+`.
|
|
107
|
+
Consider using the attrs method, together with a style object for frequently changed styles.
|
|
108
|
+
Example:
|
|
109
|
+
const Component = styled.div.attrs(props => ({
|
|
110
|
+
style: {
|
|
111
|
+
background: props.background,
|
|
112
|
+
},
|
|
113
|
+
}))\`width: 100%;\`
|
|
114
|
+
|
|
115
|
+
<Component />`),v=!0,j={}}}}(p,y)),Object.defineProperty(m,"toString",{value:function(){return"."+m.styledComponentId}}),i&&Oo(m,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),m}var E=function(e){return function o(r,n,i){if(i===void 0&&(i=Be),!Pt.isValidElementType(n))return Je(1,String(n));var a=function(){return r(n,i,A.apply(void 0,arguments))};return a.withConfig=function(l){return o(r,n,Ie({},i,{},l))},a.attrs=function(l){return o(r,n,Ie({},i,{attrs:Array.prototype.concat(i.attrs,l).filter(Boolean)}))},a}(Ar,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){E[e]=E(e)});function Me(e){process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");for(var o=arguments.length,r=new Array(o>1?o-1:0),n=1;n<o;n++)r[n-1]=arguments[n];var i=A.apply(void 0,[e].concat(r)).join(""),a=Rr(i);return new zr(a,i)}process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
116
|
+
Perhaps you're looking to import 'styled-components/native'?
|
|
117
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`),process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,window["__styled-components-init__"]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
118
|
+
|
|
119
|
+
See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);const vn=E.div`
|
|
120
|
+
${U.resetStyles}
|
|
121
|
+
display: flex;
|
|
122
|
+
align-items: center;
|
|
123
|
+
justify-content: center;
|
|
124
|
+
position: absolute;
|
|
125
|
+
background-color: ${e=>e.color};
|
|
126
|
+
color: ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
127
|
+
|
|
128
|
+
${e=>e.withBorder&&A`
|
|
129
|
+
border: 2px solid ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
130
|
+
`}
|
|
131
|
+
|
|
132
|
+
${e=>e.top&&A`
|
|
133
|
+
top: ${e.top};
|
|
134
|
+
`}
|
|
135
|
+
|
|
136
|
+
${e=>e.right&&A`
|
|
137
|
+
right: ${e.right};
|
|
138
|
+
`}
|
|
139
|
+
|
|
140
|
+
${e=>{switch(e.size){case"small":return A`
|
|
141
|
+
width: 4px;
|
|
142
|
+
height: 4px;
|
|
143
|
+
border-radius: 2px;
|
|
144
|
+
`;case"medium":return A`
|
|
145
|
+
width: 8px;
|
|
146
|
+
height: 8px;
|
|
147
|
+
border-radius: 4px;
|
|
148
|
+
`;case"large":return e.isRound?A`
|
|
149
|
+
width: 16px;
|
|
150
|
+
height: 16px;
|
|
151
|
+
border-radius: 50%;
|
|
152
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
153
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
|
|
154
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodySm};
|
|
155
|
+
display: flex;
|
|
156
|
+
align-items: center;
|
|
157
|
+
justify-content: center;
|
|
158
|
+
`:A`
|
|
159
|
+
min-width: 16px;
|
|
160
|
+
height: 16px;
|
|
161
|
+
border-radius: 8px;
|
|
162
|
+
padding: 0 4px;
|
|
163
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
164
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
|
|
165
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodySm};
|
|
166
|
+
white-space: nowrap;
|
|
167
|
+
`;default:return""}}}
|
|
168
|
+
`,Mt=({size:e,color:o=t.sg.colors.feedbackColors.colorFeedbackError,content:r,withBorder:n=!1,top:i,right:a})=>{let l;if(e==="large"&&r!==void 0&&r!==null){if(typeof r=="number")l=r>999?"999+":r;else if(typeof r=="string"){const f=parseInt(r,10);isNaN(f)?l=r.length>3?`${r.slice(0,2)}+`:r:l=f>999?"999+":f}}else l=void 0;const d=e==="large"&&r!==void 0&&r!==null&&String(r).length===1;return u.jsx(vn,{size:e,color:o,withBorder:n,top:i,right:a,isRound:d,children:l})};Mt.displayName="Badge";const Sn=Me`
|
|
169
|
+
from {
|
|
170
|
+
transform: rotate(0deg);
|
|
171
|
+
}
|
|
172
|
+
to {
|
|
173
|
+
transform: rotate(360deg);
|
|
174
|
+
}
|
|
175
|
+
`,bn=E.button`
|
|
176
|
+
${U.resetStyles}
|
|
177
|
+
display: flex;
|
|
178
|
+
justify-content: center;
|
|
179
|
+
align-items: center;
|
|
180
|
+
gap: ${({size:e})=>e==="Small"?t.sg.spacings.spacingStack.spacingStackNano:t.sg.spacings.spacingStack.spacingStackXs};
|
|
181
|
+
padding: ${({size:e})=>e==="Small"?`0 ${t.sg.spacings.spacingInline.spacingInlineAnt}`:`0 ${t.sg.spacings.spacingInline.spacingInlineSm}`};
|
|
182
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
183
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
184
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
185
|
+
white-space: nowrap;
|
|
186
|
+
width: ${({width:e})=>e};
|
|
187
|
+
min-height: ${({size:e})=>e==="Small"?"3.2rem":"4rem"};
|
|
188
|
+
min-width: 'fit-content';
|
|
189
|
+
max-height: ${({size:e})=>e==="Small"?"3.2rem":"4rem"};
|
|
190
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
191
|
+
${({variant:e})=>{if(e==="primary")return A`
|
|
192
|
+
background-color: ${t.sg.colors.brandColors.colorBrandPrimary};
|
|
193
|
+
color: ${t.sg.colors.backgroundColors.colorBackgroundSnow};
|
|
194
|
+
transition: filter 0.2s;
|
|
195
|
+
cursor: pointer;
|
|
196
|
+
|
|
197
|
+
&:hover {
|
|
198
|
+
background-color: ${t.sg.colors.brandColors.colorBrandDark};
|
|
199
|
+
}
|
|
200
|
+
`;if(e==="secondary")return A`
|
|
201
|
+
background-color: rgba(
|
|
202
|
+
${U.convertHexToRGB(t.sg.colors.neutralColors.colorNeutralSoft)},
|
|
203
|
+
${t.sg.opacityLevels.light}
|
|
204
|
+
);
|
|
205
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
206
|
+
border: 1px solid ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
207
|
+
transition: filter 0.2s;
|
|
208
|
+
cursor: pointer;
|
|
209
|
+
|
|
210
|
+
&:hover {
|
|
211
|
+
border-color: ${t.sg.colors.neutralColors.colorNeutralCleanest};
|
|
212
|
+
}
|
|
213
|
+
`;if(e==="tertiary")return A`
|
|
214
|
+
background-color: transparent;
|
|
215
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
216
|
+
border: ${t.sg.borders.borderWidth.borderWidthNone};
|
|
217
|
+
transition: filter 0.2s;
|
|
218
|
+
cursor: pointer;
|
|
219
|
+
|
|
220
|
+
&:hover {
|
|
221
|
+
border: 1px solid ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
222
|
+
}
|
|
223
|
+
`}};
|
|
224
|
+
${({disabled:e})=>e&&A`
|
|
225
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
|
|
226
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
227
|
+
border: none;
|
|
228
|
+
transition: filter 0.2s;
|
|
229
|
+
cursor: not-allowed;
|
|
230
|
+
|
|
231
|
+
&:hover {
|
|
232
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
|
|
233
|
+
border-color: ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
234
|
+
}
|
|
235
|
+
`}
|
|
236
|
+
|
|
237
|
+
& > i > svg {
|
|
238
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
239
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
240
|
+
|
|
241
|
+
${({isLoading:e})=>e&&A`
|
|
242
|
+
animation: ${Sn} 2s linear infinite;
|
|
243
|
+
`}
|
|
244
|
+
|
|
245
|
+
path {
|
|
246
|
+
fill: ${({variant:e,disabled:o,error:r,isLoading:n})=>o?t.sg.colors.neutralColors.colorNeutralCloudy:r&&!n?t.sg.colors.feedbackColors.colorFeedbackError:e==="primary"?t.sg.colors.backgroundColors.colorBackgroundSnow:t.sg.colors.neutralColors.colorNeutralDark};
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
`,De=({name:e,type:o="button",variant:r="primary",width:n="100%",size:i="Small",disabled:a=!1,isLoading:l=!1,onClick:d,custom:f,icon:g,iconColor:p=t.sg.colors.neutralColors.colorNeutralDark,iconPosition:y="left",error:S,tooltipProps:C={},...m})=>{var W;const c=V=>typeof V=="string",b=(V,K)=>u.jsx(t.Icon,{iconName:V,color:K}),T={Small:"ProgressActivitySm",Large:"ProgressActivityAnt"},I=S&&!l&&b({Small:"ErrorSm",Large:"ErrorAnt"}[i],t.sg.colors.feedbackColors.colorFeedbackError),j=l&&b(T[i],t.sg.colors.neutralColors.colorNeutralDark),v=g&&!S&&!l&&y==="left"&&(c(g)?b(g,p):g),ce=g&&!S&&!l&&y==="right"&&(c(g)?b(g,p):g),be={position:"bottom",...C,isErrorTooltip:!!S,label:S??C.label,isActive:!!S&&!a||!!C.label&&!l,textAlign:"center",maxWidth:(W=C.customStyle)==null?void 0:W.maxWidth};return u.jsx(Fe,{id:"error-button",...be,children:u.jsxs(bn,{type:o,width:n,size:i,disabled:a,variant:r,isLoading:l,error:S,onClick:()=>!l&&!a&&d(),style:f,id:`button-component-${e}`,...m,children:[I,j,v,e,ce]})})};De.displayName="Button";const xn=E.div`
|
|
250
|
+
${U.resetStyles}
|
|
251
|
+
display: flex;
|
|
252
|
+
flex-direction: row;
|
|
253
|
+
align-items: center;
|
|
254
|
+
padding: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
255
|
+
position: relative;
|
|
256
|
+
width: ${({width:e})=>e};
|
|
257
|
+
height: ${({size:e})=>e==="Medium"?"2rem":"1.6rem"};
|
|
258
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
259
|
+
`,ot=E.input`
|
|
260
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
261
|
+
accent-color: ${t.sg.colors.brandColors.colorBrandSoft};
|
|
262
|
+
width: 0;
|
|
263
|
+
opacity: 0;
|
|
264
|
+
display: none;
|
|
265
|
+
`,wn=E.label`
|
|
266
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
267
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
268
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
269
|
+
line-height: ${({size:e})=>e==="Small"?t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd):t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
|
|
270
|
+
color: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDark};
|
|
271
|
+
margin-left: ${({size:e})=>e==="Small"?"1.55rem":"2.3rem"};
|
|
272
|
+
|
|
273
|
+
&:hover {
|
|
274
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
275
|
+
}
|
|
276
|
+
`,Cn=E.div`
|
|
277
|
+
width: fit-content;
|
|
278
|
+
position: absolute;
|
|
279
|
+
top: ${({size:e})=>e==="Small"?"calc(50% + 0.5rem)":"calc(50% + 0.4rem)"};
|
|
280
|
+
transform: ${({size:e})=>e==="Small"?"translateY(calc(-50% - 0.3rem))":"translateY(calc(-50% - 0.1rem))"};
|
|
281
|
+
left: 0;
|
|
282
|
+
|
|
283
|
+
${ot}:checked ~ & {
|
|
284
|
+
opacity: 1;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
${ot}:not(:checked) ~ & {
|
|
288
|
+
opacity: 0;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
& > i > svg {
|
|
292
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
293
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
294
|
+
|
|
295
|
+
path {
|
|
296
|
+
fill: ${({disabled:e,checkColor:o})=>e?t.sg.colors.neutralColors.colorNeutralClean:o==="Default"?t.sg.colors.brandColors.colorBrandPrimary:t.sg.colors.auxiliariesColors.colorAuxOneDark} !important;
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
`,$n=E.div`
|
|
300
|
+
width: fit-content;
|
|
301
|
+
position: absolute;
|
|
302
|
+
top: ${({size:e})=>e==="Small"?"calc(50% + 0.5rem)":"calc(50% + 0.4rem)"};
|
|
303
|
+
transform: ${({size:e})=>e==="Small"?"translateY(calc(-50% - 0.3rem))":"translateY(calc(-50% - 0.1rem))"};
|
|
304
|
+
left: 0;
|
|
305
|
+
|
|
306
|
+
${ot}:checked ~ & {
|
|
307
|
+
opacity: 0;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
${ot}:not(:checked) ~ & {
|
|
311
|
+
opacity: 1;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
& > i > svg {
|
|
315
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
316
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
317
|
+
|
|
318
|
+
path {
|
|
319
|
+
fill: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralClean:t.sg.colors.neutralColors.colorNeutralDark};
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
`,Pr=P.forwardRef(({id:e,label:o,size:r="Medium",value:n,name:i,disabled:a=!1,width:l="100%",variant:d="Selected",onChange:f,gridRow:g,gridColumn:p,checked:y,checkColor:S="Default",...C},m)=>{const c=P.useRef(null);return u.jsx(xn,{width:l,size:r,disabled:a,children:u.jsxs(wn,{htmlFor:`Checkbox-${o||e}`,disabled:a,size:r,"data-testid":"checkbox-label",children:[u.jsx(ot,{type:"checkbox",disabled:a,id:`Checkbox-${o||e}`,size:r,"data-testid":"checkbox",value:n,checked:y,name:i,onChange:f,gridRow:g,gridColumn:p,...C,ref:b=>{c.current=b,typeof m=="function"?m(b):m&&(m.current=b)}}),u.jsx(Cn,{size:r,disabled:a,checkColor:S,children:d==="Selected"?u.jsx(t.Icon,{iconName:`CheckBoxFill1${r==="Small"?"Ant":"Sm"}`}):u.jsx(t.Icon,{iconName:`CheckboxLess${r==="Small"?"Ant":"Sm"}`})}),u.jsx($n,{size:r,disabled:a,children:u.jsx(t.Icon,{iconName:`CheckBoxOutlineBlankFill0${r==="Small"?"Ant":"Sm"}`})}),o]})})});Pr.displayName="Checkbox";const En={left:"flex-start",center:"center",right:"flex-end"},kn={top:"flex-start",center:"center",bottom:"flex-end"},_n={vertical:"column",horizontal:"row"},zn=E.div`
|
|
323
|
+
display: flex;
|
|
324
|
+
|
|
325
|
+
background-color: ${e=>t.sg.colors.backgroundColors[`colorBackground${U.capitalizeFirstLetter(e.backgroundColor)}`]??e.backgroundColor??"transparent"};
|
|
326
|
+
${({width:e,minWidth:o,height:r,minHeight:n,flex:i,padding:a,direction:l,gap:d,wrap:f})=>A`
|
|
327
|
+
width: ${e};
|
|
328
|
+
height: ${r};
|
|
329
|
+
flex: ${i};
|
|
330
|
+
min-width: ${o};
|
|
331
|
+
min-height: ${n};
|
|
332
|
+
padding: ${a};
|
|
333
|
+
flex-direction: ${_n[l]};
|
|
334
|
+
flex-wrap: ${f};
|
|
335
|
+
gap: ${d};
|
|
336
|
+
`};
|
|
337
|
+
${({direction:e,horizontalAlign:o,verticalAlign:r})=>{const n=En[o]||"left",i=kn[r]||"top";return e==="vertical"?A`
|
|
338
|
+
justify-content: ${i};
|
|
339
|
+
align-items: ${n};
|
|
340
|
+
`:A`
|
|
341
|
+
justify-content: ${n};
|
|
342
|
+
align-items: ${i};
|
|
343
|
+
`}};
|
|
344
|
+
${({scroll:e})=>{let o="hidden",r="hidden";return["vertical","both"].includes(e)&&(r="auto"),["horizontal","both"].includes(e)&&(o="auto"),e==="unset"&&(o="unset",r="unset"),A`
|
|
345
|
+
overflow-x: ${o};
|
|
346
|
+
overflow-y: ${r};
|
|
347
|
+
`}};
|
|
348
|
+
`,$e=P.forwardRef(({title:e,width:o="fit-content",height:r="fit-content",flex:n="none",padding:i="0px",direction:a="vertical",gap:l="0px",horizontalAlign:d="left",verticalAlign:f="top",scroll:g="hidden",minWidth:p="initial",minHeight:y="initial",wrap:S="nowrap",backgroundColor:C,customStyles:m,onClick:c,children:b},T)=>u.jsx(zn,{ref:T,title:e,width:o,minWidth:p,height:r,minHeight:y,flex:n,padding:i,direction:a,gap:l,horizontalAlign:d,verticalAlign:f,scroll:g,wrap:S,backgroundColor:C,style:{cursor:c?"pointer":void 0,...m||{}},onClick:c,children:b}));$e.displayName="Container";var Rn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 33",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M13.467 18.754 16.5 16.92l3.033 1.833-.8-3.466 2.667-2.3-3.5-.3-1.4-3.267-1.4 3.267-3.5.3 2.667 2.3zm-6.3 9.333V6.197q0-.9.66-1.56.663-.66 1.562-.661h14.222q.9 0 1.561.66.661.662.661 1.562v21.889l-9.333-4zm2.222-3.378 7.111-3.022 7.111 3.022V6.198H9.389z"})}),Tn=Rn,Nn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"m11.567 22.489 4.933-4.934 4.933 4.933 1.556-1.555L18.056 16l4.933-4.934-1.556-1.555-4.933 4.933-4.933-4.933-1.556 1.555L14.945 16l-4.934 4.933zm4.933 6.844q-2.745 0-5.178-1.05a13.5 13.5 0 0 1-4.244-2.861 13.5 13.5 0 0 1-2.861-4.245A12.9 12.9 0 0 1 3.167 16q0-2.767 1.05-5.2a13.4 13.4 0 0 1 2.86-4.234 13.6 13.6 0 0 1 4.245-2.85q2.434-1.05 5.178-1.05 2.767 0 5.2 1.05t4.233 2.85 2.85 4.234 1.05 5.2q0 2.745-1.05 5.177a13.6 13.6 0 0 1-2.85 4.245 13.4 13.4 0 0 1-4.233 2.86q-2.433 1.05-5.2 1.05"})}),An=Nn,Pn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"m14.567 22.089 9.422-9.423-1.645-1.622-7.777 7.778-3.934-3.933-1.622 1.622zm1.933 7.244q-2.745 0-5.178-1.05a13.5 13.5 0 0 1-4.244-2.861 13.5 13.5 0 0 1-2.861-4.245A12.9 12.9 0 0 1 3.167 16q0-2.767 1.05-5.2a13.4 13.4 0 0 1 2.86-4.234 13.6 13.6 0 0 1 4.245-2.85q2.434-1.05 5.178-1.05 2.767 0 5.2 1.05t4.233 2.85 2.85 4.234 1.05 5.2q0 2.745-1.05 5.177a13.6 13.6 0 0 1-2.85 4.245 13.4 13.4 0 0 1-4.233 2.86q-2.433 1.05-5.2 1.05m0-2.222q4.644 0 7.878-3.245T27.61 16q0-4.645-3.233-7.878T16.5 4.888q-4.622 0-7.867 3.234T5.39 16q0 4.621 3.244 7.866t7.867 3.245"})}),jn=Pn,On=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"m14.567 22.089 9.422-9.423-1.645-1.622-7.777 7.778-3.934-3.933-1.622 1.622zm1.933 7.244q-2.745 0-5.178-1.05a13.5 13.5 0 0 1-4.244-2.861 13.5 13.5 0 0 1-2.861-4.245A12.9 12.9 0 0 1 3.167 16q0-2.767 1.05-5.2a13.4 13.4 0 0 1 2.86-4.234 13.6 13.6 0 0 1 4.245-2.85q2.434-1.05 5.178-1.05 2.767 0 5.2 1.05t4.233 2.85 2.85 4.234 1.05 5.2q0 2.745-1.05 5.177a13.6 13.6 0 0 1-2.85 4.245 13.4 13.4 0 0 1-4.233 2.86q-2.433 1.05-5.2 1.05"})}),In=On,Fn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"m8.878 25.177-1.556-1.555 7.623-7.623-7.623-7.622 1.556-1.555 7.622 7.622 7.622-7.622 1.556 1.555L18.056 16l7.622 7.623-1.556 1.555-7.622-7.622z"})}),jr=Fn,Mn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M6.722 28q-.944 0-1.583-.64-.639-.638-.639-1.582V6.221q0-.945.639-1.583.64-.64 1.583-.64h6.345q.278-1.166 1.244-1.916.967-.75 2.189-.75 1.245 0 2.206.75T19.944 4h6.334q.945 0 1.583.639.639.638.639 1.583v19.556q0 .944-.639 1.583-.64.639-1.583.639zm0-2.222h19.556V6.221h-2.222v3.333H8.944V6.222H6.722zM16.5 6.221q.566 0 .95-.383a1.3 1.3 0 0 0 .383-.95 1.3 1.3 0 0 0-.383-.95 1.3 1.3 0 0 0-.95-.384 1.3 1.3 0 0 0-.95.384 1.3 1.3 0 0 0-.383.95q0 .566.383.95.384.383.95.383"})}),Ln=Mn,Bn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M16.5 22.666q.5 0 .839-.338t.339-.84a1.14 1.14 0 0 0-.339-.838 1.14 1.14 0 0 0-.838-.34 1.14 1.14 0 0 0-.84.34 1.14 1.14 0 0 0-.339.838q0 .5.339.84.338.338.839.338m-1.044-5.178h2.222V9.2h-2.222zm1.05 11.845q-2.76 0-5.189-1.05a13.5 13.5 0 0 1-4.24-2.861 13.5 13.5 0 0 1-2.86-4.241q-1.05-2.43-1.05-5.193t1.05-5.192 2.86-4.23a13.6 13.6 0 0 1 4.242-2.85q2.43-1.05 5.192-1.05t5.193 1.05 4.23 2.85 2.85 4.234 1.05 5.194-1.05 5.189q-1.05 2.427-2.85 4.235a13.5 13.5 0 0 1-4.234 2.86q-2.433 1.056-5.194 1.055m.005-2.222q4.634 0 7.867-3.245t3.233-7.877q0-4.635-3.229-7.867-3.23-3.234-7.882-3.234-4.622 0-7.867 3.23Q5.39 11.346 5.39 16q0 4.621 3.244 7.866t7.878 3.245"})}),Dn=Bn,Wn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M16.5 22.666q.5 0 .839-.338t.339-.84a1.14 1.14 0 0 0-.339-.838 1.14 1.14 0 0 0-.838-.34 1.14 1.14 0 0 0-.84.34 1.14 1.14 0 0 0-.339.838q0 .5.339.84.338.338.839.338m-1.044-5.178h2.222V9.2h-2.222zm1.05 11.845q-2.76 0-5.189-1.05a13.5 13.5 0 0 1-4.24-2.861 13.5 13.5 0 0 1-2.86-4.241q-1.05-2.43-1.05-5.193t1.05-5.192 2.86-4.23a13.6 13.6 0 0 1 4.242-2.85q2.43-1.05 5.192-1.05t5.193 1.05 4.23 2.85 2.85 4.234 1.05 5.194-1.05 5.189q-1.05 2.427-2.85 4.235a13.5 13.5 0 0 1-4.234 2.86q-2.433 1.056-5.194 1.055"})}),Hn=Wn,Vn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M10.078 20.5 8.5 18.922l8-8 8 7.978-1.578 1.577-6.422-6.422z"})}),qn=Vn,Yn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"m16.5 20.5-8-8 1.578-1.578 6.422 6.444 6.422-6.422 1.578 1.578z"})}),Un=Yn,Gn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M5.389 26.666q-.878 0-1.55-.672t-.672-1.55V7.555q0-.878.672-1.55t1.55-.672H14.3l2.222 2.222h11.09q.876 0 1.55.672.67.673.671 1.55H15.578l-2.222-2.222H5.389v16.89L8.722 12h23.111l-3.522 13.01q-.222.823-.817 1.24-.594.416-1.438.416zm2.333-2.222h18.445l2.666-10.222H10.39z"})}),Xn=Gn,Kn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M15.456 22.666h2.222v-8h-2.222zM16.5 12.133q.5 0 .839-.332t.339-.824q0-.51-.339-.855a1.13 1.13 0 0 0-.838-.345 1.13 1.13 0 0 0-.84.345q-.339.345-.339.855 0 .491.339.824.338.332.839.332m.006 17.2q-2.76 0-5.189-1.05a13.5 13.5 0 0 1-4.24-2.861 13.5 13.5 0 0 1-2.86-4.241q-1.05-2.43-1.05-5.193t1.05-5.192 2.86-4.23a13.6 13.6 0 0 1 4.242-2.85q2.43-1.05 5.192-1.05t5.193 1.05 4.23 2.85 2.85 4.234 1.05 5.194-1.05 5.189q-1.05 2.427-2.85 4.235a13.5 13.5 0 0 1-4.234 2.86q-2.433 1.056-5.194 1.055m.005-2.222q4.634 0 7.867-3.245t3.233-7.877q0-4.635-3.229-7.867-3.23-3.234-7.882-3.234-4.622 0-7.867 3.23Q5.39 11.346 5.39 16q0 4.621 3.244 7.866t7.878 3.245"})}),Zn=Kn,Jn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M15.456 22.666h2.222v-8h-2.222zM16.5 12.133q.5 0 .839-.332t.339-.824q0-.51-.339-.855a1.13 1.13 0 0 0-.838-.345 1.13 1.13 0 0 0-.84.345q-.339.345-.339.855 0 .491.339.824.338.332.839.332m.006 17.2q-2.76 0-5.189-1.05a13.5 13.5 0 0 1-4.24-2.861 13.5 13.5 0 0 1-2.86-4.241q-1.05-2.43-1.05-5.193t1.05-5.192 2.86-4.23a13.6 13.6 0 0 1 4.242-2.85q2.43-1.05 5.192-1.05t5.193 1.05 4.23 2.85 2.85 4.234 1.05 5.194-1.05 5.189q-1.05 2.427-2.85 4.235a13.5 13.5 0 0 1-4.234 2.86q-2.433 1.056-5.194 1.055"})}),Lt=Jn,Qn=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 33",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M9.833 22.754q.567 0 .95-.384a1.3 1.3 0 0 0 .384-.95 1.3 1.3 0 0 0-.384-.95 1.3 1.3 0 0 0-.95-.383 1.3 1.3 0 0 0-.95.383 1.3 1.3 0 0 0-.383.95q0 .567.383.95.384.384.95.384M8.5 17.42h2.667v-8H8.5zm6.667 5.334H24.5v-2.667h-9.333zm0-5.334H24.5v-2.666h-9.333zm0-5.333H24.5V9.42h-9.333zm-9.334 16a2.57 2.57 0 0 1-1.883-.783 2.57 2.57 0 0 1-.783-1.884V6.754q0-1.101.783-1.884a2.57 2.57 0 0 1 1.883-.783h21.334q1.099 0 1.883.783.783.783.783 1.884V25.42q0 1.1-.783 1.884a2.57 2.57 0 0 1-1.883.783zm0-2.667h21.334V6.754H5.833z"})}),ei=Qn,ti=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 32",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M1.92 28 16.587 2.667 31.254 28zm4.6-2.667h20.134L16.587 8zM16.587 24q.567 0 .95-.383a1.3 1.3 0 0 0 .383-.95 1.3 1.3 0 0 0-.383-.95 1.3 1.3 0 0 0-.95-.384 1.3 1.3 0 0 0-.95.384 1.3 1.3 0 0 0-.383.95q0 .566.383.95.383.383.95.383m-1.333-4h2.666v-6.667h-2.667z"})}),Or=ti,ri=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",...e.size?{width:e.size,height:e.size}:{width:"1em",height:"1em"},viewBox:"0 0 33 33",...e,fill:e.color||"currentColor",children:u.jsx("path",{fill:e.color||"currentColor",d:"M1.833 28.087 16.5 2.754l14.667 25.333zm14.667-4q.567 0 .95-.383a1.3 1.3 0 0 0 .383-.95 1.3 1.3 0 0 0-.383-.95 1.3 1.3 0 0 0-.95-.384 1.3 1.3 0 0 0-.95.384 1.3 1.3 0 0 0-.383.95q0 .566.383.95.384.383.95.383m-1.333-4h2.666V13.42h-2.666z"})}),oi=ri;const ni=E.span`
|
|
349
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
350
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
351
|
+
color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
352
|
+
display: flex;
|
|
353
|
+
justify-content: center;
|
|
354
|
+
gap: '4px';
|
|
355
|
+
`,ii=E.div`
|
|
356
|
+
display: flex;
|
|
357
|
+
width: 100%;
|
|
358
|
+
flex: 1;
|
|
359
|
+
align-items: center;
|
|
360
|
+
justify-content: flex-start;
|
|
361
|
+
gap: ${t.sg.spacings.spacingInset.spacingInsetNano};
|
|
362
|
+
cursor: ${({onClick:e})=>e?"pointer":"default"};
|
|
363
|
+
`,si=E.div`
|
|
364
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
365
|
+
font-size: ${({type:e})=>e==="cloudy"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
366
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
|
|
367
|
+
color: ${({type:e})=>e==="cloudy"?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
368
|
+
`,ai=E.div`
|
|
369
|
+
display: flex;
|
|
370
|
+
align-items: center;
|
|
371
|
+
flex: 1;
|
|
372
|
+
height: 1px;
|
|
373
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSoft};
|
|
374
|
+
`,Ir=({text:e,type:o="cloudy",collapsed:r=!1,collapsedValue:n=!0,onClick:i})=>u.jsxs(ii,{onClick:r?i:null,children:[u.jsx(si,{type:o,children:e}),r&&(n?u.jsx(Un,{size:"16px",color:t.sg.colors.neutralColors.colorNeutralDarkest}):u.jsx(qn,{size:"16px",color:t.sg.colors.neutralColors.colorNeutralDarkest})),u.jsx(ai,{})]});Ir.displayName="Label";const li=E.div`
|
|
375
|
+
display: flex;
|
|
376
|
+
width: 18.2rem;
|
|
377
|
+
height: 14.2rem;
|
|
378
|
+
padding: 2.4rem;
|
|
379
|
+
flex-direction: column;
|
|
380
|
+
justify-content: space-between;
|
|
381
|
+
background-color: ${({disabled:e})=>e?t.sg.colors.brandColors.colorBrandSeSoft:t.sg.colors.neutralColors.colorNeutralSnow};
|
|
382
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
383
|
+
border: ${({disabled:e})=>e?`${t.sg.borders.borderWidth.borderWidthThinner} dashed ${t.sg.colors.neutralColors.colorNeutralClean}`:`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralClean}`};
|
|
384
|
+
|
|
385
|
+
&:hover {
|
|
386
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
387
|
+
border: ${({disabled:e})=>e?"none":`1px solid ${t.sg.colors.neutralColors.colorNeutralCleanest}`};
|
|
388
|
+
}
|
|
389
|
+
`,ci=E.h2`
|
|
390
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
391
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
392
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
393
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
|
|
394
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
395
|
+
`,ui=E.div`
|
|
396
|
+
display: flex;
|
|
397
|
+
justify-content: center;
|
|
398
|
+
align-items: center;
|
|
399
|
+
width: 4rem;
|
|
400
|
+
height: 4rem;
|
|
401
|
+
padding: 0.4rem;
|
|
402
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSoft};
|
|
403
|
+
opacity: ${({disabled:e})=>e?.65:1};
|
|
404
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
405
|
+
`,pt=`
|
|
406
|
+
box-sizing: border-box;
|
|
407
|
+
margin: 0;
|
|
408
|
+
padding: 0;
|
|
409
|
+
border: 0;
|
|
410
|
+
`,di=E.div`
|
|
411
|
+
${pt}
|
|
412
|
+
width: ${({width:e})=>e};
|
|
413
|
+
display: flex;
|
|
414
|
+
flex-direction: column;
|
|
415
|
+
align-items: center;
|
|
416
|
+
`,fi=E.div`
|
|
417
|
+
${pt}
|
|
418
|
+
font-weight: 600;
|
|
419
|
+
font-size: ${({fontSize:e})=>e||"10px"};
|
|
420
|
+
text-align: center;
|
|
421
|
+
line-height: ${({fontSize:e})=>e==="18px"?"26px":"14px"};
|
|
422
|
+
color: ${t.sg.colors.brandColors.colorBrandSoft};
|
|
423
|
+
text-wrap: nowrap;
|
|
424
|
+
`,gi=E.div`
|
|
425
|
+
${pt}
|
|
426
|
+
width: ${({width:e})=>e||"100px"};
|
|
427
|
+
border-radius: 80px;
|
|
428
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralLighest};
|
|
429
|
+
height: ${({width:e})=>e==="183px"?"8px":e==="119px"?"5.5px":"5px"};
|
|
430
|
+
overflow: hidden;
|
|
431
|
+
position: relative;
|
|
432
|
+
`,hi=Me`
|
|
433
|
+
0% {
|
|
434
|
+
left: -100%;
|
|
435
|
+
}
|
|
436
|
+
100% {
|
|
437
|
+
left: 100%;
|
|
438
|
+
}
|
|
439
|
+
`,pi=E.div`
|
|
440
|
+
${pt}
|
|
441
|
+
width: calc(100% / 3);
|
|
442
|
+
height: 100%;
|
|
443
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSoft};
|
|
444
|
+
position: absolute;
|
|
445
|
+
border-radius: 80px;
|
|
446
|
+
animation: ${hi} 2s linear infinite;
|
|
447
|
+
`,Fr=({width:e,text:o,fontSize:r})=>u.jsxs(di,{width:e,children:[u.jsx(gi,{width:e,children:u.jsx(pi,{"data-testid":"loading-line",className:"loading-line"})}),o&&u.jsx(fi,{fontSize:r,children:o})]}),mi=Me`
|
|
448
|
+
from {
|
|
449
|
+
transform: rotate(0deg);
|
|
450
|
+
}
|
|
451
|
+
to {
|
|
452
|
+
transform: rotate(360deg);
|
|
453
|
+
}
|
|
454
|
+
`,yi={primary:{XSmall:"24px",Small:"32px",Large:"40px"},secondary:{XSmall:"16px",Small:"20px",Large:"24px"}},mr=(e,o)=>yi[o][e],ft=e=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt,vi=A`
|
|
455
|
+
${U.resetStyles}
|
|
456
|
+
height: ${({sizeProp:e,buttonType:o})=>mr(e,o)};
|
|
457
|
+
width: ${({sizeProp:e,buttonType:o})=>mr(e,o)};
|
|
458
|
+
display: flex;
|
|
459
|
+
align-items: center;
|
|
460
|
+
justify-content: center;
|
|
461
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
462
|
+
position: relative;
|
|
463
|
+
transition: all 0.3s ease;
|
|
464
|
+
border-radius: ${({buttonType:e})=>e==="primary"?t.sg.borders.borderRadius.borderRadiusSm:t.sg.borders.borderRadius.borderExtraSmall};
|
|
465
|
+
padding: ${({buttonType:e})=>e==="primary"?t.sg.spacings.spacingInset.spacingInsetNano:"auto"};
|
|
466
|
+
border: ${({buttonType:e})=>e==="secondary"?"none":void 0};
|
|
467
|
+
|
|
468
|
+
& > .default-icon,
|
|
469
|
+
& > .selected-icon {
|
|
470
|
+
height: ${({sizeProp:e})=>ft(e)};
|
|
471
|
+
width: ${({sizeProp:e})=>ft(e)};
|
|
472
|
+
}
|
|
473
|
+
`,Si=A`
|
|
474
|
+
${({buttonType:e,disabled:o,isSelected:r,iconColor:n})=>!o&&!r&&A`
|
|
475
|
+
background-color: ${e==="primary"?"rgba(226, 230, 237, 0.16)":"transparent"};
|
|
476
|
+
border: ${e==="primary"?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralClean}`:"none"};
|
|
477
|
+
|
|
478
|
+
&:hover {
|
|
479
|
+
border: ${e==="primary"?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralCleanest}`:"none"};
|
|
480
|
+
background-color: ${e==="secondary"?t.sg.colors.neutralColors.colorNeutralSoft:"rgba(226, 230, 237, 0.16)"};
|
|
481
|
+
}
|
|
482
|
+
|
|
483
|
+
& > .default-icon path {
|
|
484
|
+
fill: ${n||t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
&:hover .default-icon path {
|
|
488
|
+
fill: ${e==="secondary"?n||t.sg.colors.neutralColors.colorNeutralDark:n||t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
489
|
+
}
|
|
490
|
+
`}
|
|
491
|
+
`,bi=A`
|
|
492
|
+
${({variant:e,disabled:o,isSelected:r,buttonType:n,iconColor:i,hasSelectedIcon:a})=>e==="select"&&!o&&r&&A`
|
|
493
|
+
background-color: rgba(12, 60, 122, 0.16);
|
|
494
|
+
border: ${n==="primary"?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.brandColors.colorBrandPrimary}`:"none"};
|
|
495
|
+
|
|
496
|
+
${a?A`
|
|
497
|
+
& > .default-icon {
|
|
498
|
+
display: none;
|
|
499
|
+
}
|
|
500
|
+
& > .selected-icon {
|
|
501
|
+
display: flex;
|
|
502
|
+
& > svg path {
|
|
503
|
+
fill: ${i||t.sg.colors.brandColors.colorBrandPrimary};
|
|
504
|
+
}
|
|
505
|
+
}
|
|
506
|
+
`:A`
|
|
507
|
+
& > .default-icon {
|
|
508
|
+
display: flex;
|
|
509
|
+
& > svg path {
|
|
510
|
+
fill: ${i||t.sg.colors.brandColors.colorBrandPrimary};
|
|
511
|
+
}
|
|
512
|
+
}
|
|
513
|
+
`}
|
|
514
|
+
`}
|
|
515
|
+
`,xi=A`
|
|
516
|
+
${({variant:e,buttonType:o,iconColor:r,hasSelectedIcon:n})=>e==="normal"&&A`
|
|
517
|
+
${n?A`
|
|
518
|
+
& > .selected-icon {
|
|
519
|
+
display: none;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
&:active {
|
|
523
|
+
background-color: rgba(12, 60, 122, 0.16);
|
|
524
|
+
border: ${o==="primary"?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.brandColors.colorBrandPrimary}`:"none"};
|
|
525
|
+
|
|
526
|
+
& > .selected-icon {
|
|
527
|
+
display: flex;
|
|
528
|
+
& > svg path {
|
|
529
|
+
fill: ${r||t.sg.colors.brandColors.colorBrandPrimary};
|
|
530
|
+
}
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
& > .default-icon {
|
|
534
|
+
display: none;
|
|
535
|
+
}
|
|
536
|
+
}
|
|
537
|
+
`:A`
|
|
538
|
+
&:active {
|
|
539
|
+
background-color: rgba(12, 60, 122, 0.16);
|
|
540
|
+
border: ${o==="primary"?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.brandColors.colorBrandPrimary}`:"none"};
|
|
541
|
+
|
|
542
|
+
& > .default-icon {
|
|
543
|
+
display: flex;
|
|
544
|
+
& > svg path {
|
|
545
|
+
fill: ${r||t.sg.colors.brandColors.colorBrandPrimary};
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
`}
|
|
550
|
+
`}
|
|
551
|
+
`,wi=A`
|
|
552
|
+
${({disabled:e,buttonType:o,sizeProp:r})=>e&&A`
|
|
553
|
+
background-color: ${o==="primary"?t.sg.colors.brandColors.colorBrandSeSoft:t.sg.colors.neutralColors.colorNeutralSoft} !important;
|
|
554
|
+
border: none;
|
|
555
|
+
|
|
556
|
+
& > .default-icon path,
|
|
557
|
+
& > .selected-icon path {
|
|
558
|
+
fill: ${o==="primary"?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralCleanest} !important;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
& > .default-icon,
|
|
562
|
+
& > .selected-icon {
|
|
563
|
+
height: ${ft(r)} !important;
|
|
564
|
+
width: ${ft(r)} !important;
|
|
565
|
+
}
|
|
566
|
+
`}
|
|
567
|
+
`,Ci=E.button`
|
|
568
|
+
${vi}
|
|
569
|
+
${Si}
|
|
570
|
+
${bi}
|
|
571
|
+
${xi}
|
|
572
|
+
${wi}
|
|
573
|
+
& > i {
|
|
574
|
+
${({isLoading:e})=>e&&A`
|
|
575
|
+
animation: ${mi} 2s linear infinite;
|
|
576
|
+
`}
|
|
577
|
+
}
|
|
578
|
+
`,Ct=E.div`
|
|
579
|
+
${U.resetStyles}
|
|
580
|
+
display: flex;
|
|
581
|
+
align-items: center;
|
|
582
|
+
justify-content: center;
|
|
583
|
+
`;E.div`
|
|
584
|
+
${U.resetStyles}
|
|
585
|
+
display: flex;
|
|
586
|
+
justify-content: center;
|
|
587
|
+
align-items: center;
|
|
588
|
+
border-radius: 50%;
|
|
589
|
+
position: absolute;
|
|
590
|
+
top: 2px;
|
|
591
|
+
right: 2px;
|
|
592
|
+
background-color: ${({indicatorColor:e})=>e||t.sg.colors.feedbackColors.colorFeedbackInfo};
|
|
593
|
+
border: 1.5px solid ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
594
|
+
width: 6px;
|
|
595
|
+
height: 6px;
|
|
596
|
+
`;const Mr=P.forwardRef(({id:e,name:o,size:r="Small",type:n="button",disabled:i=!1,onClick:a,iconName:l,tooltipProps:d,buttonType:f="primary",iconColor:g,selectedIconName:p,badgeProps:y,isSelected:S,onSelectedChange:C,variant:m="normal",customIcon:c,isLoading:b=!1},T)=>{const k=S!==void 0&&m==="select",I=k?S:!1,j=u.jsx(t.Icon,{iconName:`ProgressActivity${r==="Large"?"Ant":"Sm"}`,color:t.sg.colors.neutralColors.colorNeutralCloudy}),v=()=>{i||(m==="select"&&k&&C&&C(!I),a&&a())};return u.jsx(Fe,{...d,children:u.jsxs(Ci,{ref:T,id:`actionbutton-${e}`,name:`actionbutton-${o}`,type:n,onClick:v,sizeProp:r,disabled:i,"data-testid":"action-button",buttonType:f,iconColor:g,isSelected:I,variant:m,hasSelectedIcon:!!p,isLoading:b,children:[b?j:c?u.jsx(Ct,{className:"custom-icon",children:c}):u.jsxs(u.Fragment,{children:[l&&u.jsx(Ct,{className:"default-icon",children:u.jsx(t.Icon,{iconName:l,"data-testid":"action-icon"})}),p&&u.jsx(u.Fragment,{children:(m==="select"&&I||m==="normal")&&u.jsx(Ct,{className:"selected-icon",children:u.jsx(t.Icon,{iconName:p,"data-testid":"selected-icon"})})})]}),y&&u.jsx(Mt,{...y})]})})});Mr.displayName="ActionButton";const $i=E.span`
|
|
597
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
598
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
599
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightSemiBold};
|
|
600
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
|
|
601
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
602
|
+
`,Ei=E.span`
|
|
603
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
604
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
605
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
606
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
607
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
608
|
+
`,ki=E.div`
|
|
609
|
+
width: 20px;
|
|
610
|
+
height: 20px;
|
|
611
|
+
& > svg > path {
|
|
612
|
+
fill: ${t.sg.colors.feedbackColors.colorFeedbackWarning};
|
|
613
|
+
}
|
|
614
|
+
`;var gt,lt=ht;if(process.env.NODE_ENV==="production")gt=lt.createRoot,lt.hydrateRoot;else{var yr=lt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;gt=function(e,o){yr.usingClientEntryPoint=!0;try{return lt.createRoot(e,o)}finally{yr.usingClientEntryPoint=!1}}}const _i=E.div`
|
|
615
|
+
position: fixed;
|
|
616
|
+
top: 0;
|
|
617
|
+
left: 0;
|
|
618
|
+
width: 100vw;
|
|
619
|
+
height: 100vh;
|
|
620
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
621
|
+
display: flex;
|
|
622
|
+
justify-content: center;
|
|
623
|
+
align-items: center;
|
|
624
|
+
z-index: 999;
|
|
625
|
+
`,zi=E.div`
|
|
626
|
+
width: ${({width:e})=>e||"520px"};
|
|
627
|
+
padding: ${()=>`${t.sg.spacings.spacingInline.spacingInlineSm} ${t.sg.spacings.spacingInline.spacingInlineMd} ${t.sg.spacings.spacingInline.spacingInlineLg}`};
|
|
628
|
+
background-color: ${t.sg.colors.backgroundColors.colorBackgroundCarpet};
|
|
629
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
630
|
+
box-shadow: ${t.sg.shadows.shadowLevelNear};
|
|
631
|
+
display: flex;
|
|
632
|
+
flex-direction: column;
|
|
633
|
+
align-items: center;
|
|
634
|
+
`,Ri=E.button`
|
|
635
|
+
align-self: flex-end;
|
|
636
|
+
background: none;
|
|
637
|
+
border: none;
|
|
638
|
+
height: ${t.sg.icons.iconSizeMd};
|
|
639
|
+
font-size: ${t.sg.icons.iconSizeMd};
|
|
640
|
+
cursor: pointer;
|
|
641
|
+
margin-bottom: ${t.sg.spacings.spacingStack.spacingStackXs};
|
|
642
|
+
`,Ti=E.h3`
|
|
643
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
644
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
645
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
|
|
646
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeTitleSm};
|
|
647
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeTitleSm)};
|
|
648
|
+
|
|
649
|
+
max-width: calc(100% - ${t.sg.spacings.spacingInline.spacingInlineMd});
|
|
650
|
+
word-wrap: break-word;
|
|
651
|
+
`,Ni=E.h3`
|
|
652
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
653
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
654
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
655
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
656
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
|
|
657
|
+
text-align: center;
|
|
658
|
+
max-width: 100%;
|
|
659
|
+
word-wrap: break-word;
|
|
660
|
+
white-space: pre-line;
|
|
661
|
+
`,Ai=E.div`
|
|
662
|
+
display: flex;
|
|
663
|
+
justify-content: ${({hasTwoButtons:e})=>e?"space-between":"center"};
|
|
664
|
+
width: 100%;
|
|
665
|
+
gap: 32px;
|
|
666
|
+
`,Bt=({title:e,description:o,leftButtonProps:r,rightButtonProps:n={onClick:()=>null},icon:i,iconColor:a,destroy:l,autoClose:d,content:f,thinkingInitialTime:g,width:p})=>{const y=U.valuable(g),[S,C]=P.useState(g||10),m=P.useCallback(()=>C(I=>I-1e3),[C]),c=y&&S>0;P.useEffect(()=>{y&&S>0&&setTimeout(m,1e3)},[m,S,y]);const b=I=>{const{onClick:j,...v}=I;return{...v,onClick:()=>{j(l),d&&l()}}},T=b(n),k=r?b(r):null;return c&&(T.isLoading=!0,T.disabled=!0),u.jsx(_i,{children:u.jsxs(zi,{width:p,children:[u.jsx(Ri,{onClick:l,"data-testid":"close-button",children:u.jsx(t.Icon,{iconName:"CloseMd",color:t.sg.colors.neutralColors.colorNeutralDark})}),i&&u.jsxs(u.Fragment,{children:[typeof i=="function"?i():u.jsx(t.Icon,{iconName:i,color:a}),u.jsx(Le,{size:t.sg.spacings.spacingStack.spacingStackSm,direction:"vertical"})]}),u.jsx(Ti,{children:e}),o?u.jsxs(u.Fragment,{children:[u.jsx(Le,{size:t.sg.spacings.spacingStack.spacingStackMd,direction:"vertical"}),u.jsx(Ni,{children:o})]}):null,f?u.jsxs($e,{width:"100%",horizontalAlign:"center",verticalAlign:"center",children:[u.jsx(Le,{size:t.sg.spacings.spacingStack.spacingStackMd,direction:"vertical"}),f(l)]}):null,(r||n)&&u.jsx(Le,{size:t.sg.spacings.spacingStack.spacingStackLg,direction:"vertical"}),u.jsxs(Ai,{"data-testid":"button-container",hasTwoButtons:!!r&&!!n,children:[r&&u.jsx(De,{...k}),n&&u.jsx(De,{...T})]})]})})};Bt.displayName="ConfirmModal";const mt=({id:e,title:o,description:r,icon:n,iconColor:i,autoClose:a=!0,leftButtonProps:l,rightButtonProps:d,content:f,thinkingInitialTime:g,width:p})=>{const y=U.dom.portal.add(e),S=gt(y),C=()=>{S.unmount(),y.remove()},m=ht.createPortal(u.jsx(Bt,{id:e,title:o,description:r,icon:n,iconColor:i,destroy:C,autoClose:a,leftButtonProps:l,rightButtonProps:d,content:f,thinkingInitialTime:g,width:p}),y);S.render(m)};mt.displayName="showConfirm";const Pi=()=>u.jsx(t.Icon,{iconName:"CancelFill0El",color:t.sg.colors.feedbackColors.colorFeedbackError}),Lr=({id:e,onConfirm:o,onRegret:r=()=>{},name:n,confirmTitle:i,confirmDescription:a,regretText:l,confirmText:d,size:f="Small",width:g="fit-content",disabled:p=!1,enableConfirm:y=!0,buildIconConfirm:S=Pi,variant:C="tertiary",isLoading:m=!1})=>u.jsx(De,{name:n,width:g,size:f,disabled:p,variant:C,isLoading:m,onClick:()=>{y?mt({id:e,title:i,description:a,icon:S,leftButtonProps:{name:l,variant:"tertiary",onClick:r},rightButtonProps:{name:d,variant:"secondary",onClick:o}}):o()}});Lr.displayName="ConfirmButton";const ji=E.p`
|
|
667
|
+
word-wrap: break-word;
|
|
668
|
+
white-space: pre-wrap;
|
|
669
|
+
text-align: center;
|
|
670
|
+
line-height: 14px;
|
|
671
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
672
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodySm};
|
|
673
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
|
|
674
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
675
|
+
`,Oi=E.p`
|
|
676
|
+
word-wrap: break-word;
|
|
677
|
+
white-space: pre-wrap;
|
|
678
|
+
text-align: center;
|
|
679
|
+
line-height: 14px;
|
|
680
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
681
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodySm};
|
|
682
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
683
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
684
|
+
`,Ii=E.p`
|
|
685
|
+
word-wrap: break-word;
|
|
686
|
+
white-space: pre-wrap;
|
|
687
|
+
text-align: center;
|
|
688
|
+
line-height: 14px;
|
|
689
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
690
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodySm};
|
|
691
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
692
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
693
|
+
`;E($e)`
|
|
694
|
+
padding: 24px;
|
|
695
|
+
background-color: ${({backgroundColor:e})=>e};
|
|
696
|
+
|
|
697
|
+
${e=>e.borders?A`
|
|
698
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
699
|
+
border: 1px solid ${t.sg.colors.neutralColors.colorNeutralSoft};
|
|
700
|
+
`:A``};
|
|
701
|
+
`;const Fi={table:ei,folder:Xn,data:Ln,error:An,warning:Or},Br=({width:e="100%",height:o="100%",mode:r,backgroundColor:n="transparent",textsWidth:i="60%",title:a="Nenhum dado a ser mostrado",body:l=null,borders:d=!1,action:f,icon:g,onActionClick:p,actionButton:y,iconColor:S,flex:C,margin:m,customStyles:c={}})=>{let b;return U.valuable(g)?b=typeof g=="string"?u.jsx(t.Icon,{iconName:g,color:S}):P.createElement(g,{size:"48px",color:S}):U.valuable(r)?b=Fi[r]({size:"48px",color:S??t.sg.colors.neutralColors.colorNeutralDark}):b=null,u.jsxs($e,{width:e,height:o,backgroundColor:n,direction:"vertical",horizontalAlign:"center",verticalAlign:"center",padding:"24px",flex:C??"1 1 auto",customStyles:{...d?{borderRadius:t.sg.borders.borderRadius.borderRadiusSm,border:`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralSoft}`}:{},margin:m,...c},children:[U.valuable(b)&&u.jsxs(u.Fragment,{children:[b,u.jsx(Le,{size:"24px",direction:"vertical"})]}),u.jsxs($e,{width:i,horizontalAlign:"center",gap:t.sg.spacings.spacingStack.spacingStackNano,children:[u.jsx(ji,{children:a}),l&&u.jsx(Oi,{children:l})]}),f&&u.jsx($e,{width:i,horizontalAlign:"center",customStyles:{marginTop:"4px"},children:u.jsx(Ii,{onClick:p,children:f})}),y&&u.jsx($e,{width:i,horizontalAlign:"center",customStyles:{marginTop:"24px"},children:u.jsx(De,{size:"Small",name:y.label,onClick:y.onClick,variant:y.variant,width:y.width})})]})};Br.displayName="Empty";const Mi=E.div`
|
|
702
|
+
overflow: hidden;
|
|
703
|
+
display: ${({loader:e,hidden:o,isChildReady:r})=>e&&(o||!r)?"none":"flex"};
|
|
704
|
+
width: 100%;
|
|
705
|
+
height: 100%;
|
|
706
|
+
background-color: ${({background:e})=>e||t.sg.colors.backgroundColors.colorBackgroundCarpet};
|
|
707
|
+
|
|
708
|
+
& > iframe,
|
|
709
|
+
& .gpsub-ds-frame {
|
|
710
|
+
width: 100% !important;
|
|
711
|
+
height: 100% !important;
|
|
712
|
+
}
|
|
713
|
+
`;function Li({inset:e={},children:o,hidden:r=!1}){const{top:n="auto",bottom:i="auto",left:a="auto",right:l="auto"}=e,d={zIndex:1e3,display:r?"none":"block",position:"absolute",top:n,bottom:i,left:a,right:l};return u.jsx("div",{style:d,children:o})}/**
|
|
714
|
+
postmate - A powerful, simple, promise-based postMessage library
|
|
715
|
+
@version v1.5.2
|
|
716
|
+
@link https://github.com/dollarshaveclub/postmate
|
|
717
|
+
@author Jacob Kelley <jakie8@gmail.com>
|
|
718
|
+
@license MIT
|
|
719
|
+
**/var qe="application/x-postmate-v1+json",Bi=5,Di=0,Wi=function(){return++Di},Ce=function(){var o;return We.debug?(o=console).log.apply(o,arguments):null},Hi=function(o){var r=document.createElement("a");r.href=o;var n=r.protocol.length>4?r.protocol:window.location.protocol,i=r.host.length?r.port==="80"||r.port==="443"?r.hostname:r.host:window.location.host;return r.origin||n+"//"+i},Vi={handshake:1,"handshake-reply":1,call:1,emit:1,reply:1,request:1},Dt=function(o,r){return!(typeof r=="string"&&o.origin!==r||!o.data||typeof o.data=="object"&&!("postmate"in o.data)||o.data.type!==qe||!Vi[o.data.postmate])},qi=function(o,r){var n=typeof o[r]=="function"?o[r]():o[r];return We.Promise.resolve(n)},Yi=function(){function e(r){var n=this;this.parent=r.parent,this.frame=r.frame,this.child=r.child,this.childOrigin=r.childOrigin,this.events={},process.env.NODE_ENV!=="production"&&(Ce("Parent: Registering API"),Ce("Parent: Awaiting messages...")),this.listener=function(i){if(!Dt(i,n.childOrigin))return!1;var a=((i||{}).data||{}).value||{},l=a.data,d=a.name;i.data.postmate==="emit"&&(process.env.NODE_ENV!=="production"&&Ce("Parent: Received event emission: "+d),d in n.events&&n.events[d].call(n,l))},this.parent.addEventListener("message",this.listener,!1),process.env.NODE_ENV!=="production"&&Ce("Parent: Awaiting event emissions from Child")}var o=e.prototype;return o.get=function(n){var i=this;return new We.Promise(function(a){var l=Wi(),d=function f(g){g.data.uid===l&&g.data.postmate==="reply"&&(i.parent.removeEventListener("message",f,!1),a(g.data.value))};i.parent.addEventListener("message",d,!1),i.child.postMessage({postmate:"request",type:qe,property:n,uid:l},i.childOrigin)})},o.call=function(n,i){this.child.postMessage({postmate:"call",type:qe,property:n,data:i},this.childOrigin)},o.on=function(n,i){this.events[n]=i},o.destroy=function(){process.env.NODE_ENV!=="production"&&Ce("Parent: Destroying Postmate instance"),window.removeEventListener("message",this.listener,!1),this.frame.parentNode.removeChild(this.frame)},e}(),Ui=function(){function e(r){var n=this;this.model=r.model,this.parent=r.parent,this.parentOrigin=r.parentOrigin,this.child=r.child,process.env.NODE_ENV!=="production"&&(Ce("Child: Registering API"),Ce("Child: Awaiting messages...")),this.child.addEventListener("message",function(i){if(Dt(i,n.parentOrigin)){process.env.NODE_ENV!=="production"&&Ce("Child: Received request",i.data);var a=i.data,l=a.property,d=a.uid,f=a.data;if(i.data.postmate==="call"){l in n.model&&typeof n.model[l]=="function"&&n.model[l](f);return}qi(n.model,l).then(function(g){return i.source.postMessage({property:l,postmate:"reply",type:qe,uid:d,value:g},i.origin)})}})}var o=e.prototype;return o.emit=function(n,i){process.env.NODE_ENV!=="production"&&Ce('Child: Emitting Event "'+n+'"',i),this.parent.postMessage({postmate:"emit",type:qe,value:{name:n,data:i}},this.parentOrigin)},e}(),We=function(){function e(r){var n=r.container,i=n===void 0?typeof i<"u"?i:document.body:n,a=r.model,l=r.url,d=r.name,f=r.classListArray,g=f===void 0?[]:f;return this.parent=window,this.frame=document.createElement("iframe"),this.frame.name=d||"",this.frame.classList.add.apply(this.frame.classList,g),i.appendChild(this.frame),this.child=this.frame.contentWindow||this.frame.contentDocument.parentWindow,this.model=a||{},this.sendHandshake(l)}var o=e.prototype;return o.sendHandshake=function(n){var i=this,a=Hi(n),l=0,d;return new e.Promise(function(f,g){var p=function C(m){return Dt(m,a)?m.data.postmate==="handshake-reply"?(clearInterval(d),process.env.NODE_ENV!=="production"&&Ce("Parent: Received handshake reply from Child"),i.parent.removeEventListener("message",C,!1),i.childOrigin=m.origin,process.env.NODE_ENV!=="production"&&Ce("Parent: Saving Child origin",i.childOrigin),f(new Yi(i))):(process.env.NODE_ENV!=="production"&&Ce("Parent: Invalid handshake reply"),g("Failed handshake")):!1};i.parent.addEventListener("message",p,!1);var y=function(){l++,process.env.NODE_ENV!=="production"&&Ce("Parent: Sending handshake attempt "+l,{childOrigin:a}),i.child.postMessage({postmate:"handshake",type:qe,model:i.model},a),l===Bi&&clearInterval(d)},S=function(){y(),d=setInterval(y,500)};i.frame.attachEvent?i.frame.attachEvent("onload",S):i.frame.onload=S,process.env.NODE_ENV!=="production"&&Ce("Parent: Loading frame",{url:n}),i.frame.src=n})},e}();We.debug=!1;We.Promise=function(){try{return window?window.Promise:Promise}catch{return null}}();We.Model=function(){function e(r){return this.child=window,this.model=r,this.parent=this.child.parent,this.sendHandshakeReply()}var o=e.prototype;return o.sendHandshakeReply=function(){var n=this;return new We.Promise(function(i,a){var l=function d(f){if(f.data.postmate){if(f.data.postmate==="handshake"){process.env.NODE_ENV!=="production"&&Ce("Child: Received handshake from Parent"),n.child.removeEventListener("message",d,!1),process.env.NODE_ENV!=="production"&&Ce("Child: Sending handshake reply to Parent"),f.source.postMessage({postmate:"handshake-reply",type:qe},f.origin),n.parentOrigin=f.origin;var g=f.data.model;return g&&(Object.keys(g).forEach(function(p){n.model[p]=g[p]}),process.env.NODE_ENV!=="production"&&Ce("Child: Inherited and extended model from Parent")),process.env.NODE_ENV!=="production"&&Ce("Child: Saving Parent origin",n.parentOrigin),i(new Ui(n))}return a("Handshake Reply Failed")}};n.child.addEventListener("message",l,!1)})},e}();function Gi({frameRef:e,frameKey:o,url:r,classNames:n=[],model:i={},customStyles:a={},events:l={},onChildReady:d}){const f=P.useRef("uninitialized"),g=P.useRef(null);return P.useEffect(()=>{U.valuable(e.current)&&Object.entries(a).forEach(([p,y])=>{y!=null&&(e.current.style[p]=y)})},[JSON.stringify(a),e.current]),P.useEffect(()=>{var p,y;return f.current="loading",e.current&&(e.current.innerHTML=""),g.current??(g.current=new We({container:e.current,classListArray:n??[],url:r,name:o,model:i})),(y=(p=g.current)==null?void 0:p.then(S=>{U.valuable(S)&&Object.entries(l).forEach(([C,m])=>{S.on(C,m)}),f.current="ready",d==null||d()}))==null||y.catch(S=>{f.current==="loading"&&(console.error("Error during Postmate handshake:",S),f.current="error")}),()=>{var S,C;(C=(S=g.current)==null?void 0:S.destroy)==null||C.call(S),g.current=null,f.current="uninitialized"}},[]),P.useMemo(()=>({state:f,frameRef:e,props:{frameKey:o,url:r,classNames:n,model:i,customStyles:a,events:l}}),[e,f,JSON.stringify({frameKey:o,url:r,classNames:n,model:i,customStyles:a,events:l})])}const Dr=P.forwardRef(({frameKey:e,url:o,classNames:r,model:n={},events:i={},onChildReady:a,loader:l=!0,loadingProps:d={},frameProps:f={},overlayProps:g={},overlay:p=null},y)=>{const S=P.useRef(null),[C,m]=P.useState(!1);Gi({frameRef:S,frameKey:e,url:o,model:n,customStyles:(f==null?void 0:f.customStyles)||{},classNames:["gpsub-ds-frame",...r||[]],events:i,onChildReady:()=>{m(!0),a==null||a()}});const c={animationTitle:"Carregando...",...d},b={...g,hidden:!C};return u.jsxs($e,{ref:y,width:"100%",height:"100%",verticalAlign:"center",horizontalAlign:"center",customStyles:{position:"relative"},children:[l&&!C&&u.jsx(Hr,{...c}),p&&u.jsx(Li,{...b,children:p}),u.jsx(Mi,{id:e,ref:S,loader:l,hidden:f==null?void 0:f.hidden,isChildReady:C})]})});Dr.displayName="FrameView";const At={xl:"40px",lg:"32px",md:"24px",ant:"20px",sm:"16px"},Xi=Object.freeze(Object.defineProperty({__proto__:null,IconSize:At},Symbol.toStringTag,{value:"Module"})),Ki=E.div`
|
|
720
|
+
width: fit-content;
|
|
721
|
+
display: ${({isAlwaysVisible:e})=>e?"flex":"none"};
|
|
722
|
+
opacity: ${({isAlwaysVisible:e})=>e?"1":"0"};
|
|
723
|
+
`,Zi=E.div`
|
|
724
|
+
width: fit-content;
|
|
725
|
+
display: ${({isAlwaysVisible:e})=>e?"none":"flex"};
|
|
726
|
+
opacity: ${({isAlwaysVisible:e})=>e?"0":"1"};
|
|
727
|
+
`,Ji=E.div`
|
|
728
|
+
width: fit-content;
|
|
729
|
+
display: flex;
|
|
730
|
+
align-items: center;
|
|
731
|
+
justify-content: center;
|
|
732
|
+
|
|
733
|
+
&:hover {
|
|
734
|
+
${Ki} {
|
|
735
|
+
display: flex;
|
|
736
|
+
opacity: 1;
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
${Zi} {
|
|
740
|
+
display: none;
|
|
741
|
+
opacity: 0;
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
`,Wt=({message:e,render:o,size:r="Medium",withArrow:n=!0,activation:i="hover",onClick:a,tooltipProps:l={}})=>{const[d,f]=P.useState(!1),g=P.useMemo(()=>i==="hover"?{onMouseOver:()=>f(!0),onMouseOut:()=>f(!1)}:{onClick:()=>{a==null||a(),f(S=>!S)}},[i]),p={position:"top",withArrow:n,label:e,tooltipChildren:d&&o,isAlwaysVisible:i==="click"&&d,isActive:d,...l},y=d?Lt:Zn;return u.jsx(Fe,{id:"info-tooltip",...p,children:u.jsx(Ji,{...g,children:u.jsx(y,{size:r==="Medium"?At.ant:At.sm,color:t.sg.colors.neutralColors.colorNeutralDark,cursor:i==="click"?"pointer":"default"})})})},Qi=Me`
|
|
745
|
+
from {
|
|
746
|
+
transform: rotate(0deg);
|
|
747
|
+
}
|
|
748
|
+
to {
|
|
749
|
+
transform: rotate(360deg);
|
|
750
|
+
}
|
|
751
|
+
`,es=E.div`
|
|
752
|
+
${U.resetStyles}
|
|
753
|
+
display: flex;
|
|
754
|
+
flex-direction: column;
|
|
755
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
756
|
+
width: ${({width:e})=>e??"100%"};
|
|
757
|
+
|
|
758
|
+
& :focus-within {
|
|
759
|
+
border-color: ${({readonly:e})=>e?t.sg.colors.neutralColors.colorNeutralClean:t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
${({variant:e})=>e==="table"&&A`
|
|
763
|
+
& :focus-within {
|
|
764
|
+
background-color: ${t.sg.colors.backgroundColors.colorBackgroundSky};
|
|
765
|
+
border: ${t.sg.borders.borderWidth.borderWidthThin} solid
|
|
766
|
+
${t.sg.colors.neutralColors.colorNeutralCleanest};
|
|
767
|
+
}
|
|
768
|
+
`}
|
|
769
|
+
`,ts=E.div`
|
|
770
|
+
width: 100%;
|
|
771
|
+
display: flex;
|
|
772
|
+
flex-direction: row;
|
|
773
|
+
align-items: center;
|
|
774
|
+
gap: 4px;
|
|
775
|
+
justify-content: flex-start;
|
|
776
|
+
margin-bottom: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
777
|
+
`,rs=E.label`
|
|
778
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
779
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
780
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
781
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
782
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
783
|
+
`,os=E.label`
|
|
784
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
785
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
786
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
787
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
788
|
+
color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
789
|
+
`,ns=E.label`
|
|
790
|
+
display: flex;
|
|
791
|
+
flex-direction: row;
|
|
792
|
+
align-items: center;
|
|
793
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
794
|
+
height: ${({size:e})=>e==="Small"?"32px":"40px"};
|
|
795
|
+
padding: 0
|
|
796
|
+
${({size:e})=>e!=="Small"?t.sg.spacings.spacingInline.spacingInlineSm:"12px"};
|
|
797
|
+
border: ${t.sg.borders.borderWidth.borderWidthThinner} solid
|
|
798
|
+
${t.sg.colors.neutralColors.colorNeutralClean};
|
|
799
|
+
|
|
800
|
+
${({error:e})=>e&&A`
|
|
801
|
+
:focus-within {
|
|
802
|
+
border-color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
803
|
+
}
|
|
804
|
+
`}
|
|
805
|
+
|
|
806
|
+
${({error:e,disabled:o,readonly:r})=>e&&(!o||!r)?A`
|
|
807
|
+
border-color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
808
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
809
|
+
`:!e&&(o||r)?A`
|
|
810
|
+
border-color: ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
811
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
|
|
812
|
+
`:e&&(o||r)?A`
|
|
813
|
+
border-color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
814
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
|
|
815
|
+
`:A`
|
|
816
|
+
border-color: ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
817
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
818
|
+
`}
|
|
819
|
+
|
|
820
|
+
& > div > i > svg {
|
|
821
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
822
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
823
|
+
|
|
824
|
+
${({isLoadingIcon:e})=>e&&A`
|
|
825
|
+
animation: ${Qi} 2s linear infinite;
|
|
826
|
+
`}
|
|
827
|
+
|
|
828
|
+
path {
|
|
829
|
+
fill: ${({color:e,disabledIcon:o})=>o?t.sg.colors.neutralColors.colorNeutralCleanest:e} !important;
|
|
830
|
+
}
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
& > div > svg {
|
|
834
|
+
margin-right: ${({iconPosition:e})=>e==="left"?"8px":"0px"};
|
|
835
|
+
margin-left: ${({iconPosition:e})=>e==="right"?"8px":"0px"};
|
|
836
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
837
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
838
|
+
|
|
839
|
+
path {
|
|
840
|
+
fill: ${({color:e})=>e} !important;
|
|
841
|
+
}
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
& > button {
|
|
845
|
+
height: 100%;
|
|
846
|
+
display: flex;
|
|
847
|
+
align-items: center;
|
|
848
|
+
justify-content: center;
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
& > button > svg {
|
|
852
|
+
transition: 0.2s;
|
|
853
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
854
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
|
|
855
|
+
|
|
856
|
+
path {
|
|
857
|
+
fill: ${({color:e,disabledIcon:o})=>o?t.sg.colors.neutralColors.colorNeutralCleanest:e} !important;
|
|
858
|
+
}
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
${({variant:e})=>e==="table"&&A`
|
|
862
|
+
background-color: transparent;
|
|
863
|
+
height: ${({size:o,tableDensity:r})=>{if(o==="Small"&&r==="compact")return"22px";if(o==="Medium"&&r==="compact")return"24px"}};
|
|
864
|
+
border-radius: 0;
|
|
865
|
+
border: ${({disabled:o,readonly:r})=>o||r?`1px dashed ${t.sg.colors.neutralColors.colorNeutralCleanest}`:`${t.sg.borders.borderWidth.borderWidthThin} solid transparent`};
|
|
866
|
+
|
|
867
|
+
& :focus-within {
|
|
868
|
+
border-color: transparent;
|
|
869
|
+
}
|
|
870
|
+
`}
|
|
871
|
+
`,is=E.input`
|
|
872
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
873
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
874
|
+
background-color: ${({disabled:e,readOnly:o})=>e||o?t.sg.colors.brandColors.colorBrandSeSoft:"transparent"};
|
|
875
|
+
outline: none;
|
|
876
|
+
width: 100%;
|
|
877
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
878
|
+
|
|
879
|
+
&::placeholder {
|
|
880
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
881
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
882
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
${({variant:e})=>e==="table"&&A`
|
|
886
|
+
background-color: transparent;
|
|
887
|
+
`}
|
|
888
|
+
`,ss=E.button`
|
|
889
|
+
cursor: pointer;
|
|
890
|
+
margin-left: 8px;
|
|
891
|
+
|
|
892
|
+
${({disabled:e,readonly:o})=>e||o?A`
|
|
893
|
+
background-color: ${t.sg.colors.backgroundColors.colorBackgroundCarpet};
|
|
894
|
+
cursor: auto;
|
|
895
|
+
`:A`
|
|
896
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
897
|
+
cursor: pointer;
|
|
898
|
+
`}
|
|
899
|
+
`,as=E.span`
|
|
900
|
+
font-size: 12px;
|
|
901
|
+
margin-top: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
902
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
903
|
+
`,ls=E.div`
|
|
904
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
905
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
906
|
+
display: flex;
|
|
907
|
+
align-items: center;
|
|
908
|
+
justify-content: center;
|
|
909
|
+
width: fit-content;
|
|
910
|
+
white-space: nowrap;
|
|
911
|
+
height: 100%;
|
|
912
|
+
padding-left: 8px;
|
|
913
|
+
margin-left: 8px;
|
|
914
|
+
color: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDark};
|
|
915
|
+
border-left: ${t.sg.borders.borderWidth.borderWidthThinner} solid
|
|
916
|
+
${t.sg.colors.neutralColors.colorNeutralClean};
|
|
917
|
+
`,cs=E.div`
|
|
918
|
+
display: flex;
|
|
919
|
+
justify-content: center;
|
|
920
|
+
align-items: center;
|
|
921
|
+
width: ${({size:e})=>e==="Small"?"1.6rem":"2rem"};
|
|
922
|
+
height: ${({size:e})=>e==="Small"?"1.6rem":"2rem"};
|
|
923
|
+
padding: 0.8;
|
|
924
|
+
background-color: ${({color:e})=>e};
|
|
925
|
+
opacity: ${({disabled:e})=>e?.65:1};
|
|
926
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
927
|
+
cursor: ${({cursorPointer:e})=>e?"pointer":"default"};
|
|
928
|
+
`,us=e=>{const[o,r]=P.useState(e),n=P.useRef(null),i=P.useCallback(()=>{r(d=>d==="password"?"text":"password")},[]),a=P.useCallback(()=>{var d;(d=n.current)==null||d.focus()},[]),l=P.useCallback(()=>document.activeElement===n.current,[]);return{inputType:o,inputRef:n,toggleInputType:i,focus:a,isCurrentlyFocused:l}},Wr=P.forwardRef(({id:e,label:o,errorMessage:r,disabled:n,readonly:i,type:a="text",visibility:l=!1,iconName:d,size:f="Medium",placeholder:g,helperText:p,value:y,width:S,onChange:C,iconPosition:m="left",iconColor:c=t.sg.colors.neutralColors.colorNeutralCloudy,onBlur:b,onEnter:T,onFocus:k,tooltipProps:I={},onIconClick:j,disabledIcon:v=!1,inputMeasure:ce,tableDensity:be="normal",variant:W="default",onPaste:V,infoProps:K={},tooltipIconMessage:he,isLoadingIcon:re=!1,isRequired:te=!1,htmlInputProps:oe={},formatter:q=null,customIcon:Ee,...xe},O)=>{var ve,ze;const{inputType:ue,inputRef:Z,toggleInputType:de,focus:z}=us(a),[_,R]=P.useState(!1),[F,h]=P.useState(!1);P.useEffect(()=>{h(y!==void 0&&y!=="")},[y]),P.useEffect(()=>{var D;r&&_&&((D=Z.current)==null||D.focus())},[r,_,Z]),P.useEffect(()=>{var D;!r&&_&&((D=Z.current)==null||D.focus())},[r,_]);const Y=D=>{D.key==="Enter"&&T&&T(D)},$=D=>{C==null||C(D),h(D.target.value!=="")},ee=P.useMemo(()=>({default:Tn}),[]),H=typeof d=="string"?d+(f==="Small"?"Sm":"Ant"):void 0,G=d&&(ee!=null&&ee[d])?ee[d]:null,x=!!r,ge=u.jsx(t.Icon,{iconName:`Visibility${f==="Small"?"Ant":"Sm"}`}),ye=u.jsx(t.Icon,{iconName:`VisibilityOff${f==="Small"?"Ant":"Sm"}`}),B=D=>{const je=m==="left"?{marginRight:"10px"}:{marginLeft:"10px"};return G?u.jsx(cs,{size:f,cursorPointer:!!j,onClick:!re&&j,children:u.jsx(G,{})}):H?u.jsx(t.Icon,{iconName:re?"ProgressActivitySm":H,color:v?t.sg.colors.neutralColors.colorNeutralCleanest:c,cursorPointer:!v,customStyles:je,onClick:!re&&!v?j:void 0,...D}):Ee?u.jsx(Ee,{...D,styles:{...je,cursor:"pointer"}}):null},pe={...K,tooltipProps:{maxWidth:((ve=K==null?void 0:K.tooltipProps)==null?void 0:ve.maxWidth)||"300px",position:((ze=K==null?void 0:K.tooltipProps)==null?void 0:ze.position)||"top",...K==null?void 0:K.tooltipProps},size:f},J={position:"topRight",maxWidth:"300px",...I,isActive:x,label:r,wrapperWidth:"100%",width:"100%",isErrorTooltip:!0};return u.jsxs(es,{variant:W,width:S,disabled:n,readonly:i,children:[W==="default"&&o&&u.jsxs(ts,{children:[u.jsxs(rs,{"data-testid":"label",children:[o,te&&!n?u.jsx(os,{children:" *"}):null]}),((K==null?void 0:K.message)||(K==null?void 0:K.render))&&u.jsx(Wt,{...pe})]}),u.jsx(Fe,{id:`tooltip-input-error-${e}`,...J,children:u.jsxs(ns,{id:`input-shape-${e}`,htmlFor:`input-${e}`,error:x,disabled:n,"data-testid":"shape",size:f,iconPosition:m,variant:W,tableDensity:be,color:c,readonly:i,disabledIcon:v,isLoadingIcon:re,children:[d&&m==="left"&&!n&&u.jsx(Fe,{id:`tooltip-icon-left-${e}`,isActive:!!he,label:re?"Carregando...":he,position:"bottom",wrapperHeight:"16px",children:u.jsx(B,{})}),u.jsx(is,{"data-testid":"input",id:`input-${e}`,disabled:n,type:ue,placeholder:g,value:i&&!F?"-":(q==null?void 0:q(y))??y,onChange:$,size:f,variant:W,onKeyDown:Y,onPaste:V,onFocus:D=>{R(!0),z(),k==null||k(D)},onBlur:D=>{R(!1),b==null||b(D)},readOnly:i,ref:D=>{Z.current=D,typeof O=="function"?O(D):O&&(O.current=D)},autoComplete:"off",...xe,...oe}),l&&u.jsx(ss,{disabled:n,onClick:i?void 0:de,"data-testid":"hide-button",size:f,children:ue==="password"?ge:ye}),d&&m==="right"&&!n&&u.jsx(Fe,{id:`tooltip-icon-right-${e}`,isActive:!!he,label:re?"Carregando...":he,position:"bottom",wrapperHeight:"16px",children:u.jsx(B,{})}),ce&&u.jsx(ls,{isFocused:_,disabled:n,error:x,readonly:i,size:f,hasValue:F,children:ce})]})}),p&&u.jsx(as,{children:p})]})});Wr.displayName="Input";const ds=E.label`
|
|
929
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
930
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
931
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
932
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
933
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
934
|
+
`,fs=E.label`
|
|
935
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
936
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
937
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
938
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
939
|
+
color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
940
|
+
`,gs=e=>Ae.createElement("svg",{width:747,height:394,viewBox:"0 0 747 394",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},Ae.createElement("path",{d:"M747 2.05438V48.4735H578.603L545.311 48.6202C496.332 46.7615 472.285 56.691 467.368 76.7945C461.122 101.789 465.696 135.442 470.613 171.051C479.514 236.009 489.546 309.184 438.55 362.5C419.126 382.799 394.341 394 368.918 394C345.067 394 322.397 384.511 303.169 366.608C269.877 335.401 267.025 260.025 264.025 180.247V179.073C262.698 146.252 259.698 69.2618 249.666 59.7237C243.273 56.3486 234.471 61.3867 234.421 61.4356C218.488 71.5608 215.833 149.969 214.309 196.78C211.751 271.862 209.243 342.347 175.41 369.005C146.151 392.043 100.516 394.147 66.8792 373.896C-8.65492 328.456 -1.18022 214.34 4.22913 130.893L4.37665 128.692C6.09781 102.132 7.81901 26.4134 5.11433 13.7448C4.47505 10.761 3.93409 7.53271 3.93409 7.53271C3.78656 6.70118 3.5899 6.01639 3.44237 5.52725C3.29484 5.13594 3.14731 4.6468 2.90143 3.96201C2.60638 3.42396 2.36051 3.08156 2.06545 2.4946C1.22946 1.17393 0.59011 0.489137 0 0H51.8806L52.6182 4.01092C56.7982 23.5764 54.8311 100.664 52.6674 134.024C47.9957 205.046 41.7012 302.482 92.0081 332.662C108.334 342.445 131.742 341.809 145.266 331.146C161.494 318.428 164.149 241.585 165.723 195.655V194.677C168.477 114.116 170.837 44.5604 208.604 20.5438C216.915 14.8209 245.388 2.78808 273.025 17.4622C305.481 34.5331 309.021 87.0664 312.562 178.339C314.578 232.438 317.676 313.879 336.51 331.488C357.509 351.2 383.129 350.369 403.291 329.287C438.305 292.651 430.289 234.248 422.421 177.801C416.962 137.448 411.651 99.3438 420.06 65.2509C431.076 20.7883 473.613 -0.440224 546.59 2.05438H746.951H747Z",fill:"url(#paint0_linear_20920_16641)"}),Ae.createElement("defs",null,Ae.createElement("linearGradient",{id:"paint0_linear_20920_16641",x1:1023.39,y1:-892284e-11,x2:747,y2:-652006e-11,gradientUnits:"userSpaceOnUse"},Ae.createElement("stop",{stopColor:"#F4F6F8"}),Ae.createElement("stop",{offset:1,stopColor:"#0C3C7A"})))),hs=e=>Ae.createElement("svg",{width:747,height:394,viewBox:"0 0 747 394",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},Ae.createElement("path",{d:"M747 2.05438V48.4735H578.603L545.311 48.6202C496.332 46.7615 472.285 56.691 467.368 76.7945C461.122 101.789 465.696 135.442 470.613 171.051C479.514 236.009 489.546 309.184 438.55 362.5C419.126 382.799 394.341 394 368.918 394C345.067 394 322.397 384.511 303.169 366.608C269.877 335.401 267.025 260.025 264.025 180.247V179.073C262.698 146.252 259.698 69.2618 249.666 59.7237C243.273 56.3486 234.471 61.3867 234.421 61.4356C218.488 71.5608 215.833 149.969 214.309 196.78C211.751 271.862 209.243 342.347 175.41 369.005C146.151 392.043 100.516 394.147 66.8792 373.896C-8.65492 328.456 -1.18022 214.34 4.22913 130.893L4.37665 128.692C6.09781 102.132 7.81901 26.4134 5.11433 13.7448C4.47505 10.761 3.93409 7.53271 3.93409 7.53271C3.78656 6.70118 3.5899 6.01639 3.44237 5.52725C3.29484 5.13594 3.14731 4.6468 2.90143 3.96201C2.60638 3.42396 2.36051 3.08156 2.06545 2.4946C1.22946 1.17393 0.59011 0.489137 0 0H51.8806L52.6182 4.01092C56.7982 23.5764 54.8311 100.664 52.6674 134.024C47.9957 205.046 41.7012 302.482 92.0081 332.662C108.334 342.445 131.742 341.809 145.266 331.146C161.494 318.428 164.149 241.585 165.723 195.655V194.677C168.477 114.116 170.837 44.5604 208.604 20.5438C216.915 14.8209 245.388 2.78808 273.025 17.4622C305.481 34.5331 309.021 87.0664 312.562 178.339C314.578 232.438 317.676 313.879 336.51 331.488C357.509 351.2 383.129 350.369 403.291 329.287C438.305 292.651 430.289 234.248 422.421 177.801C416.962 137.448 411.651 99.3438 420.06 65.2509C431.076 20.7883 473.613 -0.440224 546.59 2.05438H746.951H747Z",fill:"url(#paint0_linear_20920_16628)"}),Ae.createElement("defs",null,Ae.createElement("linearGradient",{id:"paint0_linear_20920_16628",x1:-29.88,y1:0,x2:-179.28,y2:0,gradientUnits:"userSpaceOnUse"},Ae.createElement("stop",{stopColor:"#F4F6F8"}),Ae.createElement("stop",{offset:1,stopColor:"#0C3C7A"})))),ps=Me`
|
|
941
|
+
0%, 100% {
|
|
942
|
+
clip-path: inset(0 100% 0 0); // Logo começa e termina escondido
|
|
943
|
+
}
|
|
944
|
+
49% {
|
|
945
|
+
clip-path: inset(0 0 0 0); // No meio da animação, o logo é totalmente revelado
|
|
946
|
+
}
|
|
947
|
+
`,ms=Me`
|
|
948
|
+
0%, 48.3% {
|
|
949
|
+
right: 100%; // Mantém o gradiente fora de vista durante o preenchimento
|
|
950
|
+
width: 0%; // Gradiente não é visível durante o preenchimento
|
|
951
|
+
}
|
|
952
|
+
48.3% {
|
|
953
|
+
right: 0%; // Começa a acompanhar o esvaziamento
|
|
954
|
+
width: 30%; // O tamanho do gradiente é o mesmo do final do preenchimento
|
|
955
|
+
}
|
|
956
|
+
70%, 100% {
|
|
957
|
+
right: -100%; // O gradiente continua a se mover para a direita e desaparece
|
|
958
|
+
width: 10%; // O gradiente reduz o tamanho até desaparecer
|
|
959
|
+
}
|
|
960
|
+
`,ys=Me`
|
|
961
|
+
0%, 50.2% {
|
|
962
|
+
right: -10%; // Fica fora de vista durante o preenchimento
|
|
963
|
+
width: 0%; // Gradiente não é visível durante o preenchimento
|
|
964
|
+
}
|
|
965
|
+
50.2% {
|
|
966
|
+
right: 0%; // Começa no final do preenchimento
|
|
967
|
+
width: 0%; // Tamanho inicial do gradiente
|
|
968
|
+
}
|
|
969
|
+
100% {
|
|
970
|
+
right: 99.8%; // Termina acompanhando o esvaziamento
|
|
971
|
+
width: 20%; // Gradiente reduz o tamanho até desaparecer
|
|
972
|
+
}
|
|
973
|
+
`,vs=Me`
|
|
974
|
+
0%, 100% {
|
|
975
|
+
background-position: 200% center;
|
|
976
|
+
}
|
|
977
|
+
50% {
|
|
978
|
+
background-position: -100% center;
|
|
979
|
+
}
|
|
980
|
+
`,Ss=E.div`
|
|
981
|
+
${U.resetStyles}
|
|
982
|
+
display: flex;
|
|
983
|
+
justify-content: center;
|
|
984
|
+
align-items: center;
|
|
985
|
+
flex-direction: column;
|
|
986
|
+
`,bs=E.div`
|
|
987
|
+
${U.resetStyles}
|
|
988
|
+
position: relative;
|
|
989
|
+
width: calc(${e=>e.sizeInPx} * 1.9);
|
|
990
|
+
height: ${e=>e.sizeInPx};
|
|
991
|
+
|
|
992
|
+
svg {
|
|
993
|
+
width: 100%;
|
|
994
|
+
height: 100%;
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
&::after,
|
|
998
|
+
&::before {
|
|
999
|
+
content: '';
|
|
1000
|
+
position: absolute;
|
|
1001
|
+
top: 0;
|
|
1002
|
+
bottom: 0;
|
|
1003
|
+
background: linear-gradient(to left, rgba(255, 255, 255, 0.5), transparent);
|
|
1004
|
+
z-index: 1;
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
&::after {
|
|
1008
|
+
right: 0;
|
|
1009
|
+
animation: ${ms} ${e=>e.animationSpeed}s
|
|
1010
|
+
ease-in-out infinite;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
&::before {
|
|
1014
|
+
right: 0;
|
|
1015
|
+
animation: ${ys}
|
|
1016
|
+
${e=>e.animationSpeed}s ease-in-out infinite;
|
|
1017
|
+
}
|
|
1018
|
+
`,xs=E.div`
|
|
1019
|
+
${U.resetStyles}
|
|
1020
|
+
position: absolute;
|
|
1021
|
+
top: 0;
|
|
1022
|
+
left: 0;
|
|
1023
|
+
width: 100%;
|
|
1024
|
+
height: 100%;
|
|
1025
|
+
overflow: hidden;
|
|
1026
|
+
animation: ${ps} ${e=>e.animationSpeed}s
|
|
1027
|
+
ease-in-out infinite;
|
|
1028
|
+
`,ws=E.div`
|
|
1029
|
+
${U.resetStyles}
|
|
1030
|
+
display: flex;
|
|
1031
|
+
justify-content: center;
|
|
1032
|
+
align-items: center;
|
|
1033
|
+
margin-top: 8px;
|
|
1034
|
+
`,Cs=E.h2`
|
|
1035
|
+
${U.resetStyles}
|
|
1036
|
+
width: ${e=>e.textWidth};
|
|
1037
|
+
word-wrap: ${e=>e.wordBreak};
|
|
1038
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilySecondary};
|
|
1039
|
+
font-size: ${e=>e.fontSize};
|
|
1040
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightSemiBold};
|
|
1041
|
+
line-height: normal;
|
|
1042
|
+
padding: 0 ${t.sg.spacings.spacingInline.spacingInlineLg};
|
|
1043
|
+
color: #3b414d;
|
|
1044
|
+
align-items: center;
|
|
1045
|
+
background: linear-gradient(
|
|
1046
|
+
to left,
|
|
1047
|
+
${t.sg.colors.neutralColors.colorNeutralCleanest},
|
|
1048
|
+
${t.sg.colors.brandColors.colorBrandPrimary},
|
|
1049
|
+
${t.sg.colors.neutralColors.colorNeutralCleanest}
|
|
1050
|
+
);
|
|
1051
|
+
background-size: 200% auto;
|
|
1052
|
+
background-clip: text;
|
|
1053
|
+
-webkit-background-clip: text;
|
|
1054
|
+
-webkit-text-fill-color: transparent;
|
|
1055
|
+
animation: ${vs} ${e=>e.animationSpeed}s
|
|
1056
|
+
linear infinite;
|
|
1057
|
+
display: inline;
|
|
1058
|
+
`,Hr=({sizeInPx:e,animationTitle:o,textWidth:r="100%",wordBreak:n,variant:i="Auto",fontSize:a})=>{var c,b;const l=P.useRef(null),[d,f]=P.useState(0),g=()=>{var T;if((T=l==null?void 0:l.current)!=null&&T.parentElement){const k=l.current.parentElement.offsetWidth;f(k)}};P.useEffect(()=>{var k;g(),window.addEventListener("resize",g);let T=null;return(k=l==null?void 0:l.current)!=null&&k.parentElement&&"ResizeObserver"in window&&(T=new ResizeObserver(()=>{g()}),T.observe(l.current.parentElement)),()=>{window.removeEventListener("resize",g),T&&T.disconnect()}},[]);const p=6,y=T=>{const k=parseFloat(T);return k===0?"14px":`${k/77*14}px`},S=()=>d>1071?"183px":d>600&&d<=1071?"119px":"77px",C=()=>d>1071?"18px":"10px",m={Auto:{sizeInPx:S(),fontSize:a??C()},Small:{sizeInPx:e??"77px",fontSize:a},Medium:{sizeInPx:e??"119px",fontSize:a||y(e)},Large:{sizeInPx:e??"77px",fontSize:a||y(e)},Default:{sizeInPx:"183px",fontSize:a??"18px"}};return u.jsx("div",{ref:l,children:i==="Large"?u.jsxs(Ss,{children:[u.jsxs(bs,{sizeInPx:m.Large.sizeInPx,animationSpeed:p,children:[u.jsx(gs,{}),u.jsx(xs,{animationSpeed:p,children:u.jsx(hs,{})})]}),u.jsx(ws,{children:u.jsx(Cs,{textWidth:r,fontSize:m.Large.fontSize,animationSpeed:p,wordBreak:n,children:o})})]}):u.jsx(Fr,{width:((c=m[i])==null?void 0:c.sizeInPx)??m.Default.sizeInPx,text:o,fontSize:((b=m[i])==null?void 0:b.fontSize)??m.Default.fontSize})})},$s=({cancel:{...e},confirm:{...o}})=>u.jsxs($e,{width:"100%",height:"fit-content",direction:"horizontal",gap:"12px",children:[u.jsx(De,{...e}),u.jsx(De,{...o})]}),Es=E.div`
|
|
1059
|
+
position: fixed;
|
|
1060
|
+
top: 0;
|
|
1061
|
+
left: 0;
|
|
1062
|
+
width: 100vw;
|
|
1063
|
+
height: 100vh;
|
|
1064
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
1065
|
+
display: flex;
|
|
1066
|
+
justify-content: center;
|
|
1067
|
+
align-items: center;
|
|
1068
|
+
z-index: 499;
|
|
1069
|
+
`,ks=E.div`
|
|
1070
|
+
width: ${({width:e})=>e??"520px"};
|
|
1071
|
+
padding: ${()=>`${t.sg.spacings.spacingInline.spacingInlineSm} ${t.sg.spacings.spacingInline.spacingInlineMd} ${t.sg.spacings.spacingStack.spacingStackLg}`};
|
|
1072
|
+
background-color: ${t.sg.colors.backgroundColors.colorBackgroundSnow};
|
|
1073
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
1074
|
+
box-shadow: ${t.sg.shadows.shadowLevelNear};
|
|
1075
|
+
display: flex;
|
|
1076
|
+
flex-direction: column;
|
|
1077
|
+
align-items: center;
|
|
1078
|
+
gap: ${t.sg.spacings.spacingStack.spacingStackMd};
|
|
1079
|
+
`,_s=E.button`
|
|
1080
|
+
background: none;
|
|
1081
|
+
border: none;
|
|
1082
|
+
height: ${t.sg.icons.iconSizeMd};
|
|
1083
|
+
cursor: pointer;
|
|
1084
|
+
`,vr=E.h3`
|
|
1085
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1086
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
1087
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
|
|
1088
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeTitleLg};
|
|
1089
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightLg(t.sg.fonts.fontSize.fontSizeTitleLg)};
|
|
1090
|
+
max-width: calc(100% - ${t.sg.spacings.spacingInline.spacingInlineMd});
|
|
1091
|
+
word-wrap: break-word;
|
|
1092
|
+
white-space: pre-line;
|
|
1093
|
+
text-align: center;
|
|
1094
|
+
`,Sr={cancel:{name:"Cancelar",variant:"tertiary",size:"Large",disabled:!1,onClick:()=>{}},confirm:{name:"Salvar edição",variant:"primary",size:"Large",disabled:!1,onClick:()=>{}}},zs={success:u.jsx(jn,{size:t.sg.fonts.fontSize.fontSizeTitleLg,color:t.sg.colors.feedbackColors.colorFeedbackSuccess}),warning:u.jsx(Or,{size:t.sg.fonts.fontSize.fontSizeTitleLg,color:t.sg.colors.feedbackColors.colorFeedbackWarning}),error:u.jsx(Dn,{size:t.sg.fonts.fontSize.fontSizeTitleLg,color:t.sg.colors.feedbackColors.colorFeedbackError})},Ht=({render:e,destroy:o,title:r,width:n,height:i,withCloseButton:a=!0,customStyles:l={},customIcon:d,variant:f="default",footer:g})=>{const p=U.valuable(d),y=U.valuable(d)&&P.isValidElement(d)?d:null,S=()=>{if(!U.valuable(g))return null;if(P.isValidElement(g))return g;if(typeof g=="object"){const m={cancel:{...Sr.cancel,..."cancel"in g?g.cancel:{}},confirm:{...Sr.confirm,..."confirm"in g?g.confirm:{}}};return u.jsx($s,{...m})}return null},C=!!r&&(!!d||f!=="default");return u.jsx(Es,{children:u.jsxs(ks,{height:i,width:n,style:{...l},children:[u.jsxs($e,{flex:"1",gap:t.sg.spacings.spacingStack.spacingStackSm,children:[a&&u.jsxs($e,{width:"100%",direction:"horizontal",customStyles:{justifyContent:"space-between",alignItems:"center"},children:[p?y:f==="default"?u.jsx(vr,{children:r}):zs[f],u.jsx(_s,{children:u.jsx(jr,{color:t.sg.colors.neutralColors.colorNeutralDark,onClick:o,cursor:"pointer",size:t.sg.icons.iconSizeMd})})]}),u.jsxs($e,{flex:"1",gap:t.sg.spacings.spacingStack.spacingStackNano,children:[C&&u.jsx(vr,{children:r}),u.jsx($e,{flex:"1",children:e(o)})]})]}),S()]})})};Ht.displayName="Modal";const Vr=({id:e,render:o,title:r,withCloseButton:n=!0,height:i,width:a,customStyles:l={}})=>{const d=U.dom.portal.add(e),f=gt(d),g=()=>{f.unmount(),d.remove()},p=ht.createPortal(u.jsx(Ht,{id:e,render:o,title:r,withCloseButton:n,destroy:g,width:a,height:i,customStyles:l}),d);f.render(p)};Vr.displayName="showModal";const Rs=E.label`
|
|
1095
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1096
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
1097
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1098
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
1099
|
+
color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
1100
|
+
`,Ts=E.span`
|
|
1101
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1102
|
+
font-size: ${({variant:e})=>e==="title"?t.sg.fonts.fontSize.fontSizeBodyLg:t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
1103
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightSemiBold};
|
|
1104
|
+
color: ${({variant:e})=>e==="title"?t.sg.colors.neutralColors.colorNeutralDarkest:t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
1105
|
+
line-height: 16px;
|
|
1106
|
+
`,qr=({title:e,divider:o=!0,collapse:r,marginBottom:n=t.sg.spacings.spacingInset.spacingInsetSm,flex:i="0 1 auto",variant:a="title",endAdornment:l=null,withInfo:d=!1,infoProps:f={},customStyles:g={}})=>{const p={...f,tooltipProps:{maxWidth:"300px",position:"top",...f==null?void 0:f.tooltipProps}};return u.jsxs($e,{width:"100%",height:"fit-content",direction:"horizontal",verticalAlign:"center",minHeight:"fit-content",customStyles:{marginBottom:n,maxHeight:"fit-content !important",...g},flex:i,children:[u.jsxs($e,{direction:"horizontal",gap:"8px",height:"100%",verticalAlign:"center",children:[u.jsx(Ts,{variant:a,children:e}),d&&u.jsx(Wt,{...p}),r?u.jsx($e,{padding:"0px 0px 0px 8px",height:"100%",verticalAlign:"center",children:u.jsx(t.Icon,{cursorPointer:!0,iconName:r.collapsed?"ExpandMoreSm":"ExpandLessSm",color:t.sg.colors.neutralColors.colorNeutralDarkest,onClick:()=>r.setCollapsed(!r.collapsed)})}):null]}),o?u.jsx($e,{flex:"1 1",height:"100%",verticalAlign:"center",direction:"horizontal",customStyles:{marginLeft:"8px"},children:u.jsx(t.Divider,{width:"100%",direction:"horizontal"})}):null,U.valuable(l)&&u.jsxs(u.Fragment,{children:[u.jsx(Le,{size:t.sg.spacings.spacingInline.spacingInlineXs,direction:"horizontal"}),l]})]})};qr.displayName="SectionTitle";const Ns=E.div`
|
|
1107
|
+
${U.resetStyles}
|
|
1108
|
+
display: flex;
|
|
1109
|
+
flex-direction: column;
|
|
1110
|
+
width: ${({width:e})=>e};
|
|
1111
|
+
height: ${({height:e})=>e};
|
|
1112
|
+
& :focus-within {
|
|
1113
|
+
border-color: ${({readonly:e})=>!e&&t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
1114
|
+
}
|
|
1115
|
+
`,As=E.label`
|
|
1116
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1117
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
1118
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1119
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
1120
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
1121
|
+
margin-bottom: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
1122
|
+
`,Ps=E.div`
|
|
1123
|
+
width: 100%;
|
|
1124
|
+
height: ${({height:e})=>e};
|
|
1125
|
+
max-height: ${({maxHeight:e})=>e};
|
|
1126
|
+
min-height: ${({minHeight:e})=>e};
|
|
1127
|
+
position: relative;
|
|
1128
|
+
display: flex;
|
|
1129
|
+
flex-direction: column;
|
|
1130
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
1131
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
1132
|
+
padding: ${t.sg.spacings.spacingInset.spacingInsetNano};
|
|
1133
|
+
${({resize:e})=>e&&A`
|
|
1134
|
+
padding-bottom: 25px;
|
|
1135
|
+
`}
|
|
1136
|
+
border: ${t.sg.borders.borderWidth.borderWidthThinner} solid
|
|
1137
|
+
${t.sg.colors.neutralColors.colorNeutralClean};
|
|
1138
|
+
${({error:e,disabled:o,readonly:r})=>e&&(!o||!r)?A`
|
|
1139
|
+
border-color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
1140
|
+
`:e&&(o||r)?A`
|
|
1141
|
+
border-color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
1142
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
|
|
1143
|
+
`:!e&&(o||r)?A`
|
|
1144
|
+
border-color: ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
1145
|
+
background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
|
|
1146
|
+
`:A`
|
|
1147
|
+
border-color: ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
1148
|
+
`}
|
|
1149
|
+
cursor: text;
|
|
1150
|
+
svg {
|
|
1151
|
+
cursor: ns-resize;
|
|
1152
|
+
position: absolute;
|
|
1153
|
+
right: 8px;
|
|
1154
|
+
bottom: 8px;
|
|
1155
|
+
z-index: 2;
|
|
1156
|
+
}
|
|
1157
|
+
`,js=E.textarea`
|
|
1158
|
+
height: 100%;
|
|
1159
|
+
outline: none;
|
|
1160
|
+
resize: none;
|
|
1161
|
+
background-color: ${({disabled:e,readOnly:o})=>e||o?t.sg.colors.brandColors.colorBrandSeSoft:t.sg.colors.neutralColors.colorNeutralSnow};
|
|
1162
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1163
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
1164
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1165
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
1166
|
+
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
1167
|
+
&::placeholder {
|
|
1168
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
1169
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
1170
|
+
}
|
|
1171
|
+
|
|
1172
|
+
::-webkit-scrollbar {
|
|
1173
|
+
width: 6px;
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
::-webkit-scrollbar-track {
|
|
1177
|
+
background: ${t.sg.colors.neutralColors.colorNeutralSoft};
|
|
1178
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
|
|
1179
|
+
}
|
|
1180
|
+
|
|
1181
|
+
::-webkit-scrollbar-thumb {
|
|
1182
|
+
background: ${t.sg.colors.neutralColors.colorNeutralClean};
|
|
1183
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
::-webkit-resizer {
|
|
1187
|
+
display: none;
|
|
1188
|
+
}
|
|
1189
|
+
`,Os=E.div`
|
|
1190
|
+
width: 100%;
|
|
1191
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1192
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
1193
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1194
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
1195
|
+
margin-top: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
1196
|
+
`,Is=E.span`
|
|
1197
|
+
color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
|
|
1198
|
+
float: right;
|
|
1199
|
+
`,Fs=(e,o,r,n,i)=>{const a=P.useRef(null),l=P.useRef(null);P.useEffect(()=>{var c,b,T,k;(c=a.current)==null||c.focus(),(k=a.current)==null||k.setSelectionRange((b=a.current)==null?void 0:b.value.length,(T=a.current)==null?void 0:T.value.length)},[i,a]);const d=P.useCallback(()=>{if(a.current&&l.current){const c=window.getComputedStyle(l.current),b=parseFloat(c.paddingTop)+parseFloat(c.paddingBottom),T=parseFloat(c.borderTopWidth)+parseFloat(c.borderBottomWidth);a.current.style.height=`calc(${l.current.clientHeight}px - ${b+T}px)`}},[]);P.useEffect(()=>(d(),window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d)}),[d,o,r]);const f=c=>{e(c)},g=P.useCallback(()=>{a.current&&(!o||!r)&&a.current.focus()},[o,r]),p=P.useRef(0),y=P.useRef(0),S=P.useCallback(c=>{if(l.current){const b=y.current+c.clientY-p.current;l.current.style.height=`${b}px`,d()}},[d]),C=P.useCallback(()=>{document.documentElement.removeEventListener("mousemove",S,!1),document.documentElement.removeEventListener("mouseup",C,!1),d()},[S,d]),m=P.useCallback(c=>{p.current=c.clientY,n&&l.current&&(y.current=parseInt(document.defaultView.getComputedStyle(l.current).height,10),document.documentElement.addEventListener("mousemove",S,!1),document.documentElement.addEventListener("mouseup",C,!1))},[S,C,n]);return P.useEffect(()=>()=>{C()},[C]),{textareaRef:a,textShapeRef:l,handleChange:f,focusTextarea:g,startResizing:m}},Yr=P.forwardRef(({id:e,label:o,placeholder:r,disabled:n,value:i,size:a="Medium",charactersCounter:l,maxlength:d,width:f,height:g,onChange:p,onBlur:y,onFocus:S,onEnter:C,readonly:m,errorMessage:c,tooltipProps:b={},maxHeight:T,minHeight:k,resize:I=!0,...j},v)=>{const{textareaRef:ce,handleChange:be,startResizing:W,textShapeRef:V,focusTextarea:K}=Fs(p,n,m,I,c),he=u.jsx("div",{onMouseDown:W,style:{height:"0px"},children:u.jsx(t.Icon,{iconName:"Resize",color:n||m?t.sg.colors.neutralColors.colorNeutralCleanest:void 0})}),re=!!c,te=q=>{q.key==="Enter"&&C&&C(q)},oe={...b,isErrorTooltip:!0,isActive:re,label:c,wrapperWidth:"auto"};return u.jsxs(Ns,{"data-testid":"textareaContainer",id:`input-${e}`,width:f,height:g,readonly:m,children:[u.jsx(As,{children:o}),u.jsx(Fe,{...oe,children:u.jsxs(Ps,{error:re,disabled:n,readonly:m,"data-testid":"textarea-shape",height:g,maxHeight:T,minHeight:k,onClick:K,resize:I,ref:V,children:[u.jsx(js,{disabled:n,readOnly:m,value:i,onChange:be,onBlur:y,onFocus:S,onKeyPress:q=>te(q),placeholder:r,maxLength:d,"data-testid":"textarea",size:a,...j,ref:q=>{ce.current=q,typeof v=="function"?v(q):v&&(v.current=q)}}),I&&he]})}),l&&u.jsx(Os,{children:u.jsxs(Is,{children:[(i==null?void 0:i.length)>0?i.length:0,"/",d]})})]})});Yr.displayName="Textarea";const Ms=E.div`
|
|
1200
|
+
${U.resetStyles}
|
|
1201
|
+
display: flex;
|
|
1202
|
+
flex-direction: row;
|
|
1203
|
+
align-items: center;
|
|
1204
|
+
padding: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
1205
|
+
position: relative;
|
|
1206
|
+
width: ${({width:e})=>e};
|
|
1207
|
+
`,nt=E.input`
|
|
1208
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
1209
|
+
accent-color: ${t.sg.colors.brandColors.colorBrandSoft};
|
|
1210
|
+
width: 0;
|
|
1211
|
+
opacity: 0;
|
|
1212
|
+
display: none;
|
|
1213
|
+
`,Ls=E.label`
|
|
1214
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1215
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
|
|
1216
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1217
|
+
line-height: ${({size:e})=>e==="Small"?t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd):t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
|
|
1218
|
+
color: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDark};
|
|
1219
|
+
margin-left: ${({size:e})=>e==="Small"?"2.35rem":"3rem"};
|
|
1220
|
+
|
|
1221
|
+
&::after {
|
|
1222
|
+
content: '';
|
|
1223
|
+
position: absolute;
|
|
1224
|
+
opacity: ${({isError:e})=>e?1:0};
|
|
1225
|
+
top: ${({bulletTop:e})=>e};
|
|
1226
|
+
right: ${({bulletRight:e})=>e};
|
|
1227
|
+
width: 6px;
|
|
1228
|
+
height: 6px;
|
|
1229
|
+
background-color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
1230
|
+
border-radius: 50%;
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1233
|
+
&:hover {
|
|
1234
|
+
cursor: ${({disabled:e})=>e?"default":"pointer"};
|
|
1235
|
+
}
|
|
1236
|
+
`,Bs=E.div`
|
|
1237
|
+
width: fit-content;
|
|
1238
|
+
position: absolute;
|
|
1239
|
+
top: ${({size:e})=>e==="Small"?"calc(50% + 0.5rem)":"calc(50% + 0.4rem)"};
|
|
1240
|
+
transform: ${({size:e})=>e==="Small"?"translateY(calc(-50% - 0.3rem))":"translateY(calc(-50% - 0.1rem))"};
|
|
1241
|
+
left: ${({size:e})=>e==="Small"?"0.6rem":"0.5rem"};
|
|
1242
|
+
|
|
1243
|
+
${nt}:checked ~ & {
|
|
1244
|
+
opacity: 1;
|
|
1245
|
+
}
|
|
1246
|
+
|
|
1247
|
+
${nt}:not(:checked) ~ & {
|
|
1248
|
+
opacity: 0;
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
& > i > svg {
|
|
1252
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
1253
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
1254
|
+
|
|
1255
|
+
path {
|
|
1256
|
+
fill: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.brandColors.colorBrandSoft} !important;
|
|
1257
|
+
}
|
|
1258
|
+
}
|
|
1259
|
+
`,Ds=E.div`
|
|
1260
|
+
width: fit-content;
|
|
1261
|
+
position: absolute;
|
|
1262
|
+
top: ${({size:e})=>e==="Small"?"calc(50% + 0.5rem)":"calc(50% + 0.4rem)"};
|
|
1263
|
+
transform: ${({size:e})=>e==="Small"?"translateY(calc(-50% - 0.3rem))":"translateY(calc(-50% - 0.1rem))"};
|
|
1264
|
+
left: ${({size:e})=>e==="Small"?"0.6rem":"0.5rem"};
|
|
1265
|
+
|
|
1266
|
+
${nt}:checked ~ & {
|
|
1267
|
+
opacity: 0;
|
|
1268
|
+
}
|
|
1269
|
+
|
|
1270
|
+
${nt}:not(:checked) ~ & {
|
|
1271
|
+
opacity: 1;
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1274
|
+
& > i > svg {
|
|
1275
|
+
width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
1276
|
+
height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
|
|
1277
|
+
|
|
1278
|
+
path {
|
|
1279
|
+
fill: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDark};
|
|
1280
|
+
}
|
|
1281
|
+
}
|
|
1282
|
+
`,Ur=P.forwardRef(({id:e,label:o,size:r="Small",value:n,name:i,disabled:a=!1,width:l="100%",onChange:d,checked:f=!1,isError:g,confirmBeforeChange:p,bulletRight:y="-3px",bulletTop:S="3.5px",...C},m)=>{const c=P.useRef(null);return u.jsx(Ms,{width:l,children:u.jsxs(Ls,{htmlFor:`radio-${o}-${e}`,disabled:a,size:r,"data-testid":"radio-label",isError:g,bulletRight:y,bulletTop:S,children:[u.jsx(nt,{type:"radio",disabled:a,id:`radio-${o}-${e}`,size:r,"data-testid":"radio",value:n,name:i,checked:f,onChange:b=>p?mt({id:"cofirm-change",title:p.title,description:p.description,icon:"ErrorEl",iconColor:t.sg.colors.feedbackColors.colorFeedbackWarning,leftButtonProps:{name:"Cancelar",variant:"tertiary",onClick:()=>{}},rightButtonProps:{name:"Confirmar",variant:"secondary",onClick:()=>d(b)}}):d(b),...C,ref:b=>{c.current=b,typeof m=="function"?m(b):m&&(m.current=b)}}),u.jsx(Bs,{size:r,disabled:a,children:u.jsx(t.Icon,{iconName:`SelectedTrue1${r==="Small"?"Sm":"Md"}`,color:a?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.brandColors.colorBrandSoft})}),u.jsx(Ds,{size:r,disabled:a,children:u.jsx(t.Icon,{iconName:`SelectedFalse1${r==="Small"?"Sm":"Md"}`,color:a?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDark})}),o]})})});Ur.displayName="Radio";const Ws=E.div`
|
|
1283
|
+
background-color: transparent;
|
|
1284
|
+
border: none;
|
|
1285
|
+
outline: none;
|
|
1286
|
+
margin: 0px;
|
|
1287
|
+
padding: 0px;
|
|
1288
|
+
${({direction:e,size:o,flex:r})=>r!=="none"?A`
|
|
1289
|
+
flex: ${r};
|
|
1290
|
+
`:o==="auto"?A`
|
|
1291
|
+
flex: 1;
|
|
1292
|
+
`:e==="horizontal"?A`
|
|
1293
|
+
flex: none;
|
|
1294
|
+
width: ${o};
|
|
1295
|
+
height: 0px;
|
|
1296
|
+
`:e==="vertical"?A`
|
|
1297
|
+
flex: none;
|
|
1298
|
+
width: 0px;
|
|
1299
|
+
height: ${o};
|
|
1300
|
+
`:A`
|
|
1301
|
+
width: auto;
|
|
1302
|
+
height: auto;
|
|
1303
|
+
`}
|
|
1304
|
+
`,Le=({direction:e="vertical",size:o="auto",flex:r="none",customStyles:n={}})=>u.jsx(Ws,{direction:e,size:o,flex:r,style:{...n}});Le.displayName="Spacer";const Hs=E.div`
|
|
1305
|
+
${U.resetStyles}
|
|
1306
|
+
padding: ${t.sg.spacings.spacingStack.spacingStackNano};
|
|
1307
|
+
display: flex;
|
|
1308
|
+
flex-direction: row;
|
|
1309
|
+
align-items: center;
|
|
1310
|
+
`,Vs=E.label`
|
|
1311
|
+
${U.resetStyles}
|
|
1312
|
+
cursor: pointer;
|
|
1313
|
+
height: ${({size:e})=>{switch(e){case"Small":return t.sg.icons.iconSizeSm;case"Medium":return t.sg.icons.iconSizeSm;case"Large":return"22px";default:return"15px"}}};
|
|
1314
|
+
width: ${({size:e})=>{switch(e){case"Small":return"28px";case"Medium":return"29px";case"Large":return"43px";default:return"15px"}}};
|
|
1315
|
+
${({disabled:e,checked:o})=>{if(e&&!o)return A`
|
|
1316
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSoft};
|
|
1317
|
+
`;if(!e&&o)return A`
|
|
1318
|
+
background-color: ${t.sg.colors.brandColors.colorBrandPrimary};
|
|
1319
|
+
`;if(!e&&!o)return A`
|
|
1320
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralCleanest};
|
|
1321
|
+
`;if(e&&o)return A`
|
|
1322
|
+
background-color: ${t.sg.colors.neutralColors.colorNeutralSoft};
|
|
1323
|
+
`}}
|
|
1324
|
+
margin-right: ${t.sg.spacings.spacingInline.spacingInlineNano};
|
|
1325
|
+
display: flex;
|
|
1326
|
+
align-items: center;
|
|
1327
|
+
justify-content: center;
|
|
1328
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
|
|
1329
|
+
position: relative;
|
|
1330
|
+
transition: 0.2s;
|
|
1331
|
+
`,qs=E.label`
|
|
1332
|
+
${U.resetStyles}
|
|
1333
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1334
|
+
font-size: ${({size:e})=>{switch(e){case"Small":return t.sg.fonts.fontSize.fontSizeBodySm;case"Medium":return t.sg.fonts.fontSize.fontSizeBodyMd;case"Large":return t.sg.fonts.fontSize.fontSizeBodyLg;default:return"15px"}}};
|
|
1335
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1336
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
|
|
1337
|
+
color: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralDark};
|
|
1338
|
+
`,Gr=E.span`
|
|
1339
|
+
${U.resetStyles}
|
|
1340
|
+
height: ${({size:e})=>e==="Large"?"15px":"10px"};
|
|
1341
|
+
width: ${({size:e})=>e==="Large"?"15px":"10px"};
|
|
1342
|
+
background-color: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralCleanest:t.sg.colors.neutralColors.colorNeutralSnow};
|
|
1343
|
+
border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
|
|
1344
|
+
position: absolute;
|
|
1345
|
+
left: 3px;
|
|
1346
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1347
|
+
transition: 0.2s;
|
|
1348
|
+
`,Ys=E.input`
|
|
1349
|
+
${U.resetStyles}
|
|
1350
|
+
height: 100%;
|
|
1351
|
+
width: 100%;
|
|
1352
|
+
opacity: 0;
|
|
1353
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1354
|
+
|
|
1355
|
+
&:checked + ${Gr} {
|
|
1356
|
+
left: 55%;
|
|
1357
|
+
}
|
|
1358
|
+
`,Us=E.h1`
|
|
1359
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1360
|
+
font-size: ${t.sg.fonts.fontSize.fontSizeTitleSm};
|
|
1361
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightSemiBold};
|
|
1362
|
+
line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeTitleSm)};
|
|
1363
|
+
color: ${({color:e})=>e||t.sg.colors.neutralColors.colorNeutralBlack};
|
|
1364
|
+
`,Gs=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Xs=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Ks=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Xr={sg:ho.sg,direction:Xs,icon:Xi,position:Ks,button:Gs},Zs=Object.freeze(Object.defineProperty({__proto__:null,default:Xr},Symbol.toStringTag,{value:"Module"})),Js=E.div`
|
|
1365
|
+
${U.resetStyles}
|
|
1366
|
+
width: ${({wrapperWidth:e})=>e??"fit-content"};
|
|
1367
|
+
height: ${({wrapperHeight:e})=>e??"fit-content"};
|
|
1368
|
+
|
|
1369
|
+
&:hover .tooltip {
|
|
1370
|
+
${U.resetStyles}
|
|
1371
|
+
visibility: visible;
|
|
1372
|
+
opacity: 1;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
${({wrapperStyles:e})=>e&&A(e)};
|
|
1376
|
+
`,Qs=E.div`
|
|
1377
|
+
${U.resetStyles}
|
|
1378
|
+
position: fixed;
|
|
1379
|
+
display: flex;
|
|
1380
|
+
justify-content: flex-start;
|
|
1381
|
+
align-items: center;
|
|
1382
|
+
height: ${({height:e})=>e};
|
|
1383
|
+
width: ${({width:e})=>e};
|
|
1384
|
+
max-width: ${({maxWidth:e})=>e??"300px"};
|
|
1385
|
+
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
1386
|
+
font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
1387
|
+
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
1388
|
+
line-height: ${({size:e})=>e==="Small"?t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyMd):t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodySm)};
|
|
1389
|
+
box-shadow: ${t.sg.shadows.shadowLevelNear};
|
|
1390
|
+
color: ${({errorTooltip:e})=>e?t.sg.colors.neutralColors.colorNeutralSnow:t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
1391
|
+
background-color: ${({errorTooltip:e,color:o})=>e?t.sg.colors.feedbackColors.colorFeedbackError:o};
|
|
1392
|
+
border-radius: ${t.sg.borders.borderRadius.borderExtraSmall};
|
|
1393
|
+
padding: ${({tooltipPadding:e})=>e||t.sg.spacings.spacingInset.spacingInsetNano};
|
|
1394
|
+
text-align: start;
|
|
1395
|
+
min-width: 3.2rem;
|
|
1396
|
+
visibility: ${({isVisible:e})=>e?"visible":"hidden"};
|
|
1397
|
+
opacity: ${({isVisible:e})=>e?1:0};
|
|
1398
|
+
transition: opacity 0.3s;
|
|
1399
|
+
z-index: 1000;
|
|
1400
|
+
/* Remove the position-based CSS since positioning is handled in updateTooltipPosition */
|
|
1401
|
+
span {
|
|
1402
|
+
${U.resetStyles}
|
|
1403
|
+
max-width: ${({maxWidth:e})=>e};
|
|
1404
|
+
word-wrap: break-word;
|
|
1405
|
+
margin-left: ${({errorTooltip:e})=>e?"6px":"0"};
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
& > svg path {
|
|
1409
|
+
${U.resetStyles}
|
|
1410
|
+
fill: ${t.sg.colors.neutralColors.colorNeutralSnow};
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1413
|
+
&::before {
|
|
1414
|
+
content: '';
|
|
1415
|
+
position: absolute;
|
|
1416
|
+
width: 0;
|
|
1417
|
+
height: 0;
|
|
1418
|
+
border-style: solid;
|
|
1419
|
+
|
|
1420
|
+
${({position:e,errorTooltip:o,color:r,style:{backgroundColor:n}={backgroundColor:null},arrowAbsoluteX:i})=>{const a=o?t.sg.colors.feedbackColors.colorFeedbackError:n||(r??"#000");return A`
|
|
1421
|
+
${["top","topLeft","topRight"].includes(e)&&A`
|
|
1422
|
+
bottom: -8px;
|
|
1423
|
+
left: ${i?`${i}px`:"50%"};
|
|
1424
|
+
transform: translateX(-50%);
|
|
1425
|
+
border-width: 8px 8px 0 8px;
|
|
1426
|
+
border-color: ${a} transparent transparent transparent;
|
|
1427
|
+
`}
|
|
1428
|
+
${["bottom","bottomLeft","bottomRight"].includes(e)&&A`
|
|
1429
|
+
top: -8px;
|
|
1430
|
+
left: ${i?`${i}px`:"50%"};
|
|
1431
|
+
transform: translateX(-50%);
|
|
1432
|
+
border-width: 0 8px 8px 8px;
|
|
1433
|
+
border-color: transparent transparent ${a} transparent;
|
|
1434
|
+
`}
|
|
1435
|
+
${e==="left"&&A`
|
|
1436
|
+
top: 50%;
|
|
1437
|
+
right: -8px;
|
|
1438
|
+
transform: translateY(-50%);
|
|
1439
|
+
border-width: 8px 0 8px 8px;
|
|
1440
|
+
border-color: transparent transparent transparent ${a};
|
|
1441
|
+
`}
|
|
1442
|
+
${e==="right"&&A`
|
|
1443
|
+
top: 50%;
|
|
1444
|
+
left: -8px;
|
|
1445
|
+
transform: translateY(-50%);
|
|
1446
|
+
border-width: 8px 8px 8px 0;
|
|
1447
|
+
border-color: transparent ${a} transparent transparent;
|
|
1448
|
+
`}
|
|
1449
|
+
`}}
|
|
1450
|
+
}
|
|
1451
|
+
|
|
1452
|
+
${({withDropShadow:e=!1})=>e&&A`
|
|
1453
|
+
filter: 'drop-shadow(0px 0px 10px black)';
|
|
1454
|
+
`}
|
|
1455
|
+
`,Te=16,Fe=({id:e,label:o,children:r,position:n="top",arrowPosition:i="center",size:a="Medium",tooltipChildren:l,textAlign:d="left",customStyle:f,isErrorTooltip:g,isActive:p=!!o||!!l,isAlwaysVisible:y,width:S,maxWidth:C,color:m="#CDD1D9",wrapperWidth:c,wrapperHeight:b,height:T="fit-content",tooltipMargin:k="8px",tooltipPadding:I,wrapperStyles:j={},withArrow:v=!0,withBorder:ce=!1,withDropShadow:be=!1})=>{const W=P.useRef(null),V=P.useRef(null),[K,he]=P.useState(null),re=(O,ue)=>{if(!W.current||!V.current)return;const Z=V.current.getBoundingClientRect(),de=W.current.getBoundingClientRect(),z=parseInt(k,10),_=window.innerWidth,R=parseInt(String(O.left).replace("px",""))-Z.width/2<0,F=parseInt(String(O.left).replace("px",""))+Z.width/2>_;return R&&(O.left=`${de.left+Z.width/2-de.width+Te}px`,(n==="top"||n==="bottom")&&(ue=0+Te*1.5+z)),F&&(O.left=`${de.left-Z.width/2+de.width+Te}px`,(n==="top"||n==="bottom")&&(ue=Z.width-Te*1.5-z)),{afterCollisionStyle:O,arrowX:ue}},te=()=>{if(!W.current||!V.current)return;const O=W.current.getBoundingClientRect(),ue=V.current.getBoundingClientRect(),Z=parseInt(k,10);let de={},z=O.left+O.width/2;switch(n){case"top":de={top:`${O.top-ue.height-Z}px`,left:`${z}px`,transform:"translate(-50%, 0)"};break;case"bottom":de={top:`${O.bottom+Z}px`,left:`${z}px`,transform:"translate(-50%, 0)"};break;case"left":de={top:`${O.top+O.height/2}px`,left:`${O.left-ue.width-Z}px`,transform:"translate(0, -50%)"};break;case"topLeft":de={top:`${O.top-ue.height-Z}px`,left:`${O.left-O.width+Te-Z}px`};break;case"bottomLeft":de={top:`${O.bottom+Z}px`,left:`${O.left-O.width+Te-Z}px`,translate:"translate(-50%, 0)"};break;case"right":de={top:`${O.top+O.height/2}px`,left:`${O.right+Z}px`,transform:"translate(0, -50%)"};break;case"topRight":de={top:`${O.top-ue.height-Z}px`,left:`${O.left+O.width-ue.width+Te}px`};break;case"bottomRight":de={top:`${O.bottom+Z}px`,left:`${O.left+O.width+Te-Z}px`};break}const{afterCollisionStyle:_,arrowX:R}=re({...de},z);if(Object.assign(V.current.style,_),R!==z){he(R);return}if(i!=="center"){if(i==="start"){he(Te*1.5);return}if(i==="end"){he(ue.width-Te*1.5);return}}if(["topLeft","bottomLeft"].includes(n)){he(O.width/2+1.5*Te);return}if(["topRight","bottomRight"].includes(n)){const F=ue.width-(O.width/2+Te),h=F<Te||F>ue.width;he(h?ue.width/2:F);return}},oe=()=>{V.current&&(V.current.style.opacity="0",V.current.style.visibility="hidden")},q=()=>{V.current&&(V.current.style.opacity="1",V.current.style.visibility="visible",te())},Ee=()=>{V.current&&!y&&(V.current.style.opacity="0",V.current.style.visibility="hidden")};if(P.useEffect(()=>{if(p&&(te(),window.addEventListener("resize",te),window.addEventListener("scroll",oe,!0),W.current)){const O=W.current.closest(".scrollable-container");O&&O.addEventListener("scroll",oe,!0),W.current.addEventListener("mouseenter",q),W.current.addEventListener("mouseleave",Ee)}return()=>{if(window.removeEventListener("resize",te),window.removeEventListener("scroll",oe,!0),W.current){const O=W.current.closest(".scrollable-container");O&&O.removeEventListener("scroll",oe,!0),W.current.removeEventListener("mouseenter",q),W.current.removeEventListener("mouseleave",Ee)}}},[p,n,k,W,Ee,q,oe,te]),!p)return u.jsx(u.Fragment,{children:r});const xe=u.jsxs(Qs,{ref:V,className:`tooltip tooltip-${n}`,size:a,height:T,width:S,maxWidth:C,color:m,withArrow:v,style:f,isVisible:y,errorTooltip:g,position:n,tooltipMargin:k,tooltipPadding:I,withBorder:ce,withDropShadow:be,arrowAbsoluteX:K,children:[g&&u.jsx(Lt,{color:"white",fontSize:Xr.icon.IconSize.ant}),l??u.jsx("span",{style:{textAlign:d},children:o})]});return u.jsxs(Js,{id:e,ref:W,wrapperWidth:c,wrapperHeight:b,wrapperStyles:j,children:[r,ht.createPortal(xe,document.body)]})};Fe.displayName="Tooltip";exports.ActionButton=Mr;exports.Ae=A;exports.Badge=Mt;exports.Button=De;exports.CardContainer=li;exports.CheckCircleFill_default=In;exports.Checkbox=Pr;exports.Close_default=jr;exports.ConfirmButton=Lr;exports.ConfirmModal=Bt;exports.Container=$e;exports.ContainerWarning=ki;exports.Empty=Br;exports.ErrorFill_default=Hn;exports.ErrorMessage=ni;exports.FrameView=Dr;exports.IconContainer=ui;exports.Info=Wt;exports.InfoFill_default=Lt;exports.Input=Wr;exports.Label=Ir;exports.Label$1=ds;exports.Label$2=Rs;exports.Loading=Hr;exports.LoadingBar=Fr;exports.Message=Ei;exports.Modal=Ht;exports.Radio=Ur;exports.Required=fs;exports.SectionTitle=qr;exports.Spacer=Le;exports.SwitchButton=Gr;exports.SwitchContainer=Hs;exports.SwitchLabel=qs;exports.SwitchToggle=Ys;exports.SwitchWrapper=Vs;exports.Textarea=Yr;exports.Title=$i;exports.Title$1=ci;exports.Title$2=Us;exports.Tooltip=Fe;exports.WarningFill_default=oi;exports.We=Me;exports.getDefaultExportFromCjs=br;exports.index=Zs;exports.jsxRuntimeExports=u;exports.qe=E;exports.showConfirm=mt;exports.showModal=Vr;
|