master-components-react 1.1.3 → 1.1.7
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/master-components-react.cjs.js +11 -11
- package/dist/master-components-react.es.js +148 -137
- package/package.json +50 -48
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".mc__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.mc__mainButton:hover{background:#6941c6}.mc__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.mc__mainButton.mc__sm{height:2.25rem}.mc__mainButton.mc__sm.mc__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.mc__mainButton.mc__sm .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__md{height:2.5rem}.mc__mainButton.mc__md.mc__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.mc__mainButton.mc__md .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__lg{height:2.75rem}.mc__mainButton.mc__lg.mc__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.mc__mainButton.mc__lg .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.25rem}.mc__mainButton.mc__xl{height:3rem}.mc__mainButton.mc__xl.mc__onlyIcon{height:3rem;width:3rem;min-width:unset}.mc__mainButton.mc__xl .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.5rem}.mc__mainButton.mc__xl2{height:3.75rem}.mc__mainButton.mc__xl2.mc__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.mc__mainButton.mc__xl2 .mc__buttonSlot .mc__buttonLabel{font-size:1.125rem;line-height:1.75rem}.mc__mainButton.mc__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__mainButton.mc__disabled .mc__buttonSlot .mc__buttonLabel{color:#a4a7ae}.mc__mainButton .mc__buttonSlot{display:flex;align-items:center;gap:.5rem}.mc__mainButton .mc__buttonSlot .mc__buttonLabel{color:#fff;font-family:Inter;font-style:normal;font-weight:400}.mc__inputWrapper{width:100%}.mc__inputWrapper .mc__inputLabel{color:#414651;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputLabel .mc__required{color:#7f56d9;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:1px solid #d5d7da;background:#fff;box-shadow:0 1px 2px #0a0d120d;display:flex;padding-left:.75rem}.mc__inputWrapper .mc__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.mc__inputWrapper .mc__inputContainer input::placeholder{color:#717680}.mc__inputWrapper .mc__inputContainer.mc__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:2px;outline-style:solid;background:#fff;box-shadow:0 1px 2px #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error{border-radius:.5rem;outline-color:#fda29b;outline-width:1px;outline-style:solid;background:#fff;box-shadow:0 1px 2px #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error.mc__focused{outline-width:2px;outline-color:#f04438}.mc__inputWrapper .mc__inputContainer .mc__rightIcon,.mc__inputWrapper .mc__inputContainer .mc__leftIcon{display:flex;justify-content:center;align-items:center}.mc__inputWrapper .mc__inputContainer .mc__rightIcon{margin:0 .5rem}.mc__inputWrapper .mc__inputContainer .mc__leftIcon{margin-right:.375rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:150px;overflow:hidden;background-color:#fff;border:1px solid #d5d7da;border-radius:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li:hover{background-color:#d5d7da}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown.mc__http{cursor:initial;border-right:1px solid #d5d7da;margin-right:.75rem}.mc__inputWrapper .mc__inputContainer.mc__disabled{border-radius:.5rem;border:1px solid #d5d7da;background:#fafafa;box-shadow:0 1px 2px #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__disabled input{background:#fafafa;box-shadow:0 1px 2px #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__sm{height:40px}.mc__inputWrapper .mc__inputContainer.mc__md{height:44px}.mc__inputWrapper .mc__withCopy{display:flex;align-items:center;gap:.25rem;border-radius:0rem 8px 8px 0px;border:1px solid #d5d7da;background:#fff;padding:10px 14px;color:#414651;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mc__inputWrapper .mc__withCopy:hover{background:#f0f0f0}.mc__inputWrapper .mc__withCopy:active{background:#ececec}.mc__inputWrapper .mc__inputHelperText p{color:#535862;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.mc__inputWrapper .mc__inputHelperText.mc__error p{color:#d92d20}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react");var We={exports:{}},se={};/**
|
|
3
3
|
* @license React
|
|
4
4
|
* react-jsx-runtime.production.min.js
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the MIT license found in the
|
|
9
9
|
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/var Ke;function pr(){if(Ke)return se;Ke=1;var C=
|
|
10
|
+
*/var Ke;function pr(){if(Ke)return se;Ke=1;var C=S,m=Symbol.for("react.element"),R=Symbol.for("react.fragment"),x=Object.prototype.hasOwnProperty,D=C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,w={key:!0,ref:!0,__self:!0,__source:!0};function P(h,f,b){var s,g={},F=null,M=null;b!==void 0&&(F=""+b),f.key!==void 0&&(F=""+f.key),f.ref!==void 0&&(M=f.ref);for(s in f)x.call(f,s)&&!w.hasOwnProperty(s)&&(g[s]=f[s]);if(h&&h.defaultProps)for(s in f=h.defaultProps,f)g[s]===void 0&&(g[s]=f[s]);return{$$typeof:m,type:h,key:F,ref:M,props:g,_owner:D.current}}return se.Fragment=R,se.jsx=P,se.jsxs=P,se}var ue={};/**
|
|
11
11
|
* @license React
|
|
12
12
|
* react-jsx-runtime.development.js
|
|
13
13
|
*
|
|
@@ -15,17 +15,17 @@
|
|
|
15
15
|
*
|
|
16
16
|
* This source code is licensed under the MIT license found in the
|
|
17
17
|
* LICENSE file in the root directory of this source tree.
|
|
18
|
-
*/var Je;function vr(){return Je||(Je=1,process.env.NODE_ENV!=="production"&&function(){var C=
|
|
19
|
-
`+oe+e}}var
|
|
20
|
-
`),
|
|
21
|
-
`),d=i.length-1,v=
|
|
22
|
-
`+i[d].replace(" at new "," at ");return e.displayName&&T.includes("<anonymous>")&&(T=T.replace("<anonymous>",e.displayName)),typeof e=="function"&&N.set(e,T),T}while(d>=1&&v>=0);break}}}finally{
|
|
18
|
+
*/var Je;function vr(){return Je||(Je=1,process.env.NODE_ENV!=="production"&&function(){var C=S,m=Symbol.for("react.element"),R=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),P=Symbol.for("react.provider"),h=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),s=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),F=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),U=Symbol.iterator,Q="@@iterator";function ee(e){if(e===null||typeof e!="object")return null;var r=U&&e[U]||e[Q];return typeof r=="function"?r:null}var O=C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function p(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];re("error",e,t)}}function re(e,r,t){{var n=O.ReactDebugCurrentFrame,u=n.getStackAddendum();u!==""&&(r+="%s",t=t.concat([u]));var c=t.map(function(o){return String(o)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var le=!1,ce=!1,te=!1,q=!1,ne=!1,H;H=Symbol.for("react.module.reference");function fe(e){return!!(typeof e=="string"||typeof e=="function"||e===x||e===w||ne||e===D||e===b||e===s||q||e===M||le||ce||te||typeof e=="object"&&e!==null&&(e.$$typeof===F||e.$$typeof===g||e.$$typeof===P||e.$$typeof===h||e.$$typeof===f||e.$$typeof===H||e.getModuleId!==void 0))}function ae(e,r,t){var n=e.displayName;if(n)return n;var u=r.displayName||r.name||"";return u!==""?t+"("+u+")":t}function de(e){return e.displayName||"Context"}function j(e){if(e==null)return null;if(typeof e.tag=="number"&&p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case x:return"Fragment";case R:return"Portal";case w:return"Profiler";case D:return"StrictMode";case b:return"Suspense";case s:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case h:var r=e;return de(r)+".Consumer";case P:var t=e;return de(t._context)+".Provider";case f:return ae(e,e.render,"ForwardRef");case g:var n=e.displayName||null;return n!==null?n:j(e.type)||"Memo";case F:{var u=e,c=u._payload,o=u._init;try{return j(o(c))}catch{return null}}}return null}var $=Object.assign,A=0,pe,ve,ye,he,_e,me,be;function ge(){}ge.__reactDisabledLog=!0;function je(){{if(A===0){pe=console.log,ve=console.info,ye=console.warn,he=console.error,_e=console.group,me=console.groupCollapsed,be=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ge,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}}function Le(){{if(A--,A===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:$({},e,{value:pe}),info:$({},e,{value:ve}),warn:$({},e,{value:ye}),error:$({},e,{value:he}),group:$({},e,{value:_e}),groupCollapsed:$({},e,{value:me}),groupEnd:$({},e,{value:be})})}A<0&&p("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ie=O.ReactCurrentDispatcher,oe;function W(e,r,t){{if(oe===void 0)try{throw Error()}catch(u){var n=u.stack.trim().match(/\n( *(at )?)/);oe=n&&n[1]||""}return`
|
|
19
|
+
`+oe+e}}var L=!1,N;{var Te=typeof WeakMap=="function"?WeakMap:Map;N=new Te}function Y(e,r){if(!e||L)return"";{var t=N.get(e);if(t!==void 0)return t}var n;L=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=ie.current,ie.current=null,je();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(E){n=E}Reflect.construct(e,[],o)}else{try{o.call()}catch(E){n=E}e.call(o.prototype)}}else{try{throw Error()}catch(E){n=E}e()}}catch(E){if(E&&n&&typeof E.stack=="string"){for(var i=E.stack.split(`
|
|
20
|
+
`),_=n.stack.split(`
|
|
21
|
+
`),d=i.length-1,v=_.length-1;d>=1&&v>=0&&i[d]!==_[v];)v--;for(;d>=1&&v>=0;d--,v--)if(i[d]!==_[v]){if(d!==1||v!==1)do if(d--,v--,v<0||i[d]!==_[v]){var T=`
|
|
22
|
+
`+i[d].replace(" at new "," at ");return e.displayName&&T.includes("<anonymous>")&&(T=T.replace("<anonymous>",e.displayName)),typeof e=="function"&&N.set(e,T),T}while(d>=1&&v>=0);break}}}finally{L=!1,ie.current=c,Le(),Error.prepareStackTrace=u}var z=e?e.displayName||e.name:"",B=z?W(z):"";return typeof e=="function"&&N.set(e,B),B}function Se(e,r,t){return Y(e,!1)}function we(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function K(e,r,t){if(e==null)return"";if(typeof e=="function")return Y(e,we(e));if(typeof e=="string")return W(e);switch(e){case b:return W("Suspense");case s:return W("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case f:return Se(e.render);case g:return K(e.type,r,t);case F:{var n=e,u=n._payload,c=n._init;try{return K(c(u),r,t)}catch{}}}return""}var V=Object.prototype.hasOwnProperty,Ee={},Re=O.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,t=K(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(t)}else Re.setExtraStackFrame(null)}function Ce(e,r,t,n,u){{var c=Function.call.bind(V);for(var o in e)if(c(e,o)){var i=void 0;try{if(typeof e[o]!="function"){var _=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw _.name="Invariant Violation",_}i=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(d){i=d}i&&!(i instanceof Error)&&(J(u),p("%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).",n||"React class",t,o,typeof i),J(null)),i instanceof Error&&!(i.message in Ee)&&(Ee[i.message]=!0,J(u),p("Failed %s type: %s",t,i.message),J(null))}}}var Pe=Array.isArray;function G(e){return Pe(e)}function Oe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function xe(e){try{return a(e),!1}catch{return!0}}function a(e){return""+e}function k(e){if(xe(e))return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Oe(e)),a(e)}var I=O.ReactCurrentOwner,Ge={key:!0,ref:!0,__self:!0,__source:!0},Ne,Ye,ke;ke={};function Xe(e){if(V.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function ze(e){if(V.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Ze(e,r){if(typeof e.ref=="string"&&I.current&&r&&I.current.stateNode!==r){var t=j(I.current.type);ke[t]||(p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',j(I.current.type),e.ref),ke[t]=!0)}}function Qe(e,r){{var t=function(){Ne||(Ne=!0,p("%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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function er(e,r){{var t=function(){Ye||(Ye=!0,p("%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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var rr=function(e,r,t,n,u,c,o){var i={$$typeof:m,type:e,key:r,ref:t,props:o,_owner:c};return i._store={},Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(i,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(i,"_source",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i};function tr(e,r,t,n,u){{var c,o={},i=null,_=null;t!==void 0&&(k(t),i=""+t),ze(r)&&(k(r.key),i=""+r.key),Xe(r)&&(_=r.ref,Ze(r,u));for(c in r)V.call(r,c)&&!Ge.hasOwnProperty(c)&&(o[c]=r[c]);if(e&&e.defaultProps){var d=e.defaultProps;for(c in d)o[c]===void 0&&(o[c]=d[c])}if(i||_){var v=typeof e=="function"?e.displayName||e.name||"Unknown":e;i&&Qe(o,v),_&&er(o,v)}return rr(e,i,_,u,n,I.current,o)}}var De=O.ReactCurrentOwner,Ve=O.ReactDebugCurrentFrame;function X(e){if(e){var r=e._owner,t=K(e.type,e._source,r?r.type:null);Ve.setExtraStackFrame(t)}else Ve.setExtraStackFrame(null)}var Fe;Fe=!1;function $e(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function Ie(){{if(De.current){var e=j(De.current.type);if(e)return`
|
|
23
23
|
|
|
24
|
-
Check the render method of \``+e+"`."}return""}}function nr(e){return""}var
|
|
24
|
+
Check the render method of \``+e+"`."}return""}}function nr(e){return""}var Be={};function ar(e){{var r=Ie();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
25
25
|
|
|
26
|
-
Check the top-level render call using <`+t+">.")}return r}}function
|
|
26
|
+
Check the top-level render call using <`+t+">.")}return r}}function Me(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ar(r);if(Be[t])return;Be[t]=!0;var n="";e&&e._owner&&e._owner!==De.current&&(n=" It was passed a child from "+j(e._owner.type)+"."),X(e),p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),X(null)}}function Ue(e,r){{if(typeof e!="object")return;if(G(e))for(var t=0;t<e.length;t++){var n=e[t];$e(n)&&Me(n,r)}else if($e(e))e._store&&(e._store.validated=!0);else if(e){var u=ee(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),o;!(o=c.next()).done;)$e(o.value)&&Me(o.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===f||r.$$typeof===g))t=r.propTypes;else return;if(t){var n=j(r);Ce(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!Fe){Fe=!0;var u=j(r);p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function or(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){X(e),p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),X(null);break}}e.ref!==null&&(X(e),p("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}var qe={};function He(e,r,t,n,u,c){{var o=fe(e);if(!o){var i="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(i+=" 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 _=nr();_?i+=_:i+=Ie();var d;e===null?d="null":G(e)?d="array":e!==void 0&&e.$$typeof===m?(d="<"+(j(e.type)||"Unknown")+" />",i=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,i)}var v=tr(e,r,t,u,c);if(v==null)return v;if(o){var T=r.children;if(T!==void 0)if(n)if(G(T)){for(var z=0;z<T.length;z++)Ue(T[z],e);Object.freeze&&Object.freeze(T)}else p("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 Ue(T,e)}if(V.call(r,"key")){var B=j(e),E=Object.keys(r).filter(function(dr){return dr!=="key"}),Ae=E.length>0?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}";if(!qe[B+Ae]){var fr=E.length>0?"{"+E.join(": ..., ")+": ...}":"{}";p(`A props object containing a "key" prop is being spread into JSX:
|
|
27
27
|
let props = %s;
|
|
28
28
|
<%s {...props} />
|
|
29
29
|
React keys must be passed directly to JSX without using spread:
|
|
30
30
|
let props = %s;
|
|
31
|
-
<%s key={someKey} {...props} />`,Ae,
|
|
31
|
+
<%s key={someKey} {...props} />`,Ae,B,fr,B),qe[B+Ae]=!0}}return e===x?or(v):ir(v),v}}function sr(e,r,t){return He(e,r,t,!0)}function ur(e,r,t){return He(e,r,t,!1)}var lr=ur,cr=sr;ue.Fragment=x,ue.jsx=lr,ue.jsxs=cr}()),ue}process.env.NODE_ENV==="production"?We.exports=pr():We.exports=vr();var l=We.exports;const yr="mc__mainButton",hr="mc__sm",_r="mc__onlyIcon",mr="mc__buttonSlot",br="mc__buttonLabel",gr="mc__md",Er="mc__lg",Rr="mc__xl",Cr="mc__xl2",xr="mc__disabled",Z={mainButton:yr,sm:hr,onlyIcon:_r,buttonSlot:mr,buttonLabel:br,md:gr,lg:Er,xl:Rr,xl2:Cr,disabled:xr},jr=({label:C,buttonType:m="button",onClick:R,size:x="md",disabled:D,withIcons:w,iconOne:P,iconTwo:h,onlyIcon:f,buttonStyle:b,labelStyle:s,buttonSlotStyle:g})=>l.jsx("button",{type:m,style:b&&typeof b=="object"?b:{},className:`${Z.mainButton} ${f?Z.onlyIcon:""} ${x?Z[x]:""} ${D?Z.disabled:""}`,onClick:()=>{R&&typeof R=="function"&&R()},children:l.jsxs("div",{className:Z.buttonSlot,style:g??{},children:[f||w&&P?P:"",!f&&l.jsx("span",{style:s??{},className:Z.buttonLabel,children:C??"Button"}),w&&h?h:""]})}),Tr="mc__inputWrapper",Sr="mc__inputLabel",wr="mc__required",Pr="mc__inputContainer",Or="mc__focused",kr="mc__error",Dr="mc__rightIcon",Fr="mc__leftIcon",$r="mc__inputDropDown",Ar="mc__http",Wr="mc__disabled",Lr="mc__sm",Nr="mc__md",Yr="mc__withCopy",Vr="mc__inputHelperText",y={inputWrapper:Tr,inputLabel:Sr,required:wr,inputContainer:Pr,focused:Or,error:kr,rightIcon:Dr,leftIcon:Fr,inputDropDown:$r,http:Ar,disabled:Wr,sm:Lr,md:Nr,withCopy:Yr,inputHelperText:Vr},Ir=({width:C,height:m,color:R})=>l.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:C??"12",height:m??"8",viewBox:"0 0 12 8",fill:"none",children:l.jsx("path",{d:"M1 1.5L6 6.5L11 1.5",stroke:R??"#A4A7AE",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),Br=({width:C,height:m,color:R})=>l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:C??"20",height:m??"20",viewBox:"0 0 20 20",fill:"none",children:[l.jsx("g",{clipPath:"url(#clip0_444_26)",children:l.jsx("path",{d:"M4.1665 12.5C3.38993 12.5 3.00165 12.5 2.69536 12.3732C2.28698 12.204 1.96253 11.8795 1.79337 11.4712C1.6665 11.1649 1.6665 10.7766 1.6665 10V4.33335C1.6665 3.39993 1.6665 2.93322 1.84816 2.5767C2.00795 2.2631 2.26292 2.00813 2.57652 1.84834C2.93304 1.66669 3.39975 1.66669 4.33317 1.66669H9.99984C10.7764 1.66669 11.1647 1.66669 11.471 1.79355C11.8794 1.96271 12.2038 2.28717 12.373 2.69555C12.4998 3.00183 12.4998 3.39012 12.4998 4.16669M10.1665 18.3334H15.6665C16.5999 18.3334 17.0666 18.3334 17.4232 18.1517C17.7368 17.9919 17.9917 17.7369 18.1515 17.4233C18.3332 17.0668 18.3332 16.6001 18.3332 15.6667V10.1667C18.3332 9.23327 18.3332 8.76656 18.1515 8.41004C17.9917 8.09643 17.7368 7.84147 17.4232 7.68168C17.0666 7.50002 16.5999 7.50002 15.6665 7.50002H10.1665C9.23308 7.50002 8.76637 7.50002 8.40985 7.68168C8.09625 7.84147 7.84128 8.09643 7.68149 8.41004C7.49984 8.76656 7.49984 9.23327 7.49984 10.1667V15.6667C7.49984 16.6001 7.49984 17.0668 7.68149 17.4233C7.84128 17.7369 8.09625 17.9919 8.40985 18.1517C8.76637 18.3334 9.23308 18.3334 10.1665 18.3334Z",stroke:R??"#414651",strokeWidth:"1.66667",strokeLinecap:"round",strokeLinejoin:"round"})}),l.jsx("defs",{children:l.jsx("clipPath",{id:"clip0_444_26",children:l.jsx("rect",{width:"20",height:"20",fill:"white"})})})]}),Mr=({value:C,label:m,placeholder:R,required:x,disabled:D,type:w,size:P,onChange:h,onFouce:f,onBlur:b,msg:s,readOnly:g,maxLength:F,onlyText:M,onRightIconIconClick:U,onRightIconIconMouseEnter:Q,onRightIconIconMouseLeave:ee,onLeftIconIconClick:O,onLeftIconIconMouseEnter:p,onLeftIconIconMouseLeave:re,rightIcon:le,leftIcon:ce,withDropDown:te,dropdownData:q,onSelectData:ne,withLink:H,withCopy:fe,onCopy:ae,inputWrapperStyle:de,inputLabelStyle:j,requiredStyle:$,inputContainerStyle:A,leftIconStyle:pe,inputDropDownStyle:ve,ulStyle:ye,liStyle:he,httpStyle:_e,inputStyle:me,rightIconStyle:be,withCopyStyle:ge,inputHelperTextStyle:je})=>{const[Le,ie]=S.useState(!1),[oe,W]=S.useState(!1);S.useState(!1);const L=S.useRef(null),N=S.useRef(null),[Te,Y]=S.useState(!1),[Se,we]=S.useState(1),K=a=>{let k=a.target.value;k.length===1&&(k=k.trim()),h&&typeof h=="function"&&h(M?k.replace(/\d/g,""):k)},V=()=>{W(!0),f&&typeof f=="function"&&f()},Ee=()=>{W(!1),b&&typeof b=="function"&&b()},Re=a=>{const I=a.target.value.length===0;w==="number"&&(a.keyCode===69||!I&&(a.keyCode===187||a.keyCode===107||a.keyCode===189||a.keyCode===109))&&a.preventDefault()},J=()=>{ae&&typeof ae=="function"&&ae(C)},Ce=a=>a,Pe=()=>{let a={};return fe&&(a.borderTopRightRadius=0,a.borderBottomRightRadius=0,a.borderRight=0),te&&(a.paddingLeft=0),{...a,...A??{}}},G=a=>{!a.composedPath().includes(N.current)&&a.composedPath().includes(L.current)||Y(!1)},Oe=a=>{we(a.id),Y(!1),ne&&typeof ne=="function"&&ne(a)};S.useEffect(()=>(document.addEventListener("click",G),()=>{document.removeEventListener("click",G)}),[]);const xe=S.useRef(!1);return S.useEffect(()=>{xe.current?setTimeout(()=>{ie(a=>!a)},0):xe.current=!0},[]),l.jsxs("div",{className:y.inputWrapper,style:de??{},children:[m&&l.jsxs("label",{className:y.inputLabel,style:j??{},children:[m," ",l.jsx("span",{className:y.required,style:$??{},children:x&&"*"})]}),l.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[l.jsxs("div",{style:Pe(),className:`${y.inputContainer} ${oe&&!g?y.focused:""} ${D?y.disabled:""} ${s!=null&&s.error?y.error:""} ${y[P??"sm"]}`,children:[!te&&!H&&ce&&l.jsx("div",{className:y.leftIcon,style:pe??{},onClick:()=>{O&&typeof O=="function"&&O()},onMouseEnter:()=>{p&&typeof p=="function"&&p()},onMouseLeave:()=>{re&&typeof re=="function"&&re()},children:Ce(ce)}),!H&&te&&l.jsxs("div",{className:y.inputDropDown,style:ve??{},onClick:()=>Y(!0),ref:L,children:[q.find(a=>a.id===Se).label,Te&&l.jsx("ul",{ref:N,style:ye??{},children:q&&q.length&&q.map((a,k)=>l.jsx("li",{style:he??{},onClick:()=>Oe(a),children:(a==null?void 0:a.label)??"-"},a.id))}),l.jsx(Ir,{})]}),H&&l.jsx("div",{className:`${y.inputDropDown} ${y.http}`,style:_e??{},onClick:()=>Y(!0),ref:L,children:"http://"}),l.jsx("input",{style:me??{},type:w??"text",value:C,onChange:a=>K(a),onFocus:V,onBlur:Ee,disabled:D,required:x,onKeyDown:Re,readOnly:g,spellCheck:!1,placeholder:R??"",autoComplete:"off",maxLength:F}),le&&l.jsx("div",{className:y.rightIcon,style:be??{},onClick:()=>{U&&typeof U=="function"&&U()},onMouseEnter:()=>{Q&&typeof Q=="function"&&Q()},onMouseLeave:()=>{ee&&typeof ee=="function"&&ee()},children:Ce(le)})]}),fe&&l.jsxs("div",{style:ge??{},onClick:J,className:y.withCopy,children:[l.jsx(Br,{}),"Copy"]})]}),s&&(s==null?void 0:s.visigle)&&l.jsx("div",{style:je??{},className:`${y.inputHelperText} ${s!=null&&s.error?y.error:""}`,children:l.jsx("p",{style:(s==null?void 0:s.style)??{},children:s.text})})]})};exports.FormInput=Mr;exports.MainButton=jr;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var
|
|
2
|
-
import ze, { useState as oe, useRef as
|
|
3
|
-
var
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".mc__mainButton{border-radius:.5rem;min-width:7.75rem;border:.125rem solid rgba(255,255,255,.12);background:#7f56d9;display:flex;justify-content:center;align-items:center;padding:.5rem 1.25rem;cursor:pointer}.mc__mainButton:hover{background:#6941c6}.mc__mainButton:active{box-shadow:0 0 0 .0625rem #0a0d122e inset,0 -.125rem #0a0d120d inset,0 .0625rem .125rem #0a0d120d,0 0 0 .125rem #fff,0 0 0 .25rem #9e77ed}.mc__mainButton.mc__sm{height:2.25rem}.mc__mainButton.mc__sm.mc__onlyIcon{height:2.25rem;width:2.25rem;min-width:unset}.mc__mainButton.mc__sm .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__md{height:2.5rem}.mc__mainButton.mc__md.mc__onlyIcon{height:2.5rem;width:2.5rem;min-width:unset}.mc__mainButton.mc__md .mc__buttonSlot .mc__buttonLabel{font-size:.875rem;line-height:1.25rem}.mc__mainButton.mc__lg{height:2.75rem}.mc__mainButton.mc__lg.mc__onlyIcon{height:2.75rem;width:2.75rem;min-width:unset}.mc__mainButton.mc__lg .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.25rem}.mc__mainButton.mc__xl{height:3rem}.mc__mainButton.mc__xl.mc__onlyIcon{height:3rem;width:3rem;min-width:unset}.mc__mainButton.mc__xl .mc__buttonSlot .mc__buttonLabel{font-size:1rem;line-height:1.5rem}.mc__mainButton.mc__xl2{height:3.75rem}.mc__mainButton.mc__xl2.mc__onlyIcon{height:3.5rem;width:3.5rem;min-width:unset}.mc__mainButton.mc__xl2 .mc__buttonSlot .mc__buttonLabel{font-size:1.125rem;line-height:1.75rem}.mc__mainButton.mc__disabled{border-radius:.5rem;border:.0625rem solid #e9eaeb;background:#f5f5f5;box-shadow:0 .0625rem .125rem #0a0d120d;cursor:no-drop}.mc__mainButton.mc__disabled .mc__buttonSlot .mc__buttonLabel{color:#a4a7ae}.mc__mainButton .mc__buttonSlot{display:flex;align-items:center;gap:.5rem}.mc__mainButton .mc__buttonSlot .mc__buttonLabel{color:#fff;font-family:Inter;font-style:normal;font-weight:400}.mc__inputWrapper{width:100%}.mc__inputWrapper .mc__inputLabel{color:#414651;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputLabel .mc__required{color:#7f56d9;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.mc__inputWrapper .mc__inputContainer{position:relative;margin:.375rem 0;width:100%;border-radius:.5rem;border:1px solid #d5d7da;background:#fff;box-shadow:0 1px 2px #0a0d120d;display:flex;padding-left:.75rem}.mc__inputWrapper .mc__inputContainer input{background-color:transparent;width:100%;border:none;padding:.5rem 0;color:#181d27;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;outline:none}.mc__inputWrapper .mc__inputContainer input::placeholder{color:#717680}.mc__inputWrapper .mc__inputContainer.mc__focused{border-radius:.5rem;outline-color:#9e77ed;outline-width:2px;outline-style:solid;background:#fff;box-shadow:0 1px 2px #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error{border-radius:.5rem;outline-color:#fda29b;outline-width:1px;outline-style:solid;background:#fff;box-shadow:0 1px 2px #0a0d120d}.mc__inputWrapper .mc__inputContainer.mc__error.mc__focused{outline-width:2px;outline-color:#f04438}.mc__inputWrapper .mc__inputContainer .mc__rightIcon,.mc__inputWrapper .mc__inputContainer .mc__leftIcon{display:flex;justify-content:center;align-items:center}.mc__inputWrapper .mc__inputContainer .mc__rightIcon{margin:0 .5rem}.mc__inputWrapper .mc__inputContainer .mc__leftIcon{margin-right:.375rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown{padding:.5rem .75rem;display:grid;place-items:center;position:relative;color:#414651;font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul{width:100%;position:absolute;left:50%;top:100%;transform:translate(-50%);max-height:150px;overflow:hidden;background-color:#fff;border:1px solid #d5d7da;border-radius:.5rem}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li{padding:.375rem .75rem;width:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:initial;cursor:pointer}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown ul li:hover{background-color:#d5d7da}.mc__inputWrapper .mc__inputContainer .mc__inputDropDown.mc__http{cursor:initial;border-right:1px solid #d5d7da;margin-right:.75rem}.mc__inputWrapper .mc__inputContainer.mc__disabled{border-radius:.5rem;border:1px solid #d5d7da;background:#fafafa;box-shadow:0 1px 2px #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__disabled input{background:#fafafa;box-shadow:0 1px 2px #0a0d120d;cursor:no-drop}.mc__inputWrapper .mc__inputContainer.mc__sm{height:40px}.mc__inputWrapper .mc__inputContainer.mc__md{height:44px}.mc__inputWrapper .mc__withCopy{display:flex;align-items:center;gap:.25rem;border-radius:0rem 8px 8px 0px;border:1px solid #d5d7da;background:#fff;padding:10px 14px;color:#414651;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.mc__inputWrapper .mc__withCopy:hover{background:#f0f0f0}.mc__inputWrapper .mc__withCopy:active{background:#ececec}.mc__inputWrapper .mc__inputHelperText p{color:#535862;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.mc__inputWrapper .mc__inputHelperText.mc__error p{color:#d92d20}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
import ze, { useState as oe, useRef as We, useEffect as Je } from "react";
|
|
3
|
+
var Le = { exports: {} }, se = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
6
6
|
* react-jsx-runtime.production.min.js
|
|
@@ -14,13 +14,13 @@ var Ge;
|
|
|
14
14
|
function yr() {
|
|
15
15
|
if (Ge) return se;
|
|
16
16
|
Ge = 1;
|
|
17
|
-
var C = ze,
|
|
17
|
+
var C = ze, m = Symbol.for("react.element"), R = Symbol.for("react.fragment"), x = Object.prototype.hasOwnProperty, O = C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
18
18
|
function S(y, f, b) {
|
|
19
|
-
var s, g = {},
|
|
20
|
-
b !== void 0 && (
|
|
19
|
+
var s, g = {}, D = null, B = null;
|
|
20
|
+
b !== void 0 && (D = "" + b), f.key !== void 0 && (D = "" + f.key), f.ref !== void 0 && (B = f.ref);
|
|
21
21
|
for (s in f) x.call(f, s) && !w.hasOwnProperty(s) && (g[s] = f[s]);
|
|
22
22
|
if (y && y.defaultProps) for (s in f = y.defaultProps, f) g[s] === void 0 && (g[s] = f[s]);
|
|
23
|
-
return { $$typeof:
|
|
23
|
+
return { $$typeof: m, type: y, key: D, ref: B, props: g, _owner: O.current };
|
|
24
24
|
}
|
|
25
25
|
return se.Fragment = R, se.jsx = S, se.jsxs = S, se;
|
|
26
26
|
}
|
|
@@ -35,13 +35,13 @@ var ue = {};
|
|
|
35
35
|
* LICENSE file in the root directory of this source tree.
|
|
36
36
|
*/
|
|
37
37
|
var Xe;
|
|
38
|
-
function
|
|
38
|
+
function _r() {
|
|
39
39
|
return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && function() {
|
|
40
|
-
var C = ze,
|
|
40
|
+
var C = ze, m = Symbol.for("react.element"), R = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.provider"), y = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), M = Symbol.iterator, Z = "@@iterator";
|
|
41
41
|
function Q(e) {
|
|
42
42
|
if (e === null || typeof e != "object")
|
|
43
43
|
return null;
|
|
44
|
-
var r =
|
|
44
|
+
var r = M && e[M] || e[Z];
|
|
45
45
|
return typeof r == "function" ? r : null;
|
|
46
46
|
}
|
|
47
47
|
var P = C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
@@ -62,10 +62,10 @@ function mr() {
|
|
|
62
62
|
c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
var le = !1, ce = !1, re = !1,
|
|
65
|
+
var le = !1, ce = !1, re = !1, U = !1, te = !1, q;
|
|
66
66
|
q = Symbol.for("react.module.reference");
|
|
67
67
|
function fe(e) {
|
|
68
|
-
return !!(typeof e == "string" || typeof e == "function" || e === x || e === w || te || e === O || e === b || e === s ||
|
|
68
|
+
return !!(typeof e == "string" || typeof e == "function" || e === x || e === w || te || e === O || e === b || e === s || U || e === B || le || ce || re || typeof e == "object" && e !== null && (e.$$typeof === D || e.$$typeof === g || e.$$typeof === S || e.$$typeof === y || e.$$typeof === f || // This needs to include all possible module reference object
|
|
69
69
|
// types supported by any Flight configuration anywhere since
|
|
70
70
|
// we don't know which Flight build this will end up being used
|
|
71
71
|
// with.
|
|
@@ -115,7 +115,7 @@ function mr() {
|
|
|
115
115
|
case g:
|
|
116
116
|
var n = e.displayName || null;
|
|
117
117
|
return n !== null ? n : j(e.type) || "Memo";
|
|
118
|
-
case
|
|
118
|
+
case D: {
|
|
119
119
|
var u = e, c = u._payload, o = u._init;
|
|
120
120
|
try {
|
|
121
121
|
return j(o(c));
|
|
@@ -126,14 +126,14 @@ function mr() {
|
|
|
126
126
|
}
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
|
-
var
|
|
129
|
+
var F = Object.assign, $ = 0, pe, ve, he, ye, _e, me, be;
|
|
130
130
|
function ge() {
|
|
131
131
|
}
|
|
132
132
|
ge.__reactDisabledLog = !0;
|
|
133
133
|
function je() {
|
|
134
134
|
{
|
|
135
135
|
if ($ === 0) {
|
|
136
|
-
pe = console.log, ve = console.info, he = console.warn, ye = console.error,
|
|
136
|
+
pe = console.log, ve = console.info, he = console.warn, ye = console.error, _e = console.group, me = console.groupCollapsed, be = console.groupEnd;
|
|
137
137
|
var e = {
|
|
138
138
|
configurable: !0,
|
|
139
139
|
enumerable: !0,
|
|
@@ -162,25 +162,25 @@ function mr() {
|
|
|
162
162
|
writable: !0
|
|
163
163
|
};
|
|
164
164
|
Object.defineProperties(console, {
|
|
165
|
-
log:
|
|
165
|
+
log: F({}, e, {
|
|
166
166
|
value: pe
|
|
167
167
|
}),
|
|
168
|
-
info:
|
|
168
|
+
info: F({}, e, {
|
|
169
169
|
value: ve
|
|
170
170
|
}),
|
|
171
|
-
warn:
|
|
171
|
+
warn: F({}, e, {
|
|
172
172
|
value: he
|
|
173
173
|
}),
|
|
174
|
-
error:
|
|
174
|
+
error: F({}, e, {
|
|
175
175
|
value: ye
|
|
176
176
|
}),
|
|
177
|
-
group:
|
|
178
|
-
value: me
|
|
179
|
-
}),
|
|
180
|
-
groupCollapsed: D({}, e, {
|
|
177
|
+
group: F({}, e, {
|
|
181
178
|
value: _e
|
|
182
179
|
}),
|
|
183
|
-
|
|
180
|
+
groupCollapsed: F({}, e, {
|
|
181
|
+
value: me
|
|
182
|
+
}),
|
|
183
|
+
groupEnd: F({}, e, {
|
|
184
184
|
value: be
|
|
185
185
|
})
|
|
186
186
|
});
|
|
@@ -202,21 +202,21 @@ function mr() {
|
|
|
202
202
|
` + ie + e;
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
|
-
var
|
|
205
|
+
var W = !1, L;
|
|
206
206
|
{
|
|
207
207
|
var Te = typeof WeakMap == "function" ? WeakMap : Map;
|
|
208
|
-
|
|
208
|
+
L = new Te();
|
|
209
209
|
}
|
|
210
210
|
function N(e, r) {
|
|
211
|
-
if (!e ||
|
|
211
|
+
if (!e || W)
|
|
212
212
|
return "";
|
|
213
213
|
{
|
|
214
|
-
var t =
|
|
214
|
+
var t = L.get(e);
|
|
215
215
|
if (t !== void 0)
|
|
216
216
|
return t;
|
|
217
217
|
}
|
|
218
218
|
var n;
|
|
219
|
-
|
|
219
|
+
W = !0;
|
|
220
220
|
var u = Error.prepareStackTrace;
|
|
221
221
|
Error.prepareStackTrace = void 0;
|
|
222
222
|
var c;
|
|
@@ -256,27 +256,27 @@ function mr() {
|
|
|
256
256
|
} catch (E) {
|
|
257
257
|
if (E && n && typeof E.stack == "string") {
|
|
258
258
|
for (var i = E.stack.split(`
|
|
259
|
-
`),
|
|
260
|
-
`), d = i.length - 1, v =
|
|
259
|
+
`), _ = n.stack.split(`
|
|
260
|
+
`), d = i.length - 1, v = _.length - 1; d >= 1 && v >= 0 && i[d] !== _[v]; )
|
|
261
261
|
v--;
|
|
262
262
|
for (; d >= 1 && v >= 0; d--, v--)
|
|
263
|
-
if (i[d] !==
|
|
263
|
+
if (i[d] !== _[v]) {
|
|
264
264
|
if (d !== 1 || v !== 1)
|
|
265
265
|
do
|
|
266
|
-
if (d--, v--, v < 0 || i[d] !==
|
|
266
|
+
if (d--, v--, v < 0 || i[d] !== _[v]) {
|
|
267
267
|
var T = `
|
|
268
268
|
` + i[d].replace(" at new ", " at ");
|
|
269
|
-
return e.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", e.displayName)), typeof e == "function" &&
|
|
269
|
+
return e.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, T), T;
|
|
270
270
|
}
|
|
271
271
|
while (d >= 1 && v >= 0);
|
|
272
272
|
break;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
275
|
} finally {
|
|
276
|
-
|
|
276
|
+
W = !1, ae.current = c, Ne(), Error.prepareStackTrace = u;
|
|
277
277
|
}
|
|
278
|
-
var X = e ? e.displayName || e.name : "",
|
|
279
|
-
return typeof e == "function" &&
|
|
278
|
+
var X = e ? e.displayName || e.name : "", I = X ? A(X) : "";
|
|
279
|
+
return typeof e == "function" && L.set(e, I), I;
|
|
280
280
|
}
|
|
281
281
|
function we(e, r, t) {
|
|
282
282
|
return N(e, !1);
|
|
@@ -304,7 +304,7 @@ function mr() {
|
|
|
304
304
|
return we(e.render);
|
|
305
305
|
case g:
|
|
306
306
|
return H(e.type, r, t);
|
|
307
|
-
case
|
|
307
|
+
case D: {
|
|
308
308
|
var n = e, u = n._payload, c = n._init;
|
|
309
309
|
try {
|
|
310
310
|
return H(c(u), r, t);
|
|
@@ -314,7 +314,7 @@ function mr() {
|
|
|
314
314
|
}
|
|
315
315
|
return "";
|
|
316
316
|
}
|
|
317
|
-
var
|
|
317
|
+
var Y = Object.prototype.hasOwnProperty, Ee = {}, Re = P.ReactDebugCurrentFrame;
|
|
318
318
|
function K(e) {
|
|
319
319
|
if (e) {
|
|
320
320
|
var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
|
|
@@ -324,14 +324,14 @@ function mr() {
|
|
|
324
324
|
}
|
|
325
325
|
function Ce(e, r, t, n, u) {
|
|
326
326
|
{
|
|
327
|
-
var c = Function.call.bind(
|
|
327
|
+
var c = Function.call.bind(Y);
|
|
328
328
|
for (var o in e)
|
|
329
329
|
if (c(e, o)) {
|
|
330
330
|
var i = void 0;
|
|
331
331
|
try {
|
|
332
332
|
if (typeof e[o] != "function") {
|
|
333
|
-
var
|
|
334
|
-
throw
|
|
333
|
+
var _ = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
334
|
+
throw _.name = "Invariant Violation", _;
|
|
335
335
|
}
|
|
336
336
|
i = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
337
337
|
} catch (d) {
|
|
@@ -365,15 +365,15 @@ function mr() {
|
|
|
365
365
|
if (xe(e))
|
|
366
366
|
return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ke(e)), a(e);
|
|
367
367
|
}
|
|
368
|
-
var
|
|
368
|
+
var V = P.ReactCurrentOwner, Ze = {
|
|
369
369
|
key: !0,
|
|
370
370
|
ref: !0,
|
|
371
371
|
__self: !0,
|
|
372
372
|
__source: !0
|
|
373
|
-
},
|
|
373
|
+
}, Ye, Ve, Oe;
|
|
374
374
|
Oe = {};
|
|
375
375
|
function Qe(e) {
|
|
376
|
-
if (
|
|
376
|
+
if (Y.call(e, "ref")) {
|
|
377
377
|
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
378
378
|
if (r && r.isReactWarning)
|
|
379
379
|
return !1;
|
|
@@ -381,7 +381,7 @@ function mr() {
|
|
|
381
381
|
return e.ref !== void 0;
|
|
382
382
|
}
|
|
383
383
|
function er(e) {
|
|
384
|
-
if (
|
|
384
|
+
if (Y.call(e, "key")) {
|
|
385
385
|
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
386
386
|
if (r && r.isReactWarning)
|
|
387
387
|
return !1;
|
|
@@ -389,15 +389,15 @@ function mr() {
|
|
|
389
389
|
return e.key !== void 0;
|
|
390
390
|
}
|
|
391
391
|
function rr(e, r) {
|
|
392
|
-
if (typeof e.ref == "string" &&
|
|
393
|
-
var t = j(
|
|
394
|
-
Oe[t] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', j(
|
|
392
|
+
if (typeof e.ref == "string" && V.current && r && V.current.stateNode !== r) {
|
|
393
|
+
var t = j(V.current.type);
|
|
394
|
+
Oe[t] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', j(V.current.type), e.ref), Oe[t] = !0);
|
|
395
395
|
}
|
|
396
396
|
}
|
|
397
397
|
function tr(e, r) {
|
|
398
398
|
{
|
|
399
399
|
var t = function() {
|
|
400
|
-
|
|
400
|
+
Ye || (Ye = !0, p("%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)", r));
|
|
401
401
|
};
|
|
402
402
|
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
403
403
|
get: t,
|
|
@@ -408,7 +408,7 @@ function mr() {
|
|
|
408
408
|
function nr(e, r) {
|
|
409
409
|
{
|
|
410
410
|
var t = function() {
|
|
411
|
-
|
|
411
|
+
Ve || (Ve = !0, p("%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)", r));
|
|
412
412
|
};
|
|
413
413
|
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
414
414
|
get: t,
|
|
@@ -419,7 +419,7 @@ function mr() {
|
|
|
419
419
|
var ar = function(e, r, t, n, u, c, o) {
|
|
420
420
|
var i = {
|
|
421
421
|
// This tag allows us to uniquely identify this as a React Element
|
|
422
|
-
$$typeof:
|
|
422
|
+
$$typeof: m,
|
|
423
423
|
// Built-in properties that belong on the element
|
|
424
424
|
type: e,
|
|
425
425
|
key: r,
|
|
@@ -447,39 +447,39 @@ function mr() {
|
|
|
447
447
|
};
|
|
448
448
|
function ir(e, r, t, n, u) {
|
|
449
449
|
{
|
|
450
|
-
var c, o = {}, i = null,
|
|
451
|
-
t !== void 0 && (k(t), i = "" + t), er(r) && (k(r.key), i = "" + r.key), Qe(r) && (
|
|
450
|
+
var c, o = {}, i = null, _ = null;
|
|
451
|
+
t !== void 0 && (k(t), i = "" + t), er(r) && (k(r.key), i = "" + r.key), Qe(r) && (_ = r.ref, rr(r, u));
|
|
452
452
|
for (c in r)
|
|
453
|
-
|
|
453
|
+
Y.call(r, c) && !Ze.hasOwnProperty(c) && (o[c] = r[c]);
|
|
454
454
|
if (e && e.defaultProps) {
|
|
455
455
|
var d = e.defaultProps;
|
|
456
456
|
for (c in d)
|
|
457
457
|
o[c] === void 0 && (o[c] = d[c]);
|
|
458
458
|
}
|
|
459
|
-
if (i ||
|
|
459
|
+
if (i || _) {
|
|
460
460
|
var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
461
|
-
i && tr(o, v),
|
|
461
|
+
i && tr(o, v), _ && nr(o, v);
|
|
462
462
|
}
|
|
463
|
-
return ar(e, i,
|
|
463
|
+
return ar(e, i, _, u, n, V.current, o);
|
|
464
464
|
}
|
|
465
465
|
}
|
|
466
|
-
var
|
|
466
|
+
var De = P.ReactCurrentOwner, Ie = P.ReactDebugCurrentFrame;
|
|
467
467
|
function G(e) {
|
|
468
468
|
if (e) {
|
|
469
469
|
var r = e._owner, t = H(e.type, e._source, r ? r.type : null);
|
|
470
|
-
|
|
470
|
+
Ie.setExtraStackFrame(t);
|
|
471
471
|
} else
|
|
472
|
-
|
|
472
|
+
Ie.setExtraStackFrame(null);
|
|
473
473
|
}
|
|
474
|
-
var
|
|
475
|
-
|
|
474
|
+
var Fe;
|
|
475
|
+
Fe = !1;
|
|
476
476
|
function $e(e) {
|
|
477
|
-
return typeof e == "object" && e !== null && e.$$typeof ===
|
|
477
|
+
return typeof e == "object" && e !== null && e.$$typeof === m;
|
|
478
478
|
}
|
|
479
|
-
function
|
|
479
|
+
function Be() {
|
|
480
480
|
{
|
|
481
|
-
if (
|
|
482
|
-
var e = j(
|
|
481
|
+
if (De.current) {
|
|
482
|
+
var e = j(De.current.type);
|
|
483
483
|
if (e)
|
|
484
484
|
return `
|
|
485
485
|
|
|
@@ -491,10 +491,10 @@ Check the render method of \`` + e + "`.";
|
|
|
491
491
|
function or(e) {
|
|
492
492
|
return "";
|
|
493
493
|
}
|
|
494
|
-
var
|
|
494
|
+
var Me = {};
|
|
495
495
|
function sr(e) {
|
|
496
496
|
{
|
|
497
|
-
var r =
|
|
497
|
+
var r = Be();
|
|
498
498
|
if (!r) {
|
|
499
499
|
var t = typeof e == "string" ? e : e.displayName || e.name;
|
|
500
500
|
t && (r = `
|
|
@@ -504,17 +504,17 @@ Check the top-level render call using <` + t + ">.");
|
|
|
504
504
|
return r;
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
|
-
function
|
|
507
|
+
function Ue(e, r) {
|
|
508
508
|
{
|
|
509
509
|
if (!e._store || e._store.validated || e.key != null)
|
|
510
510
|
return;
|
|
511
511
|
e._store.validated = !0;
|
|
512
512
|
var t = sr(r);
|
|
513
|
-
if (
|
|
513
|
+
if (Me[t])
|
|
514
514
|
return;
|
|
515
|
-
|
|
515
|
+
Me[t] = !0;
|
|
516
516
|
var n = "";
|
|
517
|
-
e && e._owner && e._owner !==
|
|
517
|
+
e && e._owner && e._owner !== De.current && (n = " It was passed a child from " + j(e._owner.type) + "."), G(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), G(null);
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
520
|
function qe(e, r) {
|
|
@@ -524,7 +524,7 @@ Check the top-level render call using <` + t + ">.");
|
|
|
524
524
|
if (J(e))
|
|
525
525
|
for (var t = 0; t < e.length; t++) {
|
|
526
526
|
var n = e[t];
|
|
527
|
-
$e(n) &&
|
|
527
|
+
$e(n) && Ue(n, r);
|
|
528
528
|
}
|
|
529
529
|
else if ($e(e))
|
|
530
530
|
e._store && (e._store.validated = !0);
|
|
@@ -532,7 +532,7 @@ Check the top-level render call using <` + t + ">.");
|
|
|
532
532
|
var u = Q(e);
|
|
533
533
|
if (typeof u == "function" && u !== e.entries)
|
|
534
534
|
for (var c = u.call(e), o; !(o = c.next()).done; )
|
|
535
|
-
$e(o.value) &&
|
|
535
|
+
$e(o.value) && Ue(o.value, r);
|
|
536
536
|
}
|
|
537
537
|
}
|
|
538
538
|
}
|
|
@@ -553,8 +553,8 @@ Check the top-level render call using <` + t + ">.");
|
|
|
553
553
|
if (t) {
|
|
554
554
|
var n = j(r);
|
|
555
555
|
Ce(t, e.props, "prop", n, e);
|
|
556
|
-
} else if (r.PropTypes !== void 0 && !
|
|
557
|
-
|
|
556
|
+
} else if (r.PropTypes !== void 0 && !Fe) {
|
|
557
|
+
Fe = !0;
|
|
558
558
|
var u = j(r);
|
|
559
559
|
p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
|
|
560
560
|
}
|
|
@@ -580,10 +580,10 @@ Check the top-level render call using <` + t + ">.");
|
|
|
580
580
|
if (!o) {
|
|
581
581
|
var i = "";
|
|
582
582
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
583
|
-
var
|
|
584
|
-
|
|
583
|
+
var _ = or();
|
|
584
|
+
_ ? i += _ : i += Be();
|
|
585
585
|
var d;
|
|
586
|
-
e === null ? d = "null" : J(e) ? d = "array" : e !== void 0 && e.$$typeof ===
|
|
586
|
+
e === null ? d = "null" : J(e) ? d = "array" : e !== void 0 && e.$$typeof === m ? (d = "<" + (j(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, i);
|
|
587
587
|
}
|
|
588
588
|
var v = ir(e, r, t, u, c);
|
|
589
589
|
if (v == null)
|
|
@@ -601,18 +601,18 @@ Check the top-level render call using <` + t + ">.");
|
|
|
601
601
|
else
|
|
602
602
|
qe(T, e);
|
|
603
603
|
}
|
|
604
|
-
if (
|
|
605
|
-
var
|
|
604
|
+
if (Y.call(r, "key")) {
|
|
605
|
+
var I = j(e), E = Object.keys(r).filter(function(hr) {
|
|
606
606
|
return hr !== "key";
|
|
607
607
|
}), Ae = E.length > 0 ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
608
|
-
if (!He[
|
|
608
|
+
if (!He[I + Ae]) {
|
|
609
609
|
var vr = E.length > 0 ? "{" + E.join(": ..., ") + ": ...}" : "{}";
|
|
610
610
|
p(`A props object containing a "key" prop is being spread into JSX:
|
|
611
611
|
let props = %s;
|
|
612
612
|
<%s {...props} />
|
|
613
613
|
React keys must be passed directly to JSX without using spread:
|
|
614
614
|
let props = %s;
|
|
615
|
-
<%s key={someKey} {...props} />`, Ae,
|
|
615
|
+
<%s key={someKey} {...props} />`, Ae, I, vr, I), He[I + Ae] = !0;
|
|
616
616
|
}
|
|
617
617
|
}
|
|
618
618
|
return e === x ? lr(v) : ur(v), v;
|
|
@@ -628,11 +628,22 @@ React keys must be passed directly to JSX without using spread:
|
|
|
628
628
|
ue.Fragment = x, ue.jsx = dr, ue.jsxs = pr;
|
|
629
629
|
}()), ue;
|
|
630
630
|
}
|
|
631
|
-
process.env.NODE_ENV === "production" ?
|
|
632
|
-
var l =
|
|
633
|
-
const
|
|
631
|
+
process.env.NODE_ENV === "production" ? Le.exports = yr() : Le.exports = _r();
|
|
632
|
+
var l = Le.exports;
|
|
633
|
+
const mr = "mc__mainButton", br = "mc__sm", gr = "mc__onlyIcon", Er = "mc__buttonSlot", Rr = "mc__buttonLabel", Cr = "mc__md", xr = "mc__lg", jr = "mc__xl", Tr = "mc__xl2", wr = "mc__disabled", z = {
|
|
634
|
+
mainButton: mr,
|
|
635
|
+
sm: br,
|
|
636
|
+
onlyIcon: gr,
|
|
637
|
+
buttonSlot: Er,
|
|
638
|
+
buttonLabel: Rr,
|
|
639
|
+
md: Cr,
|
|
640
|
+
lg: xr,
|
|
641
|
+
xl: jr,
|
|
642
|
+
xl2: Tr,
|
|
643
|
+
disabled: wr
|
|
644
|
+
}, Hr = ({
|
|
634
645
|
label: C,
|
|
635
|
-
buttonType:
|
|
646
|
+
buttonType: m = "button",
|
|
636
647
|
onClick: R,
|
|
637
648
|
size: x = "md",
|
|
638
649
|
disabled: O,
|
|
@@ -646,7 +657,7 @@ const z = {}, Ir = ({
|
|
|
646
657
|
}) => /* @__PURE__ */ l.jsx(
|
|
647
658
|
"button",
|
|
648
659
|
{
|
|
649
|
-
type:
|
|
660
|
+
type: m,
|
|
650
661
|
style: b && typeof b == "object" ? b : {},
|
|
651
662
|
className: `${z.mainButton} ${f ? z.onlyIcon : ""} ${x ? z[x] : ""} ${O ? z.disabled : ""}`,
|
|
652
663
|
onClick: () => {
|
|
@@ -658,23 +669,23 @@ const z = {}, Ir = ({
|
|
|
658
669
|
w && y ? y : ""
|
|
659
670
|
] })
|
|
660
671
|
}
|
|
661
|
-
),
|
|
662
|
-
inputWrapper:
|
|
663
|
-
inputLabel:
|
|
664
|
-
required:
|
|
665
|
-
inputContainer:
|
|
666
|
-
focused:
|
|
667
|
-
error:
|
|
668
|
-
rightIcon:
|
|
669
|
-
leftIcon:
|
|
670
|
-
inputDropDown:
|
|
671
|
-
http:
|
|
672
|
-
disabled:
|
|
673
|
-
sm:
|
|
674
|
-
md:
|
|
675
|
-
withCopy:
|
|
676
|
-
inputHelperText:
|
|
677
|
-
},
|
|
672
|
+
), Sr = "mc__inputWrapper", Pr = "mc__inputLabel", kr = "mc__required", Or = "mc__inputContainer", Dr = "mc__focused", Fr = "mc__error", $r = "mc__rightIcon", Ar = "mc__leftIcon", Wr = "mc__inputDropDown", Lr = "mc__http", Nr = "mc__disabled", Yr = "mc__sm", Vr = "mc__md", Ir = "mc__withCopy", Br = "mc__inputHelperText", h = {
|
|
673
|
+
inputWrapper: Sr,
|
|
674
|
+
inputLabel: Pr,
|
|
675
|
+
required: kr,
|
|
676
|
+
inputContainer: Or,
|
|
677
|
+
focused: Dr,
|
|
678
|
+
error: Fr,
|
|
679
|
+
rightIcon: $r,
|
|
680
|
+
leftIcon: Ar,
|
|
681
|
+
inputDropDown: Wr,
|
|
682
|
+
http: Lr,
|
|
683
|
+
disabled: Nr,
|
|
684
|
+
sm: Yr,
|
|
685
|
+
md: Vr,
|
|
686
|
+
withCopy: Ir,
|
|
687
|
+
inputHelperText: Br
|
|
688
|
+
}, Mr = ({ width: C, height: m, color: R }) => /* @__PURE__ */ l.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: C ?? "12", height: m ?? "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ l.jsx("path", { d: "M1 1.5L6 6.5L11 1.5", stroke: R ?? "#A4A7AE", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }), Ur = ({ width: C, height: m, color: R }) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: C ?? "20", height: m ?? "20", viewBox: "0 0 20 20", fill: "none", children: [
|
|
678
689
|
/* @__PURE__ */ l.jsx("g", { clipPath: "url(#clip0_444_26)", children: /* @__PURE__ */ l.jsx(
|
|
679
690
|
"path",
|
|
680
691
|
{
|
|
@@ -686,9 +697,9 @@ const z = {}, Ir = ({
|
|
|
686
697
|
}
|
|
687
698
|
) }),
|
|
688
699
|
/* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx("clipPath", { id: "clip0_444_26", children: /* @__PURE__ */ l.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })
|
|
689
|
-
] }),
|
|
700
|
+
] }), Kr = ({
|
|
690
701
|
value: C,
|
|
691
|
-
label:
|
|
702
|
+
label: m,
|
|
692
703
|
placeholder: R,
|
|
693
704
|
required: x,
|
|
694
705
|
disabled: O,
|
|
@@ -699,9 +710,9 @@ const z = {}, Ir = ({
|
|
|
699
710
|
onBlur: b,
|
|
700
711
|
msg: s,
|
|
701
712
|
readOnly: g,
|
|
702
|
-
maxLength:
|
|
703
|
-
onlyText:
|
|
704
|
-
onRightIconIconClick:
|
|
713
|
+
maxLength: D,
|
|
714
|
+
onlyText: B,
|
|
715
|
+
onRightIconIconClick: M,
|
|
705
716
|
onRightIconIconMouseEnter: Z,
|
|
706
717
|
onRightIconIconMouseLeave: Q,
|
|
707
718
|
onLeftIconIconClick: P,
|
|
@@ -710,60 +721,60 @@ const z = {}, Ir = ({
|
|
|
710
721
|
rightIcon: le,
|
|
711
722
|
leftIcon: ce,
|
|
712
723
|
withDropDown: re,
|
|
713
|
-
dropdownData:
|
|
724
|
+
dropdownData: U,
|
|
714
725
|
onSelectData: te,
|
|
715
726
|
withLink: q,
|
|
716
727
|
withCopy: fe,
|
|
717
728
|
onCopy: ne,
|
|
718
729
|
inputWrapperStyle: de,
|
|
719
730
|
inputLabelStyle: j,
|
|
720
|
-
requiredStyle:
|
|
731
|
+
requiredStyle: F,
|
|
721
732
|
inputContainerStyle: $,
|
|
722
733
|
leftIconStyle: pe,
|
|
723
734
|
inputDropDownStyle: ve,
|
|
724
735
|
ulStyle: he,
|
|
725
736
|
liStyle: ye,
|
|
726
|
-
httpStyle:
|
|
727
|
-
inputStyle:
|
|
737
|
+
httpStyle: _e,
|
|
738
|
+
inputStyle: me,
|
|
728
739
|
rightIconStyle: be,
|
|
729
740
|
withCopyStyle: ge,
|
|
730
741
|
inputHelperTextStyle: je
|
|
731
742
|
}) => {
|
|
732
743
|
const [Ne, ae] = oe(!1), [ie, A] = oe(!1);
|
|
733
744
|
oe(!1);
|
|
734
|
-
const
|
|
745
|
+
const W = We(null), L = We(null), [Te, N] = oe(!1), [we, Se] = oe(1), H = (a) => {
|
|
735
746
|
let k = a.target.value;
|
|
736
|
-
k.length === 1 && (k = k.trim()), y && typeof y == "function" && y(
|
|
737
|
-
},
|
|
747
|
+
k.length === 1 && (k = k.trim()), y && typeof y == "function" && y(B ? k.replace(/\d/g, "") : k);
|
|
748
|
+
}, Y = () => {
|
|
738
749
|
A(!0), f && typeof f == "function" && f();
|
|
739
750
|
}, Ee = () => {
|
|
740
751
|
A(!1), b && typeof b == "function" && b();
|
|
741
752
|
}, Re = (a) => {
|
|
742
|
-
const
|
|
743
|
-
w === "number" && (a.keyCode === 69 || !
|
|
753
|
+
const V = a.target.value.length === 0;
|
|
754
|
+
w === "number" && (a.keyCode === 69 || !V && (a.keyCode === 187 || a.keyCode === 107 || a.keyCode === 189 || a.keyCode === 109)) && a.preventDefault();
|
|
744
755
|
}, K = () => {
|
|
745
756
|
ne && typeof ne == "function" && ne(C);
|
|
746
757
|
}, Ce = (a) => a, Pe = () => {
|
|
747
758
|
let a = {};
|
|
748
759
|
return fe && (a.borderTopRightRadius = 0, a.borderBottomRightRadius = 0, a.borderRight = 0), re && (a.paddingLeft = 0), { ...a, ...$ ?? {} };
|
|
749
760
|
}, J = (a) => {
|
|
750
|
-
!a.composedPath().includes(
|
|
761
|
+
!a.composedPath().includes(L.current) && a.composedPath().includes(W.current) || N(!1);
|
|
751
762
|
}, ke = (a) => {
|
|
752
763
|
Se(a.id), N(!1), te && typeof te == "function" && te(a);
|
|
753
764
|
};
|
|
754
765
|
Je(() => (document.addEventListener("click", J), () => {
|
|
755
766
|
document.removeEventListener("click", J);
|
|
756
767
|
}), []);
|
|
757
|
-
const xe =
|
|
768
|
+
const xe = We(!1);
|
|
758
769
|
return Je(() => {
|
|
759
770
|
xe.current ? setTimeout(() => {
|
|
760
771
|
ae((a) => !a);
|
|
761
772
|
}, 0) : xe.current = !0;
|
|
762
773
|
}, []), /* @__PURE__ */ l.jsxs("div", { className: h.inputWrapper, style: de ?? {}, children: [
|
|
763
|
-
|
|
764
|
-
|
|
774
|
+
m && /* @__PURE__ */ l.jsxs("label", { className: h.inputLabel, style: j ?? {}, children: [
|
|
775
|
+
m,
|
|
765
776
|
" ",
|
|
766
|
-
/* @__PURE__ */ l.jsx("span", { className: h.required, style:
|
|
777
|
+
/* @__PURE__ */ l.jsx("span", { className: h.required, style: F ?? {}, children: x && "*" })
|
|
767
778
|
] }),
|
|
768
779
|
/* @__PURE__ */ l.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
|
|
769
780
|
/* @__PURE__ */ l.jsxs(
|
|
@@ -789,20 +800,20 @@ const z = {}, Ir = ({
|
|
|
789
800
|
children: Ce(ce)
|
|
790
801
|
}
|
|
791
802
|
),
|
|
792
|
-
!q && re && /* @__PURE__ */ l.jsxs("div", { className: h.inputDropDown, style: ve ?? {}, onClick: () => N(!0), ref:
|
|
793
|
-
|
|
794
|
-
Te && /* @__PURE__ */ l.jsx("ul", { ref:
|
|
795
|
-
/* @__PURE__ */ l.jsx(
|
|
803
|
+
!q && re && /* @__PURE__ */ l.jsxs("div", { className: h.inputDropDown, style: ve ?? {}, onClick: () => N(!0), ref: W, children: [
|
|
804
|
+
U.find((a) => a.id === we).label,
|
|
805
|
+
Te && /* @__PURE__ */ l.jsx("ul", { ref: L, style: he ?? {}, children: U && U.length && U.map((a, k) => /* @__PURE__ */ l.jsx("li", { style: ye ?? {}, onClick: () => ke(a), children: (a == null ? void 0 : a.label) ?? "-" }, a.id)) }),
|
|
806
|
+
/* @__PURE__ */ l.jsx(Mr, {})
|
|
796
807
|
] }),
|
|
797
|
-
q && /* @__PURE__ */ l.jsx("div", { className: `${h.inputDropDown} ${h.http}`, style:
|
|
808
|
+
q && /* @__PURE__ */ l.jsx("div", { className: `${h.inputDropDown} ${h.http}`, style: _e ?? {}, onClick: () => N(!0), ref: W, children: "http://" }),
|
|
798
809
|
/* @__PURE__ */ l.jsx(
|
|
799
810
|
"input",
|
|
800
811
|
{
|
|
801
|
-
style:
|
|
812
|
+
style: me ?? {},
|
|
802
813
|
type: w ?? "text",
|
|
803
814
|
value: C,
|
|
804
815
|
onChange: (a) => H(a),
|
|
805
|
-
onFocus:
|
|
816
|
+
onFocus: Y,
|
|
806
817
|
onBlur: Ee,
|
|
807
818
|
disabled: O,
|
|
808
819
|
required: x,
|
|
@@ -811,7 +822,7 @@ const z = {}, Ir = ({
|
|
|
811
822
|
spellCheck: !1,
|
|
812
823
|
placeholder: R ?? "",
|
|
813
824
|
autoComplete: "off",
|
|
814
|
-
maxLength:
|
|
825
|
+
maxLength: D
|
|
815
826
|
}
|
|
816
827
|
),
|
|
817
828
|
le && /* @__PURE__ */ l.jsx(
|
|
@@ -820,7 +831,7 @@ const z = {}, Ir = ({
|
|
|
820
831
|
className: h.rightIcon,
|
|
821
832
|
style: be ?? {},
|
|
822
833
|
onClick: () => {
|
|
823
|
-
|
|
834
|
+
M && typeof M == "function" && M();
|
|
824
835
|
},
|
|
825
836
|
onMouseEnter: () => {
|
|
826
837
|
Z && typeof Z == "function" && Z();
|
|
@@ -835,7 +846,7 @@ const z = {}, Ir = ({
|
|
|
835
846
|
}
|
|
836
847
|
),
|
|
837
848
|
fe && /* @__PURE__ */ l.jsxs("div", { style: ge ?? {}, onClick: K, className: h.withCopy, children: [
|
|
838
|
-
/* @__PURE__ */ l.jsx(
|
|
849
|
+
/* @__PURE__ */ l.jsx(Ur, {}),
|
|
839
850
|
"Copy"
|
|
840
851
|
] })
|
|
841
852
|
] }),
|
|
@@ -843,6 +854,6 @@ const z = {}, Ir = ({
|
|
|
843
854
|
] });
|
|
844
855
|
};
|
|
845
856
|
export {
|
|
846
|
-
|
|
847
|
-
|
|
857
|
+
Kr as FormInput,
|
|
858
|
+
Hr as MainButton
|
|
848
859
|
};
|
package/package.json
CHANGED
|
@@ -1,48 +1,50 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "master-components-react",
|
|
3
|
-
"private": false,
|
|
4
|
-
"version": "1.1.
|
|
5
|
-
"type": "module",
|
|
6
|
-
"main": "dist/master-components-react.cjs.js",
|
|
7
|
-
"module": "dist/master-components-react.es.js",
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"scripts": {
|
|
20
|
-
"dev": "vite --port 3636 --strictPort",
|
|
21
|
-
"build": "vite build",
|
|
22
|
-
"preview": "vite preview --port 3636 --strictPort",
|
|
23
|
-
"lint": "eslint ."
|
|
24
|
-
},
|
|
25
|
-
"dependencies": {
|
|
26
|
-
"dayjs": "^1.11.13",
|
|
27
|
-
"master-components-react": "file:",
|
|
28
|
-
"react-router-dom": "^6.28.0"
|
|
29
|
-
},
|
|
30
|
-
"devDependencies": {
|
|
31
|
-
"@eslint/js": "^9.13.0",
|
|
32
|
-
"@types/react": "^18.3.12",
|
|
33
|
-
"@types/react-dom": "^18.3.1",
|
|
34
|
-
"@vitejs/plugin-react": "^4.3.3",
|
|
35
|
-
"eslint": "^9.13.0",
|
|
36
|
-
"eslint-plugin-react": "^7.37.2",
|
|
37
|
-
"eslint-plugin-react-hooks": "^5.0.0",
|
|
38
|
-
"eslint-plugin-react-refresh": "^0.4.14",
|
|
39
|
-
"globals": "^15.11.0",
|
|
40
|
-
"sass": "^1.81.0",
|
|
41
|
-
"vite": "^5.4.11",
|
|
42
|
-
"vite-plugin-css-injected-by-js": "^3.5.2"
|
|
43
|
-
},
|
|
44
|
-
"peerDependencies": {
|
|
45
|
-
"
|
|
46
|
-
"react
|
|
47
|
-
|
|
48
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "master-components-react",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "1.1.7",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "dist/master-components-react.cjs.js",
|
|
7
|
+
"module": "dist/master-components-react.es.js",
|
|
8
|
+
"style": "dist/index.css",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist",
|
|
11
|
+
"README.md"
|
|
12
|
+
],
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"import": "./dist/master-components-react.es.js",
|
|
16
|
+
"require": "./dist/master-components-react.cjs.js"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"scripts": {
|
|
20
|
+
"dev": "vite --port 3636 --strictPort",
|
|
21
|
+
"build": "vite build",
|
|
22
|
+
"preview": "vite preview --port 3636 --strictPort",
|
|
23
|
+
"lint": "eslint ."
|
|
24
|
+
},
|
|
25
|
+
"dependencies": {
|
|
26
|
+
"dayjs": "^1.11.13",
|
|
27
|
+
"master-components-react": "file:",
|
|
28
|
+
"react-router-dom": "^6.28.0"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@eslint/js": "^9.13.0",
|
|
32
|
+
"@types/react": "^18.3.12",
|
|
33
|
+
"@types/react-dom": "^18.3.1",
|
|
34
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
35
|
+
"eslint": "^9.13.0",
|
|
36
|
+
"eslint-plugin-react": "^7.37.2",
|
|
37
|
+
"eslint-plugin-react-hooks": "^5.0.0",
|
|
38
|
+
"eslint-plugin-react-refresh": "^0.4.14",
|
|
39
|
+
"globals": "^15.11.0",
|
|
40
|
+
"sass": "^1.81.0",
|
|
41
|
+
"vite": "^5.4.11",
|
|
42
|
+
"vite-plugin-css-injected-by-js": "^3.5.2"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"devextreme": "^24.1.7",
|
|
46
|
+
"devextreme-react": "^24.1.7",
|
|
47
|
+
"react": "^18.3.1",
|
|
48
|
+
"react-dom": "^18.3.1"
|
|
49
|
+
}
|
|
50
|
+
}
|